/* Dashboard readability pass — dashboard only; no global typography changes. */
#dashboardTab{
  --dash-chart-title:14px;
  --dash-chart-text:12px;
  --dash-kpi-label:11.5px;
  --dash-kpi-value:22px;
}

/* KPI readability */
#dashboardTab [class*="kpi"] .label,
#dashboardTab [class*="kpi"] .title,
#dashboardTab [class*="stat"] .label,
#dashboardTab [class*="stat"] .title,
#dashboardTab .card .label{
  font-size:var(--dash-kpi-label)!important;
  line-height:1.25!important;
}
#dashboardTab [class*="kpi"] .value,
#dashboardTab [class*="stat"] .value,
#dashboardTab .card .value{
  font-size:var(--dash-kpi-value)!important;
  line-height:1.15!important;
}

/* Chart headings / legends rendered as HTML */
#dashboardTab [class*="chart"] h3,
#dashboardTab [class*="chart"] h4,
#dashboardTab [class*="chart-title"]{
  font-size:var(--dash-chart-title)!important;
  font-weight:650!important;
}
#dashboardTab [class*="legend"],
#dashboardTab [class*="chart"] .label{
  font-size:var(--dash-chart-text)!important;
}

/* SVG chart text (common chart libraries) */
#dashboardTab svg text{
  font-size:12px!important;
}

/* Canvas-based charts inherit readable surrounding typography;
   JS chart defaults below handle Chart.js if present. */
#dashboardTab canvas{
  font-size:12px!important;
}