/* Approved Stage 3: compact typography and two equally sized independent glass cards. */
.overview-workspace-shell .topbar { padding-bottom:22px; }
.overview-title-row { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.overview-heading-summary { display:flex; gap:18px; margin:0; color:var(--t3); font-size:12px; }
.overview-heading-summary span { white-space:nowrap; }
.overview-heading-summary b { color:var(--t1); font-weight:500; margin-left:7px; font-variant-numeric:tabular-nums; }
.overview-page { padding:0 28px 32px; }
.overview-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:20px 0 26px; margin:0 0 20px; border-bottom:1px solid rgba(159,202,218,.18); }
.overview-metrics > div { padding:0 24px; border-left:1px solid rgba(159,202,218,.16); }
.overview-metrics > div:first-child { padding-left:0; border:0; }
.overview-metrics dt { color:#a9bdc9; font-size:12px; margin-bottom:13px; }
.overview-metrics dd { margin:0; font-size:28px; font-weight:650; line-height:1.15; letter-spacing:-.6px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.overview-page .positive { color:#54e5d4; }.overview-page .negative { color:#f28b95; }.overview-page .warning { color:#dfbc69; }
.overview-statistics { display:grid; grid-template-columns:1.12fr 1.12fr .92fr; min-height:160px; padding:16px 0; margin-bottom:16px; border:1px solid rgba(142,200,215,.16); border-radius:10px; background:rgba(18,33,42,.42); backdrop-filter:blur(24px); }
.overview-stat-group { display:grid; grid-template-columns:max-content minmax(0,1fr); align-items:center; column-gap:18px; min-width:0; padding:0 22px; border-left:1px solid rgba(159,202,218,.18); }
.overview-stat-group:first-child { border-left:0; }
.overview-stat-group h2 { margin:0; font-size:12px; font-weight:500; color:var(--t1); white-space:nowrap; }
.overview-stat-body { display:flex; align-items:center; justify-content:center; gap:24px; }
.overview-stat-ring { position:relative; width:104px; height:104px; flex-shrink:0; }
.overview-stat-ring svg { display:block; width:100%; height:100%; }
.overview-stat-ring circle { fill:none; stroke-width:8; }
.overview-stat-ring .ring-track { stroke:rgba(84,229,212,.14); }.overview-stat-ring .ring-short { stroke:#f28b95; }.overview-stat-ring .ring-long { stroke:#54e5d4; }
.overview-stat-ring > div { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; font-variant-numeric:tabular-nums; }
.overview-stat-ring strong { font-size:28px; font-weight:700; line-height:1.1; letter-spacing:-.3px; }.overview-stat-ring small { font-size:10px; color:var(--t3); }
.overview-stat-legend { margin:0; display:flex; flex-direction:column; gap:12px; font-size:12px; white-space:nowrap; }
.overview-stat-legend > div,.overview-stat-legend dt,.overview-stat-legend dd { display:flex; align-items:center; gap:7px; }
.overview-stat-legend dt i { width:7px; height:7px; border-radius:50%; background:currentColor; }
.overview-stat-legend dd { margin:0; font-variant-numeric:tabular-nums; gap:7px; }.overview-stat-legend b { font-size:22px; line-height:1.1; font-weight:700; letter-spacing:-.3px; }.overview-stat-legend span { color:var(--t3); font-size:11px; }
.overview-stat-win .overview-stat-ring { width:104px; height:104px; }.overview-stat-win strong { font-size:22px; color:#54e5d4; }
.overview-workspace { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch; }
.overview-curve-panel,.overview-account-panel { padding:18px; min-width:0; border:1px solid rgba(142,200,215,.16); border-radius:10px; background:rgba(18,33,42,.42); backdrop-filter:blur(24px); overflow:hidden; }
.overview-panel-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:18px; min-height:28px; }
.overview-panel-head > div:first-child { display:flex; align-items:center; gap:12px; }
.overview-panel-head h2 { margin:0; font-size:16px; font-weight:650; white-space:nowrap; }
.overview-panel-head small { color:var(--t3); font-size:11px; white-space:nowrap; }
.overview-panel-head .range-tabs { gap:2px; }.overview-panel-head .range-tabs button { padding:4px 8px; font-size:11px; }
.overview-chart { margin:0; }.overview-chart figcaption { display:flex; justify-content:space-between; color:var(--t3); font-size:11px; margin:3px 0 9px; }.overview-chart figcaption span { font-variant-numeric:tabular-nums; }
.overview-chart svg { width:100%; height:300px; display:block; overflow:visible; }.overview-chart text { fill:#96aaba; font-size:11px; font-family:inherit; }.overview-gridline { stroke:rgba(143,190,210,.15); stroke-dasharray:3 4; }
.overview-text-action,.overview-account-footer button { background:none; border:0; color:#69dbd1; padding:0; cursor:pointer; font-size:11px; text-underline-offset:4px; text-decoration:underline; }
.overview-account-scroll { overflow-x:hidden; }
.overview-account-table { width:100%; min-width:0; border-collapse:collapse; table-layout:fixed; }
.overview-account-table th:nth-child(1) { width:22%; }.overview-account-table th:nth-child(2) { width:20%; }.overview-account-table th:nth-child(3) { width:19%; }.overview-account-table th:nth-child(4) { width:7%; }.overview-account-table th:nth-child(5) { width:22%; }.overview-account-table th:nth-child(6) { width:10%; }
.overview-account-table th { text-align:center; font-weight:400; padding:8px 3px 10px; font-size:10px; white-space:nowrap; color:var(--t3); background:none; }
.overview-account-table td { padding:9px 3px; height:54px; font-size:12px; text-align:center; font-variant-numeric:tabular-nums; border-top:1px solid rgba(142,200,215,.11); white-space:nowrap; }
.overview-account-table th:first-child,.overview-account-table td:first-child { padding-left:0; text-align:left; }
.overview-account-table tr:last-child td { border-bottom:1px solid rgba(142,200,215,.11); }
.overview-account-link { display:flex; gap:5px; align-items:center; max-width:100%; color:var(--t1); background:none; border:0; padding:0; font-size:12px; cursor:pointer; text-align:left; }
.overview-account-link b { font-weight:500; flex-shrink:0; }.overview-account-link span { min-width:0; max-width:104px; overflow:hidden; text-overflow:ellipsis; }.overview-account-link:hover { color:#69dbd1; text-decoration:underline; text-underline-offset:3px; }
.overview-account-table small { display:flex; align-items:center; gap:6px; font-size:10px; margin-top:5px; }.overview-account-table small i { width:6px; height:6px; border-radius:50%; background:currentColor; flex-shrink:0; }
.overview-account-footer { display:flex; justify-content:space-between; align-items:center; margin-top:14px; color:var(--t3); font-size:11px; }.overview-account-footer > div { display:flex; gap:12px; }.overview-account-footer button:disabled { opacity:.3; cursor:default; }
.overview-empty { display:flex; align-items:center; justify-content:center; min-height:210px; color:var(--t3); font-size:12px; gap:10px; }.overview-account-panel .overview-empty { min-height:180px; }
.overview-error,.overview-freshness { font-size:11px; color:#dfbc69; margin:0 0 12px; }.overview-page button:focus-visible,.overview-account-scroll:focus-visible,.overview-statistics:focus-visible { outline:2px solid #69dbd1; outline-offset:3px; }
@media(min-width:861px) and (max-height:800px) { .overview-workspace-shell .topbar { padding-bottom:14px; }.overview-page { padding-bottom:12px; }.overview-metrics { padding-bottom:20px; margin-bottom:16px; }.overview-statistics { min-height:122px; padding-block:8px; }.overview-stat-win strong { font-size:20px; } }
@media(min-width:861px) and (max-width:1400px) { .overview-stat-group { column-gap:12px; }.overview-stat-body { gap:14px; } }
@media(max-width:1250px) { .overview-page { padding-inline:22px; }.overview-title-row { gap:12px; }.overview-heading-summary { gap:10px; }.overview-metrics > div { padding-inline:16px; }.overview-metrics dd { font-size:24px; }.overview-panel-head > div:first-child { align-items:flex-start; flex-direction:column; gap:5px; } }
@media(min-width:861px) and (max-width:1250px) { .overview-stat-group { padding-inline:14px; }.overview-stat-body { gap:12px; }.overview-account-table th { font-size:9px; }.overview-account-table td { font-size:11px; } }
@media(max-width:860px) { .overview-workspace { grid-template-columns:minmax(0,1fr); }.overview-curve-panel { min-height:350px; }.overview-statistics { overflow-x:auto; overscroll-behavior-x:contain; grid-template-columns:360px 360px 260px; padding-block:14px; }.overview-stat-group { padding-inline:16px; }.overview-stat-body { gap:16px; } }
@media(max-width:860px) { .overview-page { padding:0 17px 25px; }.overview-heading-summary { font-size:11px; }.overview-title-row { gap:14px; }.overview-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:24px; padding:8px 0 22px; margin-bottom:18px; }.overview-metrics > div { padding-inline:16px; }.overview-metrics > div:nth-child(3) { padding-left:0; border-left:0; }.overview-metrics dt { font-size:11px; margin-bottom:8px; }.overview-metrics dd { font-size:23px; }.overview-curve-panel,.overview-account-panel { padding:14px; }.overview-chart svg { height:235px; }.overview-curve-panel { min-height:310px; }.overview-panel-head h2 { font-size:15px; }.overview-chart figcaption span { font-size:10px; } }

@media(max-width:600px) { .overview-chart text { font-size:20px; } }
@media(max-width:860px) { .overview-account-scroll { overflow-x:auto; overscroll-behavior-x:contain; }.overview-account-table { min-width:560px; } }