/* CVE Dashboard — komponen bersama (Fase 2)
   Hanya berisi komponen yang sudah ada dan berulang di beberapa halaman.
   Tidak ada komponen baru yang mengubah tampilan. */

/* ---------- chip / badge ---------- */
.pill{
  display:inline-block;padding:2px 8px;border-radius:var(--r-pill);
  font-size:var(--t-sm);font-weight:600;line-height:1.6;
}
.pill-crit{background:var(--bad-bg);color:var(--bad);border:1px solid #fecaca}
.pill-high{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}
.pill-med{background:#fefce8;color:#a16207;border:1px solid #fef08a}
.pill-low{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}
.pill-ok{background:var(--ok-bg);color:var(--ok);border:1px solid #a7f3d0}
.pill-mut{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}

/* ---------- kartu ---------- */
.card{
  background:var(--surface);border:1px solid var(--border-2);
  border-radius:var(--r-md);box-shadow:var(--sh-1);
}
.card-pad{padding:var(--s4)}

/* ---------- tombol ---------- */
.btn{
  font-family:inherit;font-size:var(--t-base);font-weight:600;
  padding:6px 14px;border:1px solid var(--border);border-radius:var(--r);
  background:var(--surface);color:var(--text);cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.btn:hover{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue)}
.btn-sm{padding:5px 10px;font-size:var(--t-sm);border-radius:var(--r-sm)}

/* ---------- teks bantu ---------- */
.mono-sm{
  font-family:var(--font-mono);font-size:var(--t-sm);font-weight:600;
  font-variant-numeric:tabular-nums;
}
.muted{color:var(--muted)}
.tnum{font-variant-numeric:tabular-nums}