.kpis {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 1.5fr;
  gap: 1px;
  background: var(--border);
  border-bottom: 1px solid var(--border);
}

.kpi {
  background: var(--bg);
  padding: 18px 22px;
  display: flex; flex-direction: column; gap: 4px;
}
.kpi-label {
  font-size: 11px; color: var(--text-dim);
  text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600;
}
.kpi-value {
  font-family: var(--font-mono);
  font-size: 26px; font-weight: 500; color: var(--text);
  letter-spacing: -0.02em;
}
.kpi-value.warn  { color: var(--pill-warn-fg); }
.kpi-value.danger { color: var(--danger); }
.kpi-hint { font-size: 12px; color: var(--text-dim); }

.kpi-dept { padding: 14px 22px; }
.dept-rows { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
.dept-row {
  display: grid; grid-template-columns: 10px 1fr auto 80px;
  gap: 10px; align-items: center;
  font-size: 12px;
}
.dept-name { color: var(--text); }
.dept-mono {
  font-family: var(--font-mono); font-size: 11px;
  color: var(--text-dim);
}
.dept-bar { width: 80px; }