/* v4 asset overview composition. Tokens/components come from design/system.
   Source amounts, privacy, scopes and existing actions are owned by home.js. */
#asset-d-detail-fix #wb-assets{container-type:inline-size;container-name:finance}
#asset-d-detail-fix #wb-assets .wb-asset-page-title{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}
#asset-d-detail-fix #wb-assets .wb-title-identity{gap:var(--space-2)}
#asset-d-detail-fix #wb-assets .wb-global-privacy{width:var(--control-md);height:var(--control-md);padding:var(--space-2)!important;border-radius:var(--radius-md);opacity:1;color:var(--foreground-secondary)!important}
#asset-d-detail-fix #wb-assets .wb-global-privacy:hover{background:var(--surface-group);color:var(--accent)!important}
#asset-d-detail-fix #wb-assets .wb-refresh-group{display:flex;align-items:center;width:auto;padding:0;margin-left:auto;min-width:0}
#asset-d-detail-fix #wb-assets .wb-asset-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-8);border-bottom:1px solid var(--border)}
#asset-d-detail-fix #wb-assets .wb-asset-tabs{display:flex;gap:var(--space-1);border:0;min-width:0}
#asset-d-detail-fix #wb-assets .wb-asset-tabs button{min-height:var(--control-md);margin-bottom:-1px;padding:var(--space-3) var(--space-4);border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--foreground-secondary);font:400 var(--type-body)/var(--leading-body) var(--sans);white-space:nowrap}
#asset-d-detail-fix #wb-assets .wb-asset-tabs button:hover{color:var(--foreground);background:transparent}
#asset-d-detail-fix #wb-assets .wb-asset-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent);font-weight:600;background:transparent}

#asset-d-detail-fix #wb-overview .bd-window{display:block;margin:0;background:transparent;color:var(--foreground);color-scheme:inherit;font:400 var(--type-body)/var(--leading-body) var(--sans)}
#asset-d-detail-fix #wb-overview .bd-main{padding:0;min-width:0}
#asset-d-detail-fix #wb-overview .bd-panel{min-width:0;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);box-shadow:none}
#asset-d-detail-fix #wb-overview .bd-summary.asset-summary-card{position:relative;isolation:isolate;padding:var(--space-8);margin:0 0 var(--space-8);border:1px solid transparent;border-radius:var(--radius-hero);background:var(--surface-feature);box-shadow:none;min-height:0}
#asset-d-detail-fix #wb-overview .bd-summary .asset-summary-heading{height:auto;min-height:var(--leading-caption);margin:0 0 var(--space-3)}
#asset-d-detail-fix #wb-overview .bd-summary .bd-label{color:var(--accent);font:500 var(--type-caption)/var(--leading-caption) var(--sans)}
#asset-d-detail-fix #wb-overview .bd-summary-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:0;min-width:0}
#asset-d-detail-fix #wb-overview .bd-summary-amount{display:flex;align-items:center;width:100%;min-width:0}
#asset-d-detail-fix #wb-overview .bd-summary-amount>.asset-summary-amount{min-width:0;flex:0 1 auto}
#asset-d-detail-fix #wb-overview .bd-summary .asset-summary-amount{display:block;max-width:100%;font:600 var(--type-display)/var(--leading-display) var(--number-font);letter-spacing:-.8px;color:var(--foreground-feature);font-variant-numeric:tabular-nums lining-nums;white-space:normal;overflow-wrap:anywhere}
#asset-d-detail-fix #wb-overview .bd-summary .asset-money-unit{font-size:var(--type-display-unit);line-height:var(--leading-caption);font-weight:500;letter-spacing:0;color:var(--foreground-muted);margin-left:var(--space-2);vertical-align:baseline}
#asset-d-detail-fix #wb-overview .bd-summary-metrics{min-height:var(--leading-body)}
#asset-d-detail-fix #wb-overview .bd-yesterday-link.asset-summary-meta{display:flex;align-items:baseline;flex-wrap:wrap;max-width:100%;gap:var(--space-2);margin:0;padding:0;text-align:left;font:400 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-muted)}
#asset-d-detail-fix #wb-overview .bd-yesterday-link strong,
#asset-d-detail-fix #wb-overview .bd-return-rate{font:500 var(--type-body)/var(--leading-body) var(--number-font);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--foreground-secondary)}
#asset-d-detail-fix #wb-overview .bd-yesterday-link :is(strong.bd-pos,.bd-return-rate.bd-pos){color:var(--positive)}
#asset-d-detail-fix #wb-overview .bd-yesterday-link :is(strong.bd-neg,.bd-return-rate.bd-neg){color:var(--negative)}
#asset-d-detail-fix #wb-overview .bd-yesterday-link:hover .asset-summary-note{color:var(--accent)}

