#overview .ob-legacy { display:none !important; }
#overview .ob-root { display:flex; flex-direction:column; gap:20px; min-width:0; }
#overview .ob-root > * { margin:0; }
#overview .ob-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
#overview .ob-kpis > .kpi { margin:0; min-width:0; padding:18px 16px; min-height:116px; }
#overview .ob-kpis em { font-size:12px; line-height:1.5; font-style:normal; }
#overview .ob-filter { padding:20px; border:1px solid var(--border,#d4e1f4); border-radius:12px; background:#fff; }
#overview .ob-filter .toolbar { margin:0; padding:0; border:0; background:transparent; }
#overview .ob-filter-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; color:var(--muted,#536887); font-size:12px; margin-top:16px; }
#overview .ob-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; min-width:0; }
#overview .ob-root .panel { margin:0; min-width:0; overflow:hidden; border-radius:12px; background:#fff; }
#overview .ob-root .panel-head { padding:18px 20px; min-height:56px; gap:12px; }
#overview .ob-root .panel-head h2 { font-size:16px; margin:0; }
#overview .ob-root .panel-body { padding:20px; min-width:0; }
#overview .ob-root h3 { font-size:14px; margin:20px 0 8px; }
#overview .ob-stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:16px 0; }
#overview .ob-stats > div { border:1px solid #e0eaf8; background:#f7faff; border-radius:8px; padding:12px 8px; min-width:0; }
#overview .ob-stats span, #overview .ob-selection span { display:block; font-size:12px; color:var(--muted,#536887); }
#overview .ob-stats strong { display:block; font-size:20px; margin-top:8px; font-variant-numeric:tabular-nums; }
#overview .ob-source-note { line-height:1.6; margin-top:8px; }
#overview .ob-chart { min-width:0; width:100%; }
#overview .ob-plot svg { display:block; width:100%; height:420px; overflow:visible; }
#overview .ob-plot text { font-size:11px; font-family:inherit; fill:#536887; font-variant-numeric:tabular-nums; }
#overview .ob-grid-line { stroke:#e3ebf7; }
#overview .ob-bar { fill:#4b6af0; }
#overview .ob-dot { fill:#fa7b22; }
#overview .ob-line { fill:none; stroke:#fa7b22; stroke-width:2; pointer-events:none; }
#overview .ob-chart-legend { display:flex; gap:16px; flex-wrap:wrap; color:#536887; font-size:12px; margin:0; justify-content:flex-end; }
#overview .ob-chart-legend i { display:inline-block; width:9px; height:9px; border-radius:2px; margin-right:6px; }
#overview .ob-blue { background:#4b6af0; } #overview .ob-orange { background:#fa7b22; }
#overview .ob-chart input[type=range] { width:100%; margin:12px 0 0; height:24px; padding:0; accent-color:#4b6af0; }
#overview .ob-payment-total { display:flex; gap:16px; align-items:baseline; flex-wrap:wrap; margin-bottom:16px; }
#overview .ob-payment-total strong { font-size:24px; font-variant-numeric:tabular-nums; }
#overview .ob-payment-total span { font-size:12px; color:#536887; }
#overview .ob-selection { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
#overview .ob-selection > div { padding:12px; border:1px solid #e0eaf8; border-radius:8px; }
#overview .ob-selection strong { display:block; margin-top:10px; font-size:24px; font-variant-numeric:tabular-nums; }
#overview .ob-status-pending { color:#b97100; } #overview .ob-status-testing { color:#0055d8; } #overview .ob-status-stocked { color:#098563; } #overview .ob-status-eliminated { color:#cc3030; }
#overview .ob-empty { padding:32px 20px; color:#536887; font-size:13px; }
#overview .ob-root th, #overview .ob-root td { font-size:13px; padding:12px 14px; }
#overview .ob-root td:first-child { max-width:230px; overflow-wrap:anywhere; white-space:normal; }
#overview .ob-root td:not(:first-child) { font-variant-numeric:tabular-nums; }
@media(max-width:1100px) { #overview .ob-teams { grid-template-columns:minmax(0,1fr); } }
@media(max-width:760px) { #overview .ob-kpis { grid-template-columns:minmax(0,1fr); } #overview .ob-grid { grid-template-columns:minmax(0,1fr); } #overview .ob-root .panel-body { padding:16px; } #overview .ob-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } #overview .ob-root .panel-head { flex-wrap:wrap; } }

#overview .ob-missing { fill:#f4f6fa; stroke:#bccada; stroke-dasharray:3 2; }
#overview .ob-payment-details { margin-top:16px; font-size:13px; }
#overview .ob-payment-details summary { color:#0055d8; cursor:pointer; }

#overview .ob-chart-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin:20px 0 8px; }
#overview .ob-chart-head h3 { margin:0; }
#overview [data-contribution] .influencer-donut-layout { grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr); }
#overview [data-contribution] .influencer-donut-legend em { font-style:normal; white-space:nowrap; font-variant-numeric:tabular-nums; }
@media(max-width:760px) { #overview [data-contribution] .influencer-donut-layout { grid-template-columns:1fr; } }
@media(max-width:1100px) {
  body:has(#overview:not(.hidden)) .topbar { overflow-x:auto; }
  body:has(#overview:not(.hidden)) .topbar > *, body:has(#overview:not(.hidden)) .topbar .actions > * { flex-shrink:0; white-space:nowrap; }
}

#overview .ob-company-stats { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:0; }
#overview .ob-green { background:#169d7b; }
#overview .ob-sales-bar { fill:#fa7b22; }
#overview .ob-sample-bar { fill:#169d7b; }
#overview .ob-gmv-dot { fill:#4b6af0; }
#overview .ob-gmv-line { fill:none; stroke:#4b6af0; stroke-width:2; pointer-events:none; }
#overview .ob-teams .ob-stats { grid-template-columns:minmax(120px,1.5fr) repeat(4,minmax(0,1fr)); }
#overview .ob-teams .ob-stats strong { font-size:18px; white-space:nowrap; }
@media(min-width:761px) and (max-width:1100px) { #overview .ob-teams .ob-stats { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) { #overview .ob-teams .ob-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { #overview .ob-company-stats { grid-template-columns:1fr; } }