/* KPI row */
    .kpis{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap:12px;
    }
    @media (max-width: 1200px){
      .kpis{ grid-template-columns: repeat(2, 1fr); }
    }
    .kpi{
      padding:14px;
      border-radius: var(--radius-lg);
      border:1px solid var(--border);
      background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.35));
    }
    html[data-theme="dark"] .kpi{
      background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    }
    .kpi .label{
      font-size:12px;
      color:var(--muted);
      display:flex; align-items:center; justify-content:space-between;
      gap:10px;
    }
    .kpi .value{
      margin-top:6px;
      font-size:20px;
      font-weight:650;
      letter-spacing:.2px;
    }
    .kpi .delta{
      margin-top:8px;
      font-size:12px;
      display:flex; align-items:center; gap:8px;
      color:var(--muted);
    }

    .delta .up{ color: var(--good); }
    .delta .down{ color: var(--bad); }