/* Detail composition; shared controls are defined in design/system. */
.detail-tools{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;min-width:0}
.detail-search{width:210px;max-width:100%;margin:0}
.detail-filter-trigger{position:relative;color:var(--foreground-secondary)}
.detail-filter-trigger[data-active=true]{background:var(--accent-soft);color:var(--accent)}
.detail-filter-trigger[data-active=true]:hover{color:var(--accent-hover)}
.detail-filter-panel{position:fixed;inset:auto;margin:0;padding:var(--space-5);overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-overlay);color:var(--foreground);box-shadow:var(--shadow-overlay);z-index:var(--z-overlay);font:400 var(--type-table)/var(--leading-table) var(--sans)}
.detail-filter-panel:popover-open{animation:detail-filter-in var(--motion-overlay) var(--ease-standard)}
.detail-filter-panel>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}
.detail-filter-panel h2{margin:0;font:600 var(--type-section)/var(--leading-section) var(--sans)}
.detail-filter-panel fieldset{min-width:0;border:0;margin:0 0 var(--space-4);padding:0}
.detail-filter-panel legend{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);padding:0;color:var(--foreground-secondary);font:500 var(--type-caption)/var(--leading-caption) var(--sans)}
.detail-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1) var(--space-6)}
.detail-filter-check{margin-inline:-8px}
.detail-filter-panel footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--divider)}
#asset-d-detail-fix #wb-overview .bd-holdings td.detail-state-cell,#asset-d-detail-fix #wb-performance .pf-table td.detail-state-cell{padding:0;border-bottom:0;text-align:center}
.detail-state>strong{margin:0}
.detail-state .btn{margin-top:var(--space-4)}
.detail-state-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);color:var(--foreground-muted);font:400 var(--type-body)/var(--leading-body) var(--sans)}
.detail-state-loading .skeleton{width:120px;height:14px}
@keyframes detail-filter-in{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.detail-filter-panel:popover-open{animation:none!important}}
@container finance (max-width:700px){.detail-search{width:160px}}