/* ============================================================
   Shared "Verdict + At a glance" component — single source of truth.
   Matches the Bundle Analyser exactly: a one-line 16px verdict sentence
   and CENTRED KPI cards. Link this AFTER each tool's own styles.css so it
   governs the verdict + KPI styling on every tool.
   ============================================================ */

/* At-a-glance KPI grid + cards — centred, like the Bundle Analyser */
.kpirow{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:0}
@media(max-width:767px){.kpirow{grid-template-columns:1fr 1fr}}
.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 16px 14px;
  box-shadow:0 1px 3px rgba(11,37,69,.06);text-align:center}
.kpi-lab{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kpi-num{display:block;font-weight:800;font-size:20px;color:var(--ink);line-height:1.1;margin:9px 0 3px;font-variant-numeric:tabular-nums}
.kpi-num.pos{color:var(--green)} .kpi-num.neg{color:var(--red)} .kpi-num.amber{color:var(--amber)} .kpi-num.amb{color:var(--amber-dark)}
.kpi-sub{display:block;font-size:11px;color:var(--muted);line-height:1.45}
.kpi-tag{display:inline-block;font-size:11px;font-weight:700;line-height:1;padding:3px 8px;border-radius:999px;margin:1px 0 3px;letter-spacing:.01em}
.kpi-tag.pos{background:#E7F5EE;color:#0E7C4F}
.kpi-tag.neg{background:#FBEAEA;color:var(--red)}
.kpi-tag.warn{background:#FBF1E2;color:var(--amber-dark)}

/* Verdict — one short 16px sentence, like the Bundle Analyser (no big headline) */
.fv-head{font-weight:700;font-size:16px;line-height:1.35;letter-spacing:-.005em;color:var(--ink);margin:0}
.fv-head .fv-bad{color:var(--red);font-weight:800}
.fv-head.neutral{color:var(--muted)}
@media(max-width:767px){.fv-head{font-size:15px}}