:root{--kleur-primair:#0b2545;--kleur-primair-hover:#13315c;--kleur-primair-tekst:#fff;--kleur-accent:#1f6feb;--kleur-achtergrond:#fff;--kleur-vlak:#f4f6f9;--kleur-vlak-hover:#e9edf3;--kleur-rand:#d5dbe4;--kleur-tekst:#16202c;--kleur-tekst-zacht:#5b6676;--kleur-link:#0b4f9c;--kleur-ok:#1a7f37;--kleur-waarschuwing:#9a6700;--kleur-fout:#c62828;--kleur-fout-vlak:#fdecea;--kleur-ok-vlak:#e8f5ec;--font-basis:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-kop:var(--font-basis);--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--tekst-grootte:16px;--radius:10px;--radius-klein:6px;--schaduw:0 1px 2px #0000000f, 0 2px 8px #0000000f}
*,:before,:after{box-sizing:border-box}html{font-size:var(--tekst-grootte)}body{font-family:var(--font-basis);color:var(--kleur-tekst);background:var(--kleur-achtergrond);margin:0;line-height:1.5}a{color:var(--kleur-link)}h1,h2,h3{font-family:var(--font-kop);line-height:1.25}h1{margin:0 0 1rem;font-size:1.6rem}h2{margin:2rem 0 .75rem;font-size:1.2rem}.kop{background:var(--kleur-primair);color:var(--kleur-primair-tekst);padding:.75rem 1rem}.kop-binnen{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:72rem;margin:0 auto;display:flex}.kop a{color:var(--kleur-primair-tekst);font-weight:600;text-decoration:none}.kop-gebruiker{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.inhoud{max-width:72rem;margin:0 auto;padding:1.5rem 1rem 3rem}.zacht{color:var(--kleur-tekst-zacht)}.knop{cursor:pointer;font:inherit;border-radius:var(--radius-klein);border:1px solid var(--kleur-primair);background:var(--kleur-primair);color:var(--kleur-primair-tekst);padding:.55rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.knop:hover{background:var(--kleur-primair-hover)}.knop:disabled{opacity:.6;cursor:default}.knop-licht{color:var(--kleur-primair);background:0 0}.knop-licht:hover{background:var(--kleur-vlak-hover)}.kop .knop-licht{color:var(--kleur-primair-tekst);border-color:var(--kleur-primair-tekst)}.kop .knop-licht:hover{background:var(--kleur-primair-hover)}.knop-gevaar{color:var(--kleur-fout);border-color:var(--kleur-fout);background:0 0}.knop-gevaar:hover{background:var(--kleur-fout-vlak)}.knop-klein{padding:.25rem .6rem;font-size:.9rem}.tegels{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;display:grid}.tegel{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--radius);box-shadow:var(--schaduw);color:var(--kleur-tekst);padding:1.25rem;text-decoration:none;display:block}.tegel:hover{background:var(--kleur-vlak-hover)}.tegel-titel{margin-bottom:.25rem;font-size:1.1rem;font-weight:700;display:block}.kaart{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.midden{place-items:center;min-height:70vh;display:grid}.smal{width:100%;max-width:26rem}.tabel-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--kleur-rand);vertical-align:top;padding:.5rem .6rem}th{color:var(--kleur-tekst-zacht);font-weight:600}td.getal,th.getal{text-align:right;font-variant-numeric:tabular-nums}label{margin:.75rem 0 .25rem;font-weight:600;display:block}input[type=text],input[type=password],input[type=email],input[type=file]{font:inherit;border:1px solid var(--kleur-rand);border-radius:var(--radius-klein);background:var(--kleur-achtergrond);width:100%;max-width:24rem;color:var(--kleur-tekst);padding:.5rem}.rij{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.melding{border-radius:var(--radius-klein);margin:.75rem 0;padding:.6rem .8rem}.melding-fout{background:var(--kleur-fout-vlak);color:var(--kleur-fout)}.melding-ok{background:var(--kleur-ok-vlak);color:var(--kleur-ok)}.status-ok{color:var(--kleur-ok);font-weight:600}.status-fout{color:var(--kleur-fout);font-weight:600}.status-let{color:var(--kleur-waarschuwing);font-weight:600}pre.code{font-family:var(--font-mono);background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);border-radius:var(--radius-klein);padding:.75rem;font-size:.85rem;overflow-x:auto}.diagram-img{background:var(--kleur-achtergrond);border-radius:var(--radius-klein);max-width:100%;height:auto}.item-id{font-family:var(--font-mono);color:var(--kleur-tekst-zacht);margin-right:.5rem}.item-tekst{white-space:pre-wrap;margin:.25rem 0 0}.terminal-wrap{border:1px solid var(--kleur-rand);border-radius:var(--radius);overflow:hidden}.terminal{background:#000;border:0;width:100%;height:75vh;display:block}
