@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=Inter:wght@400;500;600;700&display=swap");:root{--bg:#0b0d0c;--surface:#121614;--surface-2:#181e1c;--surface-3:#212927;--line:#232c29;--line-strong:#33403c;--ink:#e9f0ed;--ink-2:#b7c4c0;--muted:#7c8b87;--faint:#55615e;--accent:#35c4e8;--accent-ink:#06222b;--accent-glow:rgba(53,196,232,0.18);--goed:#6fce85;--waarschuwing:#e8b03f;--alarm:#f0705f;--f-sans:Inter,system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,monospace;--r1:8px;--r2:12px;--r3:16px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}.kop{gap:var(--s4);padding:var(--s4) var(--s5);border-bottom:1px solid var(--line);background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:10}.kop,.merk{display:flex;align-items:center}.merk{gap:var(--s3);margin-right:auto}.merkteken{width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}.merknaam{font-weight:700}.merkonder{font-family:var(--f-mono);font-size:9px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase}.kop nav{display:flex;gap:var(--s4);font-size:14px}.kop nav a{color:var(--muted)}.kop nav a.actief,.kop nav a:hover{color:var(--ink);text-decoration:none}main{padding:var(--s5);max-width:1100px;margin:0 auto}h1{font-size:21px;margin:0 0 var(--s2)}h2{font-size:15px;margin:var(--s5) 0 var(--s3)}.sub{color:var(--muted);font-size:13px;margin:0 0 var(--s5)}.paneel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:400}td,th{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line)}td{vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}.dienstnaam{font-weight:600}.sleutel{font-size:11px;color:var(--faint)}.getal,.sleutel{font-family:var(--f-mono)}.getal{color:var(--ink-2)}.getal,.staat{font-size:12.5px}.staat{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.stip{width:7px;height:7px;border-radius:50%;flex:none}.staat.ok .stip{background:var(--goed)}.staat.fout .stip{background:var(--alarm)}.staat.bezig .stip{background:var(--accent);animation:pols 1.2s ease-in-out infinite}.staat.oud .stip{background:var(--waarschuwing)}.staat.nooit .stip{background:var(--faint)}.staat.fout{color:var(--alarm)}@keyframes pols{50%{opacity:.3}}.knop{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);border-radius:var(--r1);padding:6px 11px;font:inherit;font-size:12.5px;cursor:pointer}.knop:hover{border-color:var(--line-strong);color:var(--ink)}.knop.vol{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}.knop:disabled{opacity:.45;cursor:default}.knoppen{display:flex;gap:var(--s2);flex-wrap:wrap}.melding{border-radius:var(--r2);padding:var(--s3) var(--s4);margin-bottom:var(--s4);font-size:13.5px;border:1px solid var(--line);background:var(--surface-2)}.melding.fout{border-color:var(--alarm);color:var(--alarm);background:rgba(240,112,95,.1)}.melding.goed{border-color:var(--goed);color:var(--goed);background:rgba(111,206,133,.1)}.balk{height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden;width:160px}.balk>span{display:block;height:100%;background:var(--accent)}.logregel{font-family:var(--f-mono);font-size:12px;color:var(--ink-2);padding:3px 0;display:flex;gap:var(--s3)}.logregel .tijd{color:var(--faint);flex:none}.logregel.fout{color:var(--alarm)}.leeg{color:var(--faint);font-size:13px;padding:var(--s5);text-align:center}.wie{display:flex;align-items:center;gap:var(--s3);margin:0}.wie-naam{color:var(--muted);font-size:13px}.merk .merknaam,.merk .merkonder{display:block}@media (max-width:700px){.kop{flex-wrap:wrap;gap:var(--s3)}.wie-naam{display:none}}.rooster th{padding:8px 4px;text-align:center}.rooster td:first-child,.rooster th:first-child{text-align:left;padding-left:16px;white-space:nowrap}.rooster td{padding:4px}.hokje{text-align:center}.vak{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;vertical-align:middle;font-family:var(--f-mono);font-size:9px;color:var(--accent-ink)}.sub .vak,.vak+span{margin:0 4px 0 10px}.vak.ok{background:var(--goed)}.vak.punt{background:var(--accent)}.vak.geen{background:var(--surface-3);border:1px solid var(--line)}.terugzetten{display:grid;grid-gap:8px;gap:8px;padding:12px;margin:4px 0;background:var(--surface-2);border:1px solid var(--alarm);border-radius:var(--r2);max-width:560px;font-size:13px}.terugzetten ul{margin:0;padding-left:18px;color:var(--ink-2)}.terugzetten .waarschuwing{margin:0;color:var(--alarm)}.terugzetten label{display:grid;grid-gap:4px;gap:4px;color:var(--muted)}.terugzetten code{font-family:var(--f-mono);color:var(--ink)}.terugzetten input{background:var(--surface-3);border:1px solid var(--line-strong);color:var(--ink);border-radius:var(--r1);padding:7px 10px;font:inherit}