/* 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; }
/* Approved compact two-card statistics row; each matches its lower card width. */
.overview-statistics-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:16px; }
.overview-statistics,.overview-activity { min-width:0; height:200px; padding:16px 18px; border:1px solid rgba(142,200,215,.16); border-radius:10px; background:rgba(18,33,42,.42); backdrop-filter:blur(24px); box-shadow:inset 0 1px rgba(200,235,239,.025); }
.overview-statistics { container-type:inline-size; --overview-ring-size:clamp(90px,16cqw,104px); }
.overview-statistics-title { margin:0 0 12px; font-size:16px; font-weight:650; }
.overview-statistics-scroll { overflow-x:auto; overscroll-behavior-x:contain; }
.overview-statistics-tracks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); min-width:450px; }
.overview-stat-group { min-width:0; padding:0 8px; border-left:1px solid rgba(159,202,218,.18); text-align:center; }
.overview-stat-group:first-child { border-left:0; padding-left:0; }.overview-stat-group:last-child { padding-right:0; }
.overview-stat-group h2 { margin:0; font-size:11px; font-weight:500; line-height:1.5; color:var(--t1); text-align:left; }
.overview-stat-body { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:8px; }
.overview-stat-ring { position:relative; width:var(--overview-ring-size); height:var(--overview-ring-size); 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:calc(var(--overview-ring-size)*.28); font-weight:700; line-height:1.1; letter-spacing:-.3px; }.overview-stat-ring small { font-size:9px; color:var(--t3); }
.overview-stat-legend { margin:10px 0 0; display:flex; flex-direction:row; justify-content:center; gap:8px; font-size:10px; white-space:nowrap; }
.overview-stat-legend > div,.overview-stat-legend dt,.overview-stat-legend dd { display:flex; align-items:center; gap:3px; }
.overview-stat-legend dt i { width:5px; height:5px; border-radius:50%; background:currentColor; }
.overview-stat-legend dd { margin:0; font-variant-numeric:tabular-nums; gap:3px; }.overview-stat-legend b { font-size:13px; line-height:1.1; font-weight:650; }.overview-stat-legend span { color:var(--t3); font-size:9px; }
.overview-stat-win strong { font-size:calc(var(--overview-ring-size)*.17); white-space:nowrap; color:#54e5d4; }
.overview-stat-outcomes { margin-top:10px; display:flex; align-items:center; justify-content:center; gap:7px; font-size:11px; color:var(--t3); white-space:nowrap; font-variant-numeric:tabular-nums; }
.overview-activity { display:grid; grid-template-columns:minmax(130px,.28fr) minmax(0,1fr); gap:16px; align-items:center; }
.overview-activity-metrics { margin:0; padding-right:16px; border-right:1px solid rgba(159,202,218,.18); height:100%; display:flex; flex-direction:column; justify-content:center; gap:18px; }
.overview-activity-metrics > div + div { border-top:1px solid rgba(159,202,218,.14); padding-top:16px; }
.overview-activity-metrics dt { margin-bottom:7px; font-size:11px; color:#a9bdc9; white-space:nowrap; }
.overview-activity-metrics dd { margin:0; font-size:min(20px,var(--activity-number-size,20px)); line-height:1.15; font-weight:650; letter-spacing:-.4px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.overview-activity-plot { min-width:0; }.overview-activity-plot header { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:5px; }
.overview-activity-plot h2 { margin:0; font-size:11px; font-weight:650; white-space:nowrap; }
.overview-activity-legend { display:flex; gap:10px; font-size:10px; }.overview-activity-legend span { display:flex; align-items:center; gap:4px; }.overview-activity-legend i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.overview-activity-chart { display:block; width:100%; height:142px; overflow:visible; }
.overview-activity-chart text { fill:#96aaba; font-size:13px; font-family:inherit; font-variant-numeric:tabular-nums; }.overview-activity-chart .activity-count { fill:var(--t1); }.overview-activity-chart .activity-today { fill:#e7c56f; font-weight:750; }
.activity-bar-long { fill:#54e5d4; }.activity-bar-short { fill:#f28b95; }
.overview-activity-empty { min-height:142px; display:flex; align-items:center; justify-content:center; color:var(--t3); font-size:11px; }
.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-scroll: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:8px 0 16px; margin-bottom:16px; }.overview-metrics dt { margin-bottom:9px; }.overview-statistics,.overview-activity { height:176px; padding-block:12px; }.overview-statistics-title { margin-bottom:8px; }.overview-statistics { --overview-ring-size:90px; } }
@media(min-width:861px) and (max-width:1400px) { .overview-stat-legend { gap:6px; font-size:9px; }.overview-stat-legend span { font-size:8px; }.overview-stat-legend b { font-size:12px; }.overview-stat-legend > div,.overview-stat-legend dt,.overview-stat-legend dd { gap:2px; } .overview-activity-metrics dd { font-size:min(17px,var(--activity-number-size,20px)); }.overview-activity { gap:12px; }.overview-activity-metrics { padding-right:12px; } }
@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-statistics,.overview-activity { padding-inline:14px; }.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-row { grid-template-columns:minmax(0,1fr); }.overview-statistics-tracks { min-width:540px; }.overview-statistics,.overview-activity { height:190px; padding-inline:14px; }.overview-activity { grid-template-columns:110px minmax(0,1fr); gap:12px; }.overview-activity-metrics { padding-right:12px; }.overview-activity-metrics dd { font-size:min(17px,var(--activity-number-size,20px)); } }
@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:600px) { .overview-activity { height:250px; grid-template-columns:minmax(0,1fr); gap:14px; }.overview-activity-metrics { flex-direction:row; justify-content:flex-start; gap:0; padding:0 0 12px; border-right:0; border-bottom:1px solid rgba(159,202,218,.18); }.overview-activity-metrics > div { flex:1; }.overview-activity-metrics > div + div { border-top:0; border-left:1px solid rgba(159,202,218,.14); padding:0 0 0 16px; }.overview-activity-metrics dd { font-size:min(19px,var(--activity-number-size,20px)); }.overview-activity-chart text { font-size:14px; } }
@media(max-width:860px) { .overview-account-scroll { overflow-x:auto; overscroll-behavior-x:contain; }.overview-account-table { min-width:560px; } }