#asset-d-detail-fix #wb-overview .bd-d-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);align-items:stretch;gap:var(--space-4)}
#asset-d-detail-fix #wb-overview .bd-chart-panel{display:flex;flex-direction:column;margin:0;overflow:visible}
#asset-d-detail-fix #wb-overview .bd-chart-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);min-height:var(--control-sm);margin:0 0 var(--space-6)}
#asset-d-detail-fix #wb-overview .bd-chart-heading{display:flex;align-items:center;gap:var(--space-2)}
#asset-d-detail-fix #wb-overview .bd-chart-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}
#asset-d-detail-fix #wb-overview .bd-trend-title,
#asset-d-detail-fix #wb-overview :is(.bd-composition-head,.bd-section-head) h2{font:600 var(--type-section)/var(--leading-section) var(--sans);color:var(--foreground)}
#asset-d-detail-fix #wb-overview :is(.wb-periods,.bd-comp-tabs){display:inline-flex;gap:2px;padding:3px;border:0;border-radius:var(--radius-md);background:var(--surface-group)}
#asset-d-detail-fix #wb-overview :is(.wb-periods,.bd-comp-tabs) button{min-height:28px;padding:var(--space-1) var(--space-3);border:0;border-radius:var(--radius-sm);font:400 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-secondary);white-space:nowrap}
#asset-d-detail-fix #wb-overview :is(.wb-periods,.bd-comp-tabs) button:hover{color:var(--foreground)}
#asset-d-detail-fix #wb-overview :is(.wb-periods,.bd-comp-tabs) button[aria-pressed=true]{background:var(--surface);color:var(--accent);font-weight:600}
#asset-d-detail-fix #wb-overview .bd-chart-wrap{position:relative;flex:1;height:276px;min-height:276px}
#asset-d-detail-fix #wb-overview .bd-chart-svg{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:276px}
#asset-d-detail-fix #wb-overview .bd-chart-svg text{fill:var(--foreground-muted);font-family:var(--number-font)}
#asset-d-detail-fix #wb-overview .bd-chart-svg line{stroke:var(--chart-grid)}
#asset-d-detail-fix #wb-overview .bd-history-area{pointer-events:none}
[data-theme=dark] #wb-overview .bd-chart-svg .bd-area-start{stop-opacity:.24}
#asset-d-detail-fix #wb-overview .bd-chart-tip{position:absolute;z-index:var(--z-overlay);min-width:180px;max-width:calc(100% - 12px);padding:10px 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;overflow-wrap:anywhere;animation:asset-tooltip-in var(--motion-overlay) var(--ease-standard)}
#asset-d-detail-fix #wb-overview .bd-tip-date{color:var(--foreground-muted);margin-bottom:var(--space-1)}
#asset-d-detail-fix #wb-overview .bd-tip-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:var(--space-4)}
#asset-d-detail-fix #wb-overview .bd-tip-total>span:last-child{font:500 var(--type-caption)/var(--leading-caption) var(--number-font);font-variant-numeric:tabular-nums lining-nums;text-align:right}

