:root { --cs-ink:#13231c; --cs-panel:#f3f7f4; --cs-accent:#1f6f54; }
body[data-cs] .main { color: var(--cs-ink); }
#cs-root .board { display:grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap:.75rem; }
#cs-root .card { background: var(--cs-panel); border-radius:.6rem; padding:.9rem; border:1px solid #d5e2db; }
#cs-root .status[data-state="GREEN"] { color:#1f6f54; font-weight:700; }
#cs-root .status[data-state="YELLOW"] { color:#9a6b00; font-weight:700; }
#cs-root .status[data-state="RED"] { color:#a11; font-weight:700; }
#cs-root .status[data-state="UNKNOWN"] { color:#555; font-weight:700; }
@media (max-width:420px){ #cs-root .board { grid-template-columns:1fr; } }