/* KPI bileseni - kpi-grid ve kpi kartlari (label/value/delta) */

/* ============================================================
   17. KPI CARDS
   ============================================================ */
.kpi-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
  margin-bottom: 20px;
}
.kpi {
  background: var(--surface);
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  box-shadow: var(--card-shadow);
  padding: 16px 18px;
}
.kpi .label {
  font-size: 11px; font-weight: 600; letter-spacing: 0.4px;
  text-transform: uppercase; color: var(--muted);
  margin-bottom: 6px;
}
.kpi .value {
  font-size: 28px; font-weight: 600; letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.kpi .delta { font-size: 12px; margin-top: 4px; }
.kpi .delta.up { color: var(--green-dark); }
.kpi .delta.down { color: var(--red-dark); }