/* Focused dashboard updates; keep the base design system intact. */
/* Reduce the navigation sidebar width by 10% from 268px. */
:root{--rail-width:241.2px}

.brand .brand-mark{
  display:block;width:72px;height:36px;flex:0 0 72px;
  object-fit:contain;background:transparent;border-radius:0;
}

/* Grow the existing right-anchored 560px drawer by 20% toward the left. */
.drawer{width:min(672px,100vw)}
.drawer-body>*{min-width:0;flex-shrink:0}

.age-drill-link{
  appearance:none;border:0;border-radius:var(--radius-chip);background:transparent;
  color:var(--ink-2);padding:2px 0;font:inherit;font-variant-numeric:tabular-nums;
  text-align:right;text-decoration:underline;text-underline-offset:3px;cursor:pointer;
}
.age-drill-link:hover{color:var(--info)}
.age-drill-link.down{color:var(--bad)}
.age-drill-back{align-self:flex-start}
#t-age-outlets td:first-child{white-space:normal;min-width:150px;max-width:260px}
#t-age-outlets .panel-tools{max-width:100%}
tr[data-pnl]{cursor:pointer}

/* Overview: all seven KPI cards on one line on wide screens */
.ov-kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
@media (min-width:1440px){
  .kpis.ov-kpis{grid-template-columns:minmax(0,2fr) repeat(6,minmax(0,1fr))}
  .ov-kpis .kpi{padding:12px 11px}
  .ov-kpis .kpi .value{font-size:clamp(17px,1.22vw,26px);white-space:nowrap}
  .ov-kpis .kpi.hero{grid-column:auto}
  .ov-kpis .kpi.hero .value{font-size:clamp(32px,2.6vw,42px)}
  .ov-kpis .kpi .label{font-size:11.5px}
  .ov-kpis .kpi .foot{flex-direction:column;gap:2px}
  .ov-kpis .kpi.hero .foot{flex-direction:row}
}
/* Overview: category growth + achievement bands side by side */
.grid-2>.panel:only-child{grid-column:1/-1}