:root { --fg:#1c1f23; --muted:#6a7280; --line:#e3e6ea; --bg:#fff; --accent:#2457d6; --ok:#137a3e; --warn:#8a5a00; --bad:#b42318; }
@media (prefers-color-scheme: dark) { :root { --fg:#e8eaed; --muted:#9aa0a6; --line:#33363b; --bg:#17191c; --accent:#8ab4f8; --ok:#6fcf97; --warn:#f2c94c; --bad:#f28b82; } }
* { box-sizing: border-box; }
body { margin:0; font:15px/1.5 system-ui, sans-serif; color:var(--fg); background:var(--bg); }
.top { display:flex; gap:1.5rem; align-items:center; padding:.75rem 1.25rem; border-bottom:1px solid var(--line); }
.brand { font-weight:600; color:inherit; text-decoration:none; }
.who { margin-left:auto; color:var(--muted); font-size:.9em; }
main { max-width:1100px; margin:0 auto; padding:1.25rem; }
a { color:var(--accent); }
h1 { font-size:1.5rem; } h2 { font-size:1.15rem; margin-top:2rem; } h3 { font-size:1rem; }
table { width:100%; border-collapse:collapse; } th, td { text-align:left; padding:.5rem; border-bottom:1px solid var(--line); vertical-align:top; }
code { font-size:.92em; word-break:break-all; }
.muted, .desc, .help { color:var(--muted); } .desc { font-size:.9em; }
.badge { display:inline-block; padding:.1rem .5rem; border-radius:999px; font-size:.8rem; border:1px solid currentColor; white-space:nowrap; }
.badge.off { color:var(--muted); } .badge.partial { color:var(--warn); } .badge.released { color:var(--ok); }
.stack { display:grid; gap:.75rem; max-width:560px; } .stack label { display:grid; gap:.25rem; }
label.inline { display:flex; gap:.5rem; align-items:center; }
.row { display:flex; gap:.5rem; flex-wrap:wrap; } .row input { flex:1; min-width:12rem; }
input:not([type=checkbox]) { padding:.45rem .6rem; border:1px solid var(--line); border-radius:6px; background:var(--bg); color:inherit; font:inherit; }
button { padding:.45rem .9rem; border-radius:6px; border:1px solid var(--accent); background:var(--accent); color:var(--bg); font:inherit; cursor:pointer; }
button.danger { background:transparent; color:var(--bad); border-color:var(--bad); }
button.link { background:none; border:0; color:var(--bad); padding:0 .25rem; text-decoration:underline; }
.cols { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:2rem; }
.targets { list-style:none; padding:0; } .targets li { padding:.25rem 0; }
.inline-form { display:inline; }
.notice { padding:.6rem .8rem; border-left:3px solid var(--ok); background:color-mix(in srgb, var(--ok) 10%, transparent); }
.error { padding:.6rem .8rem; border-left:3px solid var(--bad); background:color-mix(in srgb, var(--bad) 10%, transparent); }
.check { padding:.6rem .8rem; border:1px solid var(--line); border-radius:6px; } .check.on strong { color:var(--ok); } .check.off strong { color:var(--bad); }
.audit code { font-size:.8em; }
.top .inline-form { margin-left: .75rem; }
.top .inline-form button.link { color: var(--accent); }
.login { max-width: 420px; margin: 4rem auto; text-align: center; display: grid; gap: .75rem; justify-items: center; }
nav a + a { margin-left: 1rem; }