/* health.css - lane R110-KSTAT2: the Overview's CPU budget row (item 1) pre-generation card (item 2) and chunk health panel (item 3). Theme tokens of index.html only (no literal colour). */
.kguard { display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px; padding:10px 14px; margin:0 0 14px; border-radius:12px; border:1px solid var(--line); background:var(--pane); font-size:13px; color:var(--muted); }
.kguard b { color:var(--fg); font-weight:600; }
.kguard.over { border-color:color-mix(in srgb, var(--crit) 50%, transparent); background:color-mix(in srgb, var(--crit) 9%, var(--pane)); }
.kbadge { display:inline-block; padding:2px 10px; border-radius:999px; font:600 11px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; text-transform:uppercase; letter-spacing:.06em; white-space:nowrap; }
.kbadge.over { background:var(--crit); color:var(--pane); }
.kcard { margin-top:14px; overflow:hidden; }
.kp { padding:12px 16px 14px; }
.kpstats { display:flex; flex-wrap:wrap; gap:10px 28px; margin-bottom:10px; }
.kpstats .v { font-size:18px; }
.kpbar { display:block; height:8px; border-radius:4px; background:var(--well); overflow:hidden; }
.kpbar > i { display:block; height:100%; background:var(--c2); }
.kpnote { margin:8px 0 0; font-size:12px; overflow-wrap:anywhere; }
.kpwarn { margin:0 0 10px; padding:8px 10px; border-radius:8px; font-size:13px; border:1px solid color-mix(in srgb, var(--warn) 45%, transparent); background:color-mix(in srgb, var(--warn) 10%, var(--pane)); }
.kpdims { display:grid; gap:6px; margin-top:12px; }
.kprow { display:grid; grid-template-columns:minmax(90px, 160px) 1fr minmax(120px, auto); gap:10px; align-items:center; font-size:13px; }
.kprow .kpname { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kprow .kpn { text-align:right; color:var(--muted); white-space:nowrap; }
@media (max-width:560px) { .kprow { grid-template-columns:1fr auto; } .kprow .kpbar { grid-column:1 / -1; order:3; } }
.khdetail { font-size:12px; white-space:normal; max-width:46ch; }
.khnote { padding:8px 16px 12px; font-size:12px; }
#khealth a { color:var(--c0); }