/* ── CARDS ───────────────────────────────────────── */
.card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r5);box-shadow:var(--sh)}
.card-pad{padding:18px}
.card-head{font-weight:800;font-size:14.5px;margin-bottom:2px}
.card-sub{font-size:12px;color:var(--tx3);margin-bottom:14px}
.card-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* ── KPI CARDS ───────────────────────────────────── */
.kpi-card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r5);box-shadow:var(--sh);padding:16px 17px;animation:popin .3s both;cursor:default}
.kpi-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.kpi-val{font-size:28px;font-weight:800;letter-spacing:-1px;font-family:var(--fm);line-height:1;margin-top:11px}
.kpi-label{font-size:12.5px;color:var(--tx2);font-weight:600;margin-top:4px}
.kpi-delta{font-size:11px;font-weight:700;display:flex;align-items:center;gap:3px}

/* ── BADGES & CHIPS ──────────────────────────────── */
.status-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:var(--rf);white-space:nowrap}
.status-dot{width:7px;height:7px;border-radius:50%;flex:none}
.prio-chip{font-size:11.5px;font-weight:800;padding:2px 9px;border-radius:7px;border:1.5px solid;white-space:nowrap}
.deadline-chip{font-size:12px;font-weight:800;font-family:var(--fm);white-space:nowrap}
.tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;background:var(--sf3);color:var(--tx2)}
.badge-count{background:var(--danger);color:#fff;font-size:10.5px;font-weight:800;min-width:18px;height:18px;padding:0 4px;border-radius:var(--rf);display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--sf)}