.dashboard-kpi-strip {
  display: grid;
  gap: var(--frontend-space-2);
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
}

.dashboard-kpi {
  border: 1px solid var(--frontend-card-border);
  border-radius: var(--frontend-radius-sm);
  display: flex;
  flex-direction: column;
  gap: var(--frontend-space-1);
  padding: var(--frontend-space-3);
}

.dashboard-kpi-label {
  font-size: var(--frontend-font-size-xs);
  opacity: 0.72;
}

.dashboard-kpi-value {
  font-size: 1.05rem;
  line-height: 1.1;
}

.dashboard-kpi-good .dashboard-kpi-value {
  color: #228b22;
}

.dashboard-kpi-warning .dashboard-kpi-value {
  color: #ff8c00;
}

.dashboard-kpi-danger .dashboard-kpi-value {
  color: #b22222;
}