/* Dashboard proportions follow the shared warm, compact console surfaces. */
body:has(#page-dashboard:not([hidden])) .page-heading{margin-bottom:27px;min-height:38px}
#dashboard-page-actions{display:flex;align-items:center;gap:14px;font-size:12px;white-space:nowrap}
.dashboard-auto{display:flex;align-items:center;gap:7px;cursor:pointer;color:var(--muted)}
.dashboard-auto input{appearance:none;width:28px;height:16px;min-height:16px;padding:0;border:0;border-radius:20px;background:var(--soft);margin:0;position:relative;cursor:pointer}
.dashboard-auto input:before{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px #0002;transition:transform .15s}
.dashboard-auto input:checked{background:var(--accent)}.dashboard-auto input:checked:before{transform:translateX(12px)}
#dashboard-refresh{height:32px;padding:0 11px;font-size:12px;background:var(--soft);border-radius:7px;display:flex;align-items:center;gap:5px}
#dashboard-refresh svg{width:14px;height:14px}
#page-dashboard .dashboard-filters{display:flex;gap:8px;margin:0 0 24px;align-items:center;flex-wrap:nowrap}
#page-dashboard .dashboard-filters select{height:34px;min-height:34px;width:195px;padding:5px 30px 5px 11px;flex:0 0 195px;font-size:12px;border-radius:8px;background-color:var(--surface)}
#page-dashboard #analytics-range{margin-left:auto}
#page-dashboard #analytics-metrics{margin-bottom:0;border-radius:10px}
#page-dashboard .stat{padding:18px 20px;min-height:98px}
#page-dashboard .stat>div{font-size:14px}
#page-dashboard .stat strong{font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.3px;margin:7px 0 0;font-variant-numeric:tabular-nums}
#page-dashboard .stat small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}
.dashboard-status-line{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-top:9px;min-height:17px}
#page-dashboard .dashboard-section{margin-top:30px;min-width:0}
#page-dashboard .panel-head{margin-bottom:14px;min-height:21px}
#page-dashboard .panel-head h2{font-weight:500;font-size:14px}
#page-dashboard .panel-head .muted{font-size:11px}
.dashboard-surface{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:0}
#dashboard-limits{padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dashboard-limit{background:color-mix(in srgb,var(--soft) 65%,var(--surface));border-radius:8px;padding:16px;min-width:0}
.dashboard-limit>strong{display:block;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dashboard-limit>span{font-size:12px;color:var(--muted);display:block;margin-top:3px}
.dashboard-limit>div{display:flex;justify-content:space-between;font-size:12px;margin-top:18px}
.dashboard-limit b{font-weight:500;font-variant-numeric:tabular-nums}
.dashboard-limit p{font-size:11px;color:var(--muted);border-top:3px solid var(--border);padding-top:7px;margin-top:8px}
.dashboard-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
#token-distribution{padding:20px;min-height:240px}
.distribution-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;color:var(--muted);font-size:12px}
.distribution-total strong{display:block;font-size:24px;line-height:1.3;font-weight:600;color:var(--text);margin-top:5px;letter-spacing:-.3px}
.distribution-row{margin-top:17px}.distribution-row>div:first-child{display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:14px}
.distribution-row span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.distribution-row small{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}
.distribution-track{display:block;width:100%;height:6px;background:var(--soft);border-radius:3px;margin-top:7px;overflow:hidden}.distribution-track i{display:block;height:100%;min-width:1px;border-radius:3px;background:var(--text)}
#model-usage{overflow-x:auto;min-height:240px}
#page-dashboard .dashboard-model-table{border:0;width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed;min-width:460px}
#page-dashboard .dashboard-model-table th{background:color-mix(in srgb,var(--soft) 45%,var(--surface));font-weight:400;padding:11px 12px;font-size:12px;color:var(--muted);text-align:right;white-space:nowrap}
#page-dashboard .dashboard-model-table td{padding:12px;border-top:1px solid var(--border);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:14px}
#page-dashboard .dashboard-model-table th:first-child,#page-dashboard .dashboard-model-table td:first-child{text-align:left;width:43%;overflow:hidden;text-overflow:ellipsis}
#page-dashboard .dashboard-model-table th:nth-child(2){width:14%}
.dashboard-token-value{text-decoration:underline dotted;text-underline-offset:4px;cursor:help}
#page-dashboard #usage-chart{padding:20px;min-height:330px;border-radius:10px}
.dashboard-trend-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.dashboard-trend-head>div:first-child>span{font-size:14px;color:var(--muted)}
.dashboard-trend-head strong{display:block;font-size:24px;line-height:1.3;font-weight:600;margin-top:6px;letter-spacing:-.3px}
.dashboard-tabs{display:flex;background:var(--soft);border-radius:7px;padding:3px;gap:2px;flex-shrink:0}
.dashboard-tabs button{font-size:12px;color:var(--muted);padding:4px 12px;border-radius:5px;white-space:nowrap}
.dashboard-tabs button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0001}
.dashboard-legend{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0 14px;font-size:11px;color:var(--muted)}
.dashboard-legend>span{display:flex;gap:5px;align-items:center}.dashboard-legend i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dashboard-legend b{font-weight:400;color:var(--text)}
#page-dashboard #usage-chart svg{max-height:none}#page-dashboard #usage-chart text{font-size:10px;fill:var(--muted)}
.dashboard-chart-grid line{stroke:var(--border);stroke-width:.75;stroke-dasharray:3 4}
.dashboard-chart-note{font-size:11px;color:var(--muted);margin-top:6px}
.dashboard-empty{padding:30px 16px;color:var(--muted);font-size:12px;text-align:center}
#page-dashboard .credit-cost-panel{margin-top:30px}
#page-dashboard .credit-cost-chart{border-radius:10px;padding:20px}
@media(max-width:1100px){#dashboard-limits{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-split{gap:16px}.dashboard-tabs button{padding:4px 9px}}
@media(max-width:800px){.dashboard-split{grid-template-columns:minmax(0,1fr);gap:30px}}
@media(max-width:720px){
 body:has(#page-dashboard:not([hidden])) .page-heading{flex-direction:row;align-items:center;gap:8px;margin-bottom:24px}
 body:has(#page-dashboard:not([hidden])) .page-heading h1{font-size:20px;white-space:nowrap}
 #dashboard-page-actions{gap:9px;font-size:11px}.dashboard-auto{gap:5px}#dashboard-refresh{padding:0 8px;font-size:11px;height:30px}
 #page-dashboard .dashboard-filters{display:flex;flex-direction:column;gap:7px;margin-bottom:24px;align-items:stretch}
 #page-dashboard .dashboard-filters select{flex:auto;width:100%;height:34px;font-size:12px}#page-dashboard #analytics-range{margin-left:0}
 #page-dashboard #analytics-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #page-dashboard .stat{padding:16px;min-height:98px;border:0;border-right:1px solid var(--border)}
 #page-dashboard .stat:nth-child(2n){border-right:0}#page-dashboard .stat:nth-child(-n+2){border-bottom:1px solid var(--border)}
 #page-dashboard .stat>div{font-size:12px}#page-dashboard .stat strong{font-size:24px}#page-dashboard .stat small{font-size:10px;line-height:1.4}
 .dashboard-status-line{font-size:10px;gap:3px}#analytics-costs{display:none}
 #dashboard-limits{grid-template-columns:minmax(0,1fr);padding:16px;gap:12px}.dashboard-limit{padding:16px}
 #page-dashboard #usage-chart,#token-distribution,#page-dashboard .credit-cost-chart{padding:16px}
 .dashboard-trend-head strong{font-size:22px}.dashboard-tabs button{padding:4px 8px;font-size:11px}.dashboard-legend{gap:8px 12px}
 #page-dashboard #usage-chart{min-height:270px}.dashboard-chart-note{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.dashboard-auto input:before{transition:none}}

.dashboard-legend .series_input_tokens,.dashboard-legend .series_total{background:#9c5a42}.dashboard-legend .series_output_tokens{background:#d58463}.dashboard-legend .series_cache_write_tokens{background:#e8b49d}.dashboard-legend .series_cache_read_tokens{background:#aaa89e}.dashboard-legend .series_amount_nano{background:#cb795a}.dashboard-legend .series_success{background:#b9b7ad}

body:has(#page-dashboard:not([hidden])) .content{padding-top:26px}
#page-dashboard .stat small{display:none}
@media(max-width:720px){body:has(#page-dashboard:not([hidden])) .content{padding-top:28px}}
.dashboard-auto{font-weight:400}
@media(max-width:720px){
 #page-dashboard .stat{min-height:90px}
 #token-distribution{min-height:176px}#model-usage{min-height:0}
 #page-dashboard .dashboard-model-table{min-width:0}
 #page-dashboard .dashboard-model-table th,#page-dashboard .dashboard-model-table td{padding:11px 8px;font-size:11px}
 #page-dashboard .dashboard-model-table th:first-child,#page-dashboard .dashboard-model-table td:first-child{width:37%}
 #page-dashboard .dashboard-model-table th:nth-child(2){width:14%}
 #page-dashboard .dashboard-model-table th:nth-child(3){width:22%}
 #page-dashboard .dashboard-model-table th:nth-child(4){width:27%}
}