#asset-d-detail-fix #wb-overview .bd-composition{display:flex;flex-direction:column}
#asset-d-detail-fix #wb-overview .bd-composition-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--control-sm);margin:0 0 var(--space-6)}
#asset-d-detail-fix #wb-overview .bd-comp-tabs{align-self:flex-start;width:100%;margin:0 0 var(--space-6)}
#asset-d-detail-fix #wb-overview .bd-comp-tabs button{flex:1;min-width:0}
#asset-d-detail-fix #wb-overview .bd-composition-list{display:flex;flex-direction:column;gap:var(--space-5);width:100%;min-width:0}
#asset-d-detail-fix #wb-overview .bd-composition-row{display:block;padding:0;border:0}
#asset-d-detail-fix #wb-overview .bd-comp-row-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-2);font:400 var(--type-table)/var(--leading-table) var(--sans)}
#asset-d-detail-fix #wb-overview .bd-comp-name{display:flex;align-items:center;gap:var(--space-2);min-width:0;color:var(--foreground);font-weight:500;white-space:normal;overflow-wrap:anywhere}
#asset-d-detail-fix #wb-overview .bd-comp-name .asset-legend{width:9px;height:9px;border-radius:3px;margin:0}
#asset-d-detail-fix #wb-overview .bd-comp-figures{display:flex;justify-content:flex-end;gap:var(--space-3);max-width:100%;margin-left:auto;color:var(--foreground);font:600 var(--type-table)/var(--leading-table) var(--number-font);font-variant-numeric:tabular-nums lining-nums;white-space:normal;overflow-wrap:anywhere}
#asset-d-detail-fix #wb-overview .bd-comp-figures>span:last-child{min-width:40px;color:var(--foreground-muted);font-weight:400;text-align:right}
#asset-d-detail-fix #wb-overview .bd-comp-track{height:6px;border-radius:3px;background:var(--surface-group);overflow:hidden}
#asset-d-detail-fix #wb-overview .bd-comp-track>span{display:block;height:100%;border-radius:inherit}

#asset-d-detail-fix #wb-overview .bd-holdings{min-width:0;margin-top:var(--space-8);overflow:visible}
#asset-d-detail-fix #wb-overview .bd-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-4);min-height:var(--leading-section)}
#asset-d-detail-fix #wb-overview .bd-section-label{display:flex;align-items:center;justify-content:flex-start;flex:none;gap:var(--space-3);min-width:0}
#asset-d-detail-fix #wb-overview .bd-section-label .asset-quote{margin-left:0}
#asset-d-detail-fix #wb-overview .bd-table-scroll{overflow:visible}
#asset-d-detail-fix #wb-overview .bd-holdings table{width:100%;min-width:640px;table-layout:auto;border-collapse:collapse}
#asset-d-detail-fix #wb-overview .bd-holdings th{font:500 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-secondary);padding:var(--space-2) var(--space-3);text-align:right;white-space:normal;border:0;border-bottom:1px solid var(--border)}
#asset-d-detail-fix #wb-overview .bd-holdings th:nth-child(1){text-align:left}
#asset-d-detail-fix #wb-overview .bd-holdings th:nth-child(2){text-align:left}
#asset-d-detail-fix #wb-overview .bd-holdings th:nth-child(5){text-align:center}
#asset-d-detail-fix #wb-overview .bd-holdings td{height:auto;padding:var(--space-3);border:0;border-bottom:1px solid var(--divider);font:500 var(--type-table)/var(--leading-table) var(--sans);color:var(--foreground);vertical-align:middle;white-space:normal;overflow-wrap:anywhere}
#asset-d-detail-fix #wb-overview .bd-holdings td:first-child{text-align:left}
#asset-d-detail-fix #wb-overview .bd-holdings tbody tr:hover{background:var(--surface-subtle)}
#asset-d-detail-fix #wb-overview .bd-holding-name{display:flex;align-items:center;gap:10px;min-width:0;padding:0;text-align:left}
#asset-d-detail-fix #wb-overview .bd-holding-name .bd-holding-text{display:inline-flex;flex-direction:row;align-items:baseline;gap:10px;min-width:0;white-space:nowrap}
#asset-d-detail-fix #wb-overview .bd-holding-name strong{font:600 var(--type-table)/var(--leading-table) var(--sans);color:var(--foreground);white-space:nowrap}
#asset-d-detail-fix #wb-overview .bd-holding-full-name{font:400 var(--type-table)/var(--leading-table) var(--sans);color:var(--foreground-secondary);white-space:nowrap}
#asset-d-detail-fix #wb-overview .bd-type{color:var(--foreground-secondary);text-align:left}
#asset-d-detail-fix #wb-overview .bd-holdings td.bd-quantity{font:500 var(--type-table)/var(--leading-table) var(--number-font);color:var(--foreground);font-variant-numeric:tabular-nums lining-nums}
#asset-d-detail-fix #wb-overview .bd-holdings td.bd-valuation{font:500 var(--type-table)/var(--leading-table) var(--number-font);color:var(--foreground);font-variant-numeric:tabular-nums lining-nums;letter-spacing:0;white-space:normal}
#asset-d-detail-fix #wb-overview .bd-distribution{text-align:center}
#asset-d-detail-fix #wb-overview .bd-platform-slot{display:inline-flex;align-items:center;justify-content:center;max-width:100%;vertical-align:middle}
#asset-d-detail-fix #wb-overview .bd-platform-donut{display:inline-grid;place-items:center;min-width:28px;width:28px;height:28px;border:0;border-radius:50%;padding:0;vertical-align:middle}
#asset-d-detail-fix #wb-overview .bd-platform-donut>span{display:block;width:60%;height:60%;border-radius:50%;background:var(--canvas)}
#asset-d-detail-fix #wb-overview .bd-platform-donut:hover{filter:brightness(.94)}
#asset-d-detail-fix #wb-overview :is(.bd-distribution-missing,.bd-table-empty){font:400 var(--type-caption)/var(--leading-caption) var(--sans);color:var(--foreground-muted)}
#asset-d-detail-fix #wb-overview .bd-table-empty{text-align:center;padding:var(--space-10) var(--space-3)}
#asset-d-detail-fix #wb-overview .bd-footer{margin-top:var(--space-3);color:var(--foreground-muted);font:400 var(--type-caption)/var(--leading-caption) var(--sans)}
#asset-d-detail-fix #wb-overview .bd-footer:has(#bd-status:empty){display:none}
.bd-platform-tip{position:fixed;z-index:var(--z-overlay);max-width:min(220px,calc(100vw - 16px));padding:var(--space-2);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;animation:asset-tooltip-in var(--motion-overlay) var(--ease-standard)}
.bd-platform-tip-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-sm)}
.bd-platform-tip-active{background:var(--surface-subtle)}
.bd-platform-tip-row i{width:9px;height:9px;flex:none;border-radius:3px}
.bd-platform-tip-row strong{min-width:0;overflow-wrap:anywhere;font-weight:500}
.bd-platform-tip-share{margin-left:auto;white-space:nowrap;color:var(--foreground-secondary);font:500 var(--type-caption)/var(--leading-caption) var(--number-font);font-variant-numeric:tabular-nums lining-nums}
@keyframes asset-tooltip-in{from{opacity:0}to{opacity:1}}

/* Shared grid with role-specific width ranges, stable across data states. */
@container finance (min-width:701px){
 #asset-d-detail-fix #wb-assets .table-grid :is(th,td){width:auto;border-bottom:0;white-space:normal;overflow-wrap:anywhere}
 #asset-d-detail-fix #wb-overview .bd-holdings .table-grid{--table-columns:minmax(0,1fr) clamp(96px,10cqi,120px) clamp(160px,18cqi,224px) clamp(176px,24cqi,288px) clamp(136px,15cqi,184px)}
 #asset-d-detail-fix #wb-overview .bd-holding-name .bd-holding-text{flex-wrap:wrap;white-space:normal;gap:0 10px}
 #asset-d-detail-fix #wb-overview .bd-holding-full-name{white-space:normal}
 #asset-d-detail-fix #wb-transactions .ac-table tbody tr:last-child{border-bottom:0}
}

/* Breakpoints use the actual financial workspace, including a side-by-side chat. */
@container finance (max-width:900px){
 #asset-d-detail-fix #wb-overview .bd-d-layout{grid-template-columns:minmax(0,1fr)}
 #asset-d-detail-fix #wb-overview .bd-summary .asset-summary-amount{font-size:var(--type-display-compact);line-height:var(--leading-display-compact)}
 #asset-d-detail-fix #wb-overview .bd-summary .asset-money-unit{font-size:var(--type-display-unit-compact)}
}
@container finance (max-width:700px){
 #asset-d-detail-fix #wb-overview .bd-holdings :is(table,tbody){display:block;width:100%}
 #asset-d-detail-fix #wb-overview .bd-holdings thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #asset-d-detail-fix #wb-overview .bd-holdings tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3) var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--divider)}
 #asset-d-detail-fix #wb-overview .bd-holdings tr:last-child{border-bottom:0;padding-bottom:0}
 #asset-d-detail-fix #wb-overview .bd-holdings td{display:block;height:auto;padding:0;border:0;min-width:0;text-align:left}
 #asset-d-detail-fix #wb-overview .bd-holdings td:first-child{grid-column:1/-1}
 #asset-d-detail-fix #wb-overview .bd-holdings :is(.bd-type,.bd-distribution){grid-column:1/-1;display:flex;align-items:center;gap:var(--space-2)}
 #asset-d-detail-fix #wb-overview .bd-holdings .bd-type{grid-row:2}
 #asset-d-detail-fix #wb-overview .bd-holdings .bd-valuation{text-align:right}
 #asset-d-detail-fix #wb-overview .bd-holdings .bd-wide-amount{grid-column:1/-1;text-align:left}
 #asset-d-detail-fix #wb-overview .bd-holdings td[data-label]::before{content:attr(data-label);display:block;color:var(--foreground-muted);font:400 var(--type-caption)/var(--leading-caption) var(--sans);margin-bottom:var(--space-1)}
 #asset-d-detail-fix #wb-overview .bd-holdings :is(.bd-type,.bd-distribution)::before{margin:0}
 #asset-d-detail-fix #wb-overview .bd-holdings .bd-table-empty{grid-column:1/-1;padding:var(--space-6) 0}
}
@container finance (max-width:520px){
 #asset-d-detail-fix #wb-assets .wb-asset-page-title{align-items:flex-start}
 #asset-d-detail-fix #wb-assets .wb-refresh-hit{max-width:min(100%,220px)}
 #asset-d-detail-fix #wb-assets .wb-asset-tabs{width:100%}
 #asset-d-detail-fix #wb-assets .wb-asset-tabs button{flex:1;padding-inline:var(--space-2)}
 #asset-d-detail-fix #wb-overview .bd-panel{padding:var(--space-4)}
 #asset-d-detail-fix #wb-overview .bd-summary.asset-summary-card{padding:var(--space-6);border-radius:var(--radius-feature)}
 #asset-d-detail-fix #wb-overview .bd-chart-wrap,
 #asset-d-detail-fix #wb-overview .bd-chart-svg{height:210px;min-height:210px}
 #asset-d-detail-fix #wb-overview .bd-chart-controls{margin-bottom:var(--space-4)}
 #asset-d-detail-fix #wb-overview .bd-comp-tabs button{padding-inline:var(--space-2)}
}
@container finance (max-width:280px){
 #asset-d-detail-fix #wb-overview .bd-holdings :is(.bd-quantity,.bd-valuation){grid-column:1/-1;text-align:left}
}
@media(hover:none),(pointer:coarse){
 #asset-d-detail-fix #wb-assets .wb-global-privacy,
 #asset-d-detail-fix #wb-overview :is(.wb-periods,.bd-comp-tabs) button{min-height:44px}
 #asset-d-detail-fix #wb-overview .bd-platform-donut{min-width:44px;width:44px;height:44px;border:8px solid var(--canvas);background-origin:border-box;background-clip:padding-box}
}

@container finance (min-width:701px){#asset-d-detail-fix #wb-overview .bd-holdings :is(.bd-quantity,.bd-valuation){text-align:right}}
#asset-d-detail-fix #wb-assets .asset-summary-amount.summary-unit-wrap .asset-money-unit{margin-left:0}