/* Nullius 03.8 returns surface. Product-specific structure; shared visual roles. */
#wb-performance{min-width:0;padding-bottom:var(--space-8);color:var(--foreground);font-family:var(--sans);container-type:inline-size;container-name:returns;--chart-net-max-width:32px;--chart-net-fill:.62}
#wb-performance[hidden]{display:none}
#wb-performance button:not(.btn){font:inherit;color:inherit;cursor:pointer}
#wb-performance :is(button:not(.btn),svg[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#wb-performance h2{margin:0;color:var(--foreground);font:600 var(--type-section)/var(--leading-section) var(--sans)}
#wb-performance .pf-panel{position:relative;min-width:0;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);box-shadow:none}
#wb-performance .pf-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}
/* The three return summaries are equal feature cards, as confirmed by the user. */
#wb-performance .pf-metric-card{position:relative;min-width:0;padding:var(--space-6);border:1px solid transparent;border-radius:var(--radius-feature);background:var(--surface-feature);box-shadow:none}
#wb-performance .pf-metric-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--leading-caption);margin-bottom:var(--space-3)}
#wb-performance .pf-metric-heading h2{color:var(--foreground-secondary);font:500 var(--type-caption)/var(--leading-caption) var(--sans)}
#wb-performance .pf-currency{flex:none;color:var(--foreground-muted);font:400 var(--type-caption)/var(--leading-caption) var(--sans)}
#wb-performance .pf-metric-amount{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:6px;min-height:var(--leading-amount)}
#wb-performance .pf-metric-amount>.pf-main{flex:1 1 auto;width:auto}
#wb-performance .pf-metric-amount>.asset-quote{margin-top:calc((var(--leading-amount) - 24px) / 2)}
#wb-performance .pf-main{display:block;min-width:0;max-width:100%;width:100%;margin:0;padding:0;border:0;background:transparent;text-align:left}
#wb-performance .pf-main>strong{display:block;max-width:100%;color:var(--foreground-feature);font:600 var(--type-amount)/var(--leading-amount) var(--number-font);letter-spacing:-.6px;font-variant-numeric:tabular-nums lining-nums;white-space:normal;overflow-wrap:anywhere}
#wb-performance .pf-main .asset-money-unit{font:500 var(--type-caption)/var(--leading-caption) var(--sans);margin-left:var(--space-2);color:var(--foreground-muted);letter-spacing:0;vertical-align:baseline}

#wb-performance .pf-metric-share{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);color:var(--foreground-secondary);font:500 var(--type-caption)/var(--leading-caption) var(--number-font);font-variant-numeric:tabular-nums}
#wb-performance .pf-main>strong.pf-unavailable{color:var(--foreground-muted);font:400 var(--type-body)/var(--leading-amount) var(--number-font);letter-spacing:0}
#wb-performance .pf-privacy{display:inline-flex;align-items:center;justify-content:center;width:var(--control-sm);height:var(--control-sm);flex:none;margin:0;padding:7px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--foreground-secondary)}
#wb-performance .pf-privacy svg{width:18px;height:18px;fill:none;stroke-linecap:round;stroke-linejoin:round}
#wb-performance .pf-privacy:hover{background:var(--surface-group);color:var(--accent)}
#wb-performance .pf-top-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:stretch;gap:var(--space-4);margin-bottom:var(--space-8)}
#wb-performance :is(.pf-chart-heading,.pf-source-heading,.pf-section-heading){display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--leading-section);margin:0 0 var(--space-5)}
/* Title and Ask Nulli stay together. The unit stays on the right. */
#wb-performance .pf-heading-label{display:flex;align-items:center;justify-content:flex-start;flex:0 1 auto;gap:8px;min-width:0;min-height:24px;height:auto}
#wb-performance .pf-heading-label>h2{min-width:0}
#wb-performance :is(.pf-chart-heading,.pf-source-heading)>.pf-unit-label{margin-left:auto;flex:none}
#wb-performance .pf-unit-label{color:var(--foreground-muted);font:400 var(--type-caption)/var(--leading-caption) var(--sans)}
#wb-performance .pf-chart{position:relative;margin:0}
#wb-performance .pf-chart svg{display:block;width:100%;height:var(--chart-main-height);min-height:var(--chart-main-height);overflow:visible}
#wb-performance .pf-chart line{stroke:var(--border);stroke-width:1;stroke-dasharray:4 5;opacity:1}
#wb-performance .pf-chart line.pf-zero{stroke:var(--foreground-muted);stroke-width:1;stroke-dasharray:none;opacity:1}
#wb-performance .pf-chart text{fill:var(--foreground-muted);font:400 var(--type-caption) var(--number-font);font-variant-numeric:tabular-nums lining-nums}
#wb-performance .pf-bar-positive{fill:var(--chart-return-positive)}
#wb-performance .pf-bar-negative{fill:var(--chart-return-negative)}
#wb-performance .pf-day-bars{opacity:1;transition:opacity var(--motion-feedback)}
#wb-performance .pf-chart-inspecting .pf-day-bars:not(.pf-day-bars-active){opacity:.38}
#wb-performance .pf-chart-guide{display:none;pointer-events:none}
#wb-performance .pf-chart-inspecting .pf-chart-guide{display:block}
#wb-performance .pf-guide-band{fill:var(--accent-soft);opacity:.7}
#wb-performance .pf-chart line.pf-guide-line{stroke:var(--accent);stroke-width:1;stroke-dasharray:none;opacity:.55}
#wb-performance .pf-chart-tip{width:var(--chart-tooltip-width);max-width:calc(100% - 12px);color:var(--foreground);font:400 var(--type-caption)/var(--leading-caption) var(--sans)}
#wb-performance .pf-chart-tip:not([hidden]){animation:pf-tip-in var(--motion-overlay) ease-out}
@keyframes pf-tip-in{from{opacity:0}to{opacity:1}}
#wb-performance .pf-tip-date{margin-bottom:var(--space-2);color:var(--foreground-muted);font:400 var(--type-caption)/var(--leading-caption) var(--sans)}
#wb-performance .pf-tip-row{display:grid;grid-template-columns:1fr max-content;align-items:baseline;gap:var(--space-3);padding:0}
#wb-performance .pf-tip-row strong{font-weight:500;font-family:var(--number-font);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
#wb-performance .pf-chart-empty{display:grid;place-items:center;min-height:var(--chart-main-height);color:var(--foreground-muted);font:400 var(--type-body)/var(--leading-body) var(--sans)}
#wb-performance .pf-contribution{min-width:0;margin:0}
#wb-performance .pf-contribution .pf-section-heading{margin-bottom:var(--space-4)}
#wb-performance .pf-contribution .pf-table{--table-columns:minmax(0,2fr) repeat(4,minmax(144px,1fr))}
#wb-performance .pf-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
/* Accepted table roles: ticker first; medium-weight figures and secondary full names. */
#asset-d-detail-fix #wb-performance .pf-table{width:100%;min-width:640px;border-collapse:collapse;table-layout:auto;font:400 var(--type-table)/var(--leading-table) var(--sans)}
#asset-d-detail-fix #wb-performance .pf-table :is(th,td){height:auto;padding:var(--space-3);border-top:0;border-bottom:1px solid var(--divider);text-align:right;font:500 var(--type-table)/var(--leading-table) var(--number-font);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
#asset-d-detail-fix #wb-performance .pf-table th{padding:var(--space-2) var(--space-3);color:var(--foreground-secondary);font:500 var(--type-caption)/var(--leading-caption) var(--sans);background:transparent}
#asset-d-detail-fix #wb-performance .pf-table :is(th,td):first-child{text-align:left}
#asset-d-detail-fix #wb-performance .pf-table tbody tr:hover{background:var(--surface-subtle)}
#wb-performance .pf-object{display:inline-flex;align-items:baseline;gap:10px;text-align:left;white-space:nowrap}
#wb-performance .pf-object strong{color:var(--foreground);font:600 var(--type-table)/var(--leading-table) var(--sans)}
#wb-performance .pf-object-name{color:var(--foreground-secondary);font:400 var(--type-table)/var(--leading-table) var(--sans)}
@container returns (min-width:701px){
 #wb-performance .pf-contribution .pf-object{min-width:0;flex-wrap:wrap;white-space:normal;gap:0 10px}
}
#wb-performance .pf-object-identity{display:flex;align-items:center;gap:10px;min-width:0}
#wb-performance .pf-position-mark{background:var(--foreground-muted)}
#wb-performance .pf-position-mark::before{content:"";width:18px;height:18px;background:var(--canvas);-webkit-mask:url('/static/icons/joint-position.svg') center/contain no-repeat;mask:url('/static/icons/joint-position.svg') center/contain no-repeat}
#wb-performance .pf-positive{color:var(--positive)}
#wb-performance .pf-negative{color:var(--negative)}
#wb-performance .pf-link{padding:0;border:0;background:none;color:var(--accent);font:400 var(--type-control)/var(--leading-control) var(--sans)}
#wb-performance .pf-note{margin:var(--space-3) 0;color:var(--foreground-muted);font:400 var(--type-caption)/var(--leading-caption) var(--sans)}
#wb-performance :is(.pf-loading,.pf-empty){padding:var(--space-12) var(--space-4);color:var(--foreground-muted);font:400 var(--type-body)/var(--leading-body) var(--sans);text-align:center}
#wb-performance .pf-empty h2{margin-bottom:var(--space-4)}
@container returns (max-width:700px){#wb-performance .pf-top-grid{grid-template-columns:minmax(0,1fr)}}
@container returns (max-width:900px){#wb-performance .pf-main>strong{font-size:var(--type-attribution);line-height:var(--leading-attribution)}}
@container returns (max-width:560px){#wb-performance .pf-metric-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){#wb-performance .pf-day-bars{transition:none}}


#wb-performance .pf-metric-grid.pf-wide-metrics{grid-template-columns:minmax(0,1fr)}

#wb-performance .pf-contribution-tabs{display:flex;align-items:center;margin-bottom:var(--space-5)}
#wb-performance .pf-contribution-tabs button{display:inline-flex;align-items:center;justify-content:center;flex:1;border:0}
#wb-performance .pf-share-columns,#wb-performance .pf-share-head{display:grid;grid-template-columns:minmax(0,1fr) auto 48px;align-items:baseline;gap:var(--space-2)}
#wb-performance .pf-share-columns{padding-inline:0;margin-bottom:var(--space-3);color:var(--foreground-secondary);font:500 var(--type-caption)/var(--leading-caption) var(--sans)}
#wb-performance .pf-share-columns>span:last-child{text-align:right}
#wb-performance .pf-share-list{display:flex;flex-direction:column;gap:var(--proportion-gap);min-height:218px}
#wb-performance .pf-share-row{padding-inline:0;border-radius:var(--radius-sm);transition:background var(--motion-feedback)}
#wb-performance .pf-share-row:is(:hover,:focus-within){background:var(--surface-subtle)}
#wb-performance .pf-share-head{align-items:baseline;margin-bottom:var(--space-2);font:500 var(--type-table)/var(--leading-table) var(--number-font);font-variant-numeric:tabular-nums lining-nums}
#wb-performance .pf-share-object{display:flex;align-items:center;gap:var(--space-2);min-width:0;max-width:100%;padding:0;border:0;background:none;text-align:left;font-family:var(--sans)}
#wb-performance .pf-share-object:hover strong{color:var(--accent)}
#asset-d-detail-fix #wb-performance .pf-share-object:disabled{cursor:default;opacity:1}
#asset-d-detail-fix #wb-performance .pf-share-object:disabled strong{color:var(--foreground-muted)}
#wb-performance .pf-share-object strong{min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#wb-performance .pf-share-object small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground-muted);font:400 var(--type-caption)/var(--leading-caption) var(--sans)}
#wb-performance .pf-share-head>span:nth-child(2){text-align:right;white-space:nowrap}
#wb-performance .pf-share-head>.pf-contribution-amount{font-weight:500}
#wb-performance .pf-share-head>small{font:500 var(--type-caption)/var(--leading-caption) var(--number-font);color:var(--foreground-secondary);text-align:right}
#wb-performance .pf-share-track{height:var(--proportion-height);border-radius:var(--proportion-radius);overflow:hidden;background:var(--surface-group);border:0;box-shadow:none}
#wb-performance .pf-share-track>span{display:block;height:100%;border-radius:inherit}
#wb-performance .pf-share-empty{display:grid;place-items:center;min-height:218px;color:var(--foreground-muted);font:400 var(--type-body)/var(--leading-body) var(--sans)}

/* Read-only contribution context, with the ordinary tooltip border. */
.pf-object-tip{overflow-wrap:anywhere;position:fixed;z-index:var(--z-overlay);width:max-content;max-width:min(340px,calc(100vw - 24px));padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-overlay);color:var(--foreground);box-shadow:var(--shadow-overlay);font:400 var(--type-caption)/var(--leading-caption) var(--sans);pointer-events:none}
.pf-object-tip>strong{font-weight:600}.pf-object-tip p{margin:var(--space-1) 0 0;color:var(--foreground-secondary)}
.pf-object-tip dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2) var(--space-4);margin:var(--space-3) 0 0}.pf-object-tip dt{color:var(--foreground-secondary)}.pf-object-tip dd{margin:0;text-align:right;font:500 var(--type-caption)/var(--leading-caption) var(--number-font)}