/* Dashboard hierarchy: the total and its evidence come before supporting metrics. */
.dashboard-workspace { font-size:14px; }
.dashboard-workspace .tracker-heading { margin-bottom:16px; }
.dashboard-workspace .tracker-heading h1 { font-size:36px; }
.dashboard-workspace .tracker-date { font-size:12px; }
.dashboard-workspace .studio-toolbar { margin:0 0 18px; padding:0; gap:20px; }
.dashboard-workspace .studio-toolbar a { min-height:36px; font-size:12px; }
.dashboard-workspace .tracker-demo { padding:13px 17px; margin-bottom:18px; font-size:12px; }
.dashboard-workspace .tracker-viewbar { margin-bottom:20px; gap:12px; }
.dashboard-workspace .tracker-segment a,
.dashboard-workspace .tracker-filter a { min-height:40px; display:inline-flex; align-items:center; font-size:12px; }
.dashboard-workspace .tracker-overview-grid {
  grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);
  grid-template-areas:"history allocation" "metrics metrics";
  gap:18px;
  align-items:stretch;
}
.dashboard-workspace .tracker-history { grid-area:history; padding:28px; }
.dashboard-workspace .tracker-allocation { grid-area:allocation; padding:26px; align-self:start; }
.dashboard-workspace .tracker-metrics { grid-area:metrics; margin:0; gap:12px; }
.dashboard-workspace .tracker-metric { padding:18px; }
.dashboard-workspace .tracker-metric > div { gap:8px; font-size:12px; }
.dashboard-workspace .tracker-metric > strong { font-size:26px; letter-spacing:-.035em; }
.dashboard-workspace .tracker-metric p { font-size:11px; line-height:1.55; }
.dashboard-workspace .tracker-history h2 { font-size:14px; letter-spacing:0; }
.dashboard-workspace .tracker-history-heading > div { min-width:0; }
.dashboard-workspace .nw-figure { overflow-wrap:anywhere; font-variant-numeric:lining-nums tabular-nums; font-size:clamp(39px,4.5vw,58px); line-height:1.15; letter-spacing:-.04em; margin-top:8px; }
.dashboard-workspace .tracker-currency { font-size:11px; padding:7px 10px; }
.dashboard-workspace .tracker-history .tracker-period-change { font-size:12px; line-height:1.6; margin-top:10px; }
.dashboard-workspace .tracker-range { margin:20px 0 18px; }
.dashboard-workspace .tracker-range a { font-size:12px; min-height:38px; display:inline-flex; align-items:center; justify-content:center; }
.dashboard-workspace .tracker-chart-readout { font-size:12px; line-height:1.55; }
.dashboard-workspace .tracker-chart-foot { font-size:11px; line-height:1.6; gap:12px; }
.dashboard-workspace .tracker-data-table { margin-top:16px; font-size:12px; }
.dashboard-workspace .tracker-history > .hint { font-size:12px; line-height:1.7; }
.dashboard-workspace .tracker-card-heading h2 { font-size:19px; }
.dashboard-workspace .tracker-card-heading > a { font-size:12px; }
.dashboard-workspace .tracker-allocation-list { font-size:13px; }
.dashboard-workspace .tracker-allocation-list small { font-size:12px; }
.dashboard-workspace .tracker-allocation-list li { padding:10px 0; }
.dashboard-workspace .tracker-panel-link { font-size:12px; min-height:44px; display:flex; align-items:center; }
.dashboard-workspace .tracker-sheet-toolbar { font-size:12px; }
.dashboard-workspace .tracker-balance-table { font-size:13px; }
.dashboard-workspace .tracker-balance-table th { font-size:11px; }
.dashboard-workspace .tracker-balance-table small,
.dashboard-workspace .tracker-asset-tags,
.dashboard-workspace .tracker-source-label,
.dashboard-workspace .tracker-no-comparison { font-size:11px; }
.dashboard-workspace .tracker-sheet-note { font-size:12px; line-height:1.7; }
.dashboard-workspace .tracker-source-panel p,
.dashboard-workspace .tracker-analysis summary small { font-size:12px; line-height:1.7; }
.dashboard-workspace .tracker-analysis summary strong { font-size:15px; }
.dashboard-workspace .tracker-source-panel .tracker-source-foot { font-size:11px; }

@media (max-width:1200px) {
  .dashboard-workspace .tracker-overview-grid { grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr); }
  .dashboard-workspace .tracker-history,.dashboard-workspace .tracker-allocation { padding:22px; }
  .dashboard-workspace .tracker-metric { padding:15px 12px; }
  .dashboard-workspace .tracker-metric-icon { display:none; }
  .dashboard-workspace .tracker-metric > strong { font-size:24px; }
}
@media (max-width:1050px) {
  .dashboard-workspace .tracker-overview-grid { grid-template-columns:minmax(0,1fr); grid-template-areas:"history" "metrics" "allocation"; }
  .dashboard-workspace .tracker-allocation { display:grid; grid-template-columns:minmax(190px,.8fr) minmax(0,1fr); column-gap:28px; align-items:center; }
  .dashboard-workspace .tracker-allocation .tracker-card-heading { grid-column:1/-1; }
  .dashboard-workspace .tracker-allocation .tracker-panel-link { grid-column:1/-1; }
  .dashboard-workspace .tracker-allocation .tracker-donut { max-width:260px; width:100%; margin:12px auto; }
  .dashboard-workspace .tracker-allocation-list { margin:0; }
}
@media (max-width:650px) {
  .dashboard-workspace { padding-top:20px; }
  .dashboard-workspace .tracker-heading { gap:12px; margin-bottom:8px; }
  .dashboard-workspace .tracker-heading h1 { font-size:30px; }
  .dashboard-workspace .tracker-heading .tracker-kicker { font-size:9px; margin-bottom:4px; }
  .dashboard-workspace .tracker-date { margin-top:4px; }
  .dashboard-workspace .tracker-heading .tracker-actions { gap:8px; }
  .dashboard-workspace .tracker-heading .btn { min-height:44px; font-size:12px; padding:10px 14px; }
  .dashboard-workspace .studio-toolbar { margin:0 0 12px; justify-content:flex-start; gap:20px; }
  .dashboard-workspace .studio-toolbar a { min-height:44px; }
  .dashboard-workspace .tracker-demo { display:block; padding:12px 14px; line-height:1.6; margin-bottom:14px; }
  .dashboard-workspace .tracker-demo > span { display:block; }
  .dashboard-workspace .tracker-demo > a { display:inline-block; margin-top:5px; }
  .dashboard-workspace .tracker-viewbar { gap:8px; margin-bottom:16px; }
  .dashboard-workspace .tracker-segment,.dashboard-workspace .tracker-filter { width:100%; }
  .dashboard-workspace .tracker-segment a,.dashboard-workspace .tracker-filter a { min-height:44px; padding:8px 10px; }
  .dashboard-workspace .tracker-history,.dashboard-workspace .tracker-allocation { padding:20px 16px; }
  .dashboard-workspace .tracker-history-heading { align-items:flex-start; gap:10px; }
  .dashboard-workspace .tracker-currency { display:none; }
  .dashboard-workspace .nw-figure { font-size:42px; }
  .dashboard-workspace .nw-figure-long { font-size:clamp(26px,7.5vw,36px); }
  .dashboard-workspace .tracker-history h2 { font-size:13px; }
  .dashboard-workspace .tracker-range { margin-top:18px; gap:3px; }
  .dashboard-workspace .tracker-range a { min-height:44px; padding:8px 7px; }
  .dashboard-workspace .tracker-chart-foot { flex-wrap:wrap; gap:3px; }
  .dashboard-workspace .tracker-metrics { gap:8px; }
  .dashboard-workspace .tracker-metric { padding:14px 10px; }
  .dashboard-workspace .tracker-metric > div { font-size:11px; }
  .dashboard-workspace .tracker-metric > strong { font-size:21px; overflow-wrap:anywhere; }
  .dashboard-workspace .tracker-metric p { font-size:11px; }
  .dashboard-workspace .tracker-allocation { display:block; }
  .dashboard-workspace .tracker-allocation .tracker-donut { max-width:240px; }
  .dashboard-workspace .tracker-allocation-list { margin-top:14px; }
  .dashboard-workspace .tracker-balance-table small { font-size:12px; }
}
@media (max-width:350px) {
  .dashboard-workspace .tracker-history-heading { display:block; }
  .dashboard-workspace .tracker-currency { order:-1; }
  .dashboard-workspace .tracker-metrics { grid-template-columns:1fr; }
  .dashboard-workspace .tracker-metric { display:grid; grid-template-columns:1fr auto; column-gap:10px; align-items:center; }
  .dashboard-workspace .tracker-metric > strong { margin:0; }
  .dashboard-workspace .tracker-metric p { grid-column:1/-1; margin-top:4px; }
}

.dashboard-workspace .tracker-history .tracker-period-change strong { display:flex; flex-wrap:wrap; gap:0 5px; min-width:0; font-size:12px; }
.dashboard-workspace .tracker-history .tracker-period-change > span { font-size:12px; }
.dashboard-workspace .tracker-period-percent { white-space:nowrap; }
@media (max-width:650px) {
  .dashboard-workspace .tracker-history .tracker-period-change-long { display:grid; grid-template-columns:14px minmax(0,1fr); align-items:start; gap:3px 6px; }
  .dashboard-workspace .tracker-period-change-long strong { flex-direction:column; }
  .dashboard-workspace .tracker-period-change-long > span { grid-column:2; margin-left:0; }
  .dashboard-workspace .tracker-period-change-long > svg { margin-top:4px; }
}
