/* ============================================================================
   dashboard.css — KPI widgets and dashboard layout helpers (IAPrompt #33).
   ============================================================================ */
.wa-kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--wa-space-4); margin-bottom: var(--wa-space-6); }
.wa-kpi {
  background: var(--wa-surface); border: 1px solid var(--wa-border);
  border-radius: var(--wa-radius-lg); padding: 1.1rem;
}
.wa-kpi__value { font-size: 2rem; font-weight: 700; color: var(--wa-navy); line-height: 1.1; }
.wa-kpi__value--amber { color: var(--wa-amber); }
.wa-kpi__value--green { color: var(--wa-green); }
.wa-kpi__value--blue { color: var(--wa-blue); }
.wa-kpi__label { color: var(--wa-text-muted); font-size: var(--wa-fs-sm); margin-top: 0.2rem; }