:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#0f2d5e;--navy-licht:#1a3d73;--navy-lijn:#2a4d83;--navy-diep:#0d1c4b;--kop:#1e3a5f;--navy-hover-label:#93c5fd;--tekst:#1e293b;--tekst-zacht:#475569;--grijs:#64748b;--label:#94a3b8;--rand-sterk:#cbd5e1;--rand:#e2e8f0;--vlak-2:#f1f5f9;--vlak:#f8fafc;--wit:#fff;--ok:#16a34a;--ok-tekst:#15803d;--ok-rand:#bbf7d0;--ok-vlak:#f0fdf4;--let-op:#d97706;--let-op-tekst:#b45309;--let-op-rand:#fde68a;--let-op-vlak:#fffbeb;--urgent:#dc2626;--urgent-tekst:#b91c1c;--urgent-rand:#fecaca;--urgent-vlak:#fef2f2;--gevaar-rand:#fca5a5;--info:#2563eb;--info-tekst:#1d4ed8;--info-rand:#bfdbfe;--info-vlak:#eff6ff;--focus:#3b82f6;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r-kaart:12px;--r-tegel:10px;--r-toast:8px;--r-knop:6px;--r-badge:5px;--gap:1rem;--header-h:60px;--max-w:1340px;--overgang:.15s}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable}body{font-family:var(--font);color:var(--tekst);background:var(--vlak);min-height:100vh;margin:0;font-size:14px;line-height:1.5}a{color:var(--navy)}a:hover{color:var(--navy-licht)}img{max-width:100%}h1,h2,h3,h4{color:var(--kop)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.zacht{color:var(--grijs)}.mono{font-family:var(--font-mono)}.getal{font-variant-numeric:tabular-nums}.verborgen-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kop{z-index:40;height:var(--header-h);background:var(--wit);border-bottom:1px solid var(--rand);justify-content:space-between;align-items:center;gap:1rem;padding:0 2rem;display:flex;position:sticky;top:0}.kop-links{align-items:center;gap:.85rem;min-width:0;display:flex}.kop-logo{display:inline-flex}.kop-logo img{opacity:.7;width:auto;height:34px;display:block}.kop-streep{background:var(--rand);flex-shrink:0;width:1px;height:18px}.kop-naam{letter-spacing:.16em;text-transform:uppercase;color:var(--label);white-space:nowrap;font-size:.7rem;font-weight:700}.kop-rechts{align-items:center;gap:.4rem;display:flex}.kop-rechts form{margin:0}.knop-ghost{font:inherit;color:var(--tekst-zacht);border:1px solid var(--rand);border-radius:var(--r-knop);cursor:pointer;transition:border-color var(--overgang), color var(--overgang), background-color var(--overgang);background:0 0;align-items:center;padding:.3rem .8rem;font-size:.78rem;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}.knop-ghost:hover{border-color:var(--rand-sterk);color:var(--tekst);background:var(--vlak)}.knop-ghost.uitloggen:hover{border-color:var(--gevaar-rand);color:var(--urgent);background:var(--urgent-vlak)}.inhoud{max-width:var(--max-w);gap:var(--gap);flex-direction:column;margin:0 auto;padding:1.75rem 2rem 4rem;display:flex}.paginakop{justify-content:space-between;align-items:flex-end;gap:var(--gap);flex-wrap:wrap;display:flex}.paginakop h1{letter-spacing:-.02em;color:var(--kop);margin:0 0 .3rem;font-size:1.35rem;font-weight:300;line-height:1.3}.paginakop p,.toelichting{max-width:78ch;color:var(--grijs);margin:0;font-size:.85rem}.sectielabel{letter-spacing:.1em;text-transform:uppercase;color:var(--label);margin:.5rem 0 -.25rem;font-size:.74rem;font-weight:700}.grid{gap:var(--gap);display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.tegels{gap:var(--gap);flex-wrap:wrap;display:flex}.tegel{text-align:center;background:var(--navy);border:1px solid var(--navy-licht);border-radius:var(--r-tegel);width:189px;height:113px;color:var(--wit);transition:background-color var(--overgang), color var(--overgang), transform var(--overgang), box-shadow var(--overgang);justify-content:center;align-items:center;padding:.75rem;font-size:.84rem;font-weight:600;text-decoration:none;display:flex}.tegel:hover,.tegel:focus-visible{background:var(--navy-licht);color:var(--navy-hover-label);transform:translateY(-2px);box-shadow:0 6px 20px #0f2d5e59}.kaart{background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-kaart);min-width:0;overflow:hidden}.kaart-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;padding:1rem 1.25rem .75rem;display:flex}.kaart-titel{letter-spacing:.1em;text-transform:uppercase;color:var(--label);margin:0;font-size:.74rem;font-weight:700}.kaart-body{padding:0 1.25rem 1.25rem}.kaart-body.strak{padding:0}.kaart-body>p:first-child{margin-top:0}.kaart-body>:last-child{margin-bottom:0}.kaart-voet{background:var(--vlak);border-top:1px solid var(--rand);color:var(--grijs);padding:.75rem 1.25rem;font-size:.78rem}.knopgroep{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.cijfer{background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-kaart);flex-direction:column;gap:.35rem;padding:1rem 1.25rem;display:flex}.cijfer-label{letter-spacing:.1em;text-transform:uppercase;color:var(--label);min-height:2.7em;font-size:.74rem;font-weight:700;line-height:1.35}.cijfer-waarde{letter-spacing:-.03em;color:var(--navy);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:300;line-height:1.15}.cijfer-waarde.let-op{color:var(--let-op)}.cijfer-waarde.urgent{color:var(--urgent)}.cijfer-waarde.ok{color:var(--navy)}.cijfer-sub{color:var(--grijs);min-height:2.8em;font-size:.78rem;line-height:1.4}.knop{font:inherit;border-radius:var(--r-knop);border:1px solid var(--navy);background:var(--navy);color:var(--wit);cursor:pointer;white-space:nowrap;transition:background-color var(--overgang), border-color var(--overgang), color var(--overgang);justify-content:center;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.82rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.knop:hover{background:var(--navy-licht);border-color:var(--navy-licht);color:var(--wit)}.knop.secundair{border-color:var(--rand);color:var(--tekst-zacht);background:0 0}.knop.secundair:hover{border-color:var(--rand-sterk);background:var(--vlak);color:var(--tekst)}.knop.gevaar{border-color:var(--gevaar-rand);color:var(--urgent);background:0 0}.knop.gevaar:hover{background:var(--urgent-vlak);border-color:var(--urgent);color:var(--urgent-tekst)}.knop.goed{background:var(--ok);border-color:var(--ok);color:var(--wit)}.knop.klein{padding:.25rem .6rem;font-size:.74rem;font-weight:500}.knop:disabled,.knop[aria-disabled=true]{background:var(--rand-sterk);border-color:var(--rand-sterk);color:var(--wit);cursor:not-allowed}.knop.secundair:disabled{color:var(--rand-sterk);border-color:var(--rand);background:0 0}.badge{border-radius:var(--r-badge);border:1px solid var(--rand);background:var(--vlak-2);color:var(--grijs);white-space:nowrap;justify-content:center;align-items:center;padding:.15rem .5rem;font-size:.7rem;font-weight:600;line-height:1.4;display:inline-flex}.badge.ok{background:var(--ok-vlak);border-color:var(--ok-rand);color:var(--ok-tekst)}.badge.let-op{background:var(--let-op-vlak);border-color:var(--let-op-rand);color:var(--let-op-tekst)}.badge.urgent{background:var(--urgent-vlak);border-color:var(--urgent-rand);color:var(--urgent-tekst)}.badge.info{background:var(--info-vlak);border-color:var(--info-rand);color:var(--info-tekst)}td .badge.status{width:100%;display:flex}.melding{border:1px solid var(--info-rand);border-left:4px solid var(--info);border-radius:0 var(--r-tegel) var(--r-tegel) 0;background:var(--info-vlak);color:var(--info-tekst);max-width:100%;margin:0;padding:.65rem .9rem;font-size:.85rem}.melding.ok{background:var(--ok-vlak);border-color:var(--ok-rand);border-left-color:var(--ok);color:var(--ok-tekst)}.melding.let-op{background:var(--let-op-vlak);border-color:var(--let-op-rand);border-left-color:var(--let-op);color:var(--let-op-tekst)}.melding.urgent{background:var(--urgent-vlak);border-color:var(--urgent-rand);border-left-color:var(--urgent);color:var(--urgent-tekst)}.toast{z-index:60;background:var(--tekst);color:var(--wit);border-radius:var(--r-toast);padding:.65rem 1rem;font-size:.85rem;font-weight:500;animation:.25s ease-out toast-in;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 6px 20px #0f172a33}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tabel-wrap{overflow-x:auto}.tabel{border-collapse:collapse;width:100%;font-size:.82rem}.tabel th{z-index:1;background:var(--vlak);text-align:left;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:var(--label);border-bottom:1px solid var(--rand);padding:.6rem .9rem;font-size:.68rem;font-weight:700;position:sticky;top:0}.tabel td{border-bottom:1px solid var(--rand);vertical-align:top;padding:.6rem .9rem}.tabel tbody tr:last-child td{border-bottom:0}.tabel .nummer{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabel .naam{font-weight:600}.tabel .secundair{color:var(--grijs)}.tabel .datum{white-space:nowrap;font-variant-numeric:tabular-nums}.tabel .acties{text-align:right;white-space:nowrap}.tabel .acties .knopgroep{flex-wrap:nowrap;justify-content:flex-end}.tabel .status-kolom{width:9rem}.tabel .breekbaar{word-break:break-word}.leeg{text-align:center;min-height:6rem;color:var(--grijs);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem 1rem;font-size:.85rem;display:flex}.uploadzone{border:2px dashed var(--rand-sterk);border-radius:var(--r-toast);background:var(--wit);text-align:center;min-height:8rem;color:var(--tekst-zacht);transition:border-color var(--overgang), background-color var(--overgang);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.25rem;display:flex}.uploadzone.erboven{border-color:var(--focus);background:#3b82f60a}.uploadzone p{margin:0}.voortgang{appearance:none;background:var(--vlak-2);width:100%;max-width:24rem;height:4px;color:var(--navy);border:0;border-radius:2px;display:block}.voortgang::-webkit-progress-bar{background:var(--vlak-2);border-radius:2px}.voortgang::-webkit-progress-value{background:var(--navy);border-radius:2px}.voortgang::-moz-progress-bar{background:var(--navy);border-radius:2px}.veld{flex-direction:column;gap:.3rem;margin-bottom:.9rem;display:flex}.veld-label,label.veld-label{letter-spacing:.04em;text-transform:uppercase;color:var(--grijs);font-size:.78rem;font-weight:600}.invoer,textarea.invoer{font:inherit;color:var(--tekst);background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-knop);width:100%;transition:border-color var(--overgang);padding:.35rem .75rem;font-size:.85rem}.invoer:focus,.invoer:focus-visible{border-color:var(--focus);outline:none}textarea.invoer{resize:vertical;min-height:7.5rem;font-family:var(--font-mono);padding:.5rem .75rem;font-size:.8rem;line-height:1.45}.bevestig{white-space:normal;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:inline-flex}.bevestig-vraag{color:var(--urgent-tekst);font-size:.8rem;font-weight:600}.login{background:var(--vlak);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100vh;padding:2rem 1rem;display:flex}.login-kaart{background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-kaart);text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:25rem;padding:2.5rem 2rem 2rem;display:flex;box-shadow:0 1px 3px #0000000a}.login-logo{width:auto;height:60px;margin:.5rem 0 1rem;display:block}.login-kaart h1{letter-spacing:-.02em;color:var(--kop);margin:0;font-size:1.35rem;font-weight:300}.login-kaart .toelichting{margin-top:-.5rem}.login-kaart form{justify-content:center;width:100%;margin-top:.5rem;display:flex}.login-kaart .melding{text-align:left;width:100%}.login-voet{color:var(--grijs);text-align:center;margin:0;font-size:.74rem}.ms-knop{color:#5e5e5e;cursor:pointer;background:#fff;border:1px solid #8c8c8c;border-radius:0;justify-content:center;align-items:center;gap:12px;height:41px;padding:0 12px;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-size:15px;font-weight:600;line-height:1;display:inline-flex}.ms-knop:hover{background:#f3f3f3}.ms-knop:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ms-knop svg{flex-shrink:0;display:block}.tmux-raster{gap:var(--gap);grid-template-columns:minmax(0,1fr) 20rem;align-items:start;display:grid}.tmux-zij{gap:var(--gap);flex-direction:column;display:flex}.term-kaart .kaart-kop{padding-bottom:.75rem}.sessietabs{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.sessietab{border:1px solid var(--rand);border-radius:var(--r-knop);transition:border-color var(--overgang), background-color var(--overgang);background:0 0;align-items:stretch;display:inline-flex;overflow:hidden}.sessietab:hover{border-color:var(--rand-sterk);background:var(--vlak)}.sessietab button{font:inherit;color:var(--tekst-zacht);cursor:pointer;background:0 0;border:0;padding:.3rem .7rem;font-size:.78rem;font-weight:600}.sessietab .sluit{color:var(--label);padding:.3rem .5rem .3rem 0;font-weight:400}.sessietab .sluit:hover{color:var(--urgent)}.sessietab.actief{background:var(--navy);border-color:var(--navy)}.sessietab.actief button{color:var(--wit)}.sessietab.actief .sluit{color:var(--navy-hover-label)}.sessietab.actief .sluit:hover{color:var(--wit)}.nieuwe-tab{font:inherit;border:1px solid var(--rand);border-radius:var(--r-knop);width:1.9rem;height:1.9rem;color:var(--tekst-zacht);cursor:pointer;background:0 0;font-size:.85rem;font-weight:600;line-height:1}.nieuwe-tab:hover{border-color:var(--rand-sterk);background:var(--vlak)}.open-tot{color:var(--grijs);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.74rem}.term-wrap{background:var(--navy-diep);display:flex}.term-frame{background:var(--navy-diep);border:0;width:100%;height:calc(100vh - 16rem);min-height:560px;display:block}.term-wrap:fullscreen{width:100vw;height:100vh}.term-wrap:fullscreen .term-frame{height:100%;min-height:0}.term-voet{color:var(--grijs);border-top:1px solid var(--rand);background:var(--vlak);padding:.6rem 1.25rem;font-size:.78rem}.toetsen{flex-wrap:wrap;gap:.35rem;display:flex}.toetsen .knop{min-width:2.2rem}.uitleg{color:var(--grijs);margin:.75rem 0 0;padding-left:1.1rem;font-size:.78rem}.uitleg li+li{margin-top:.3rem}.hint{color:var(--grijs);margin:.6rem 0 0;font-size:.74rem}.pin-scherm{align-items:center;gap:var(--gap);flex-direction:column;padding-top:1.5rem;display:flex}.pin-kaart{width:100%;max-width:24rem}.pin-kaart .kaart-body{text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex}.pin-kaart h2{letter-spacing:-.01em;color:var(--kop);margin:0;font-size:1.1rem;font-weight:400}.pin-label{letter-spacing:.1em;text-transform:uppercase;color:var(--label);margin:.9rem 0 0;font-size:.74rem;font-weight:700}.pin-vakjes{justify-content:center;gap:.45rem;margin:.6rem 0 .2rem;display:flex}.pin-vakjes input{text-align:center;width:2.6rem;height:3.1rem;font:inherit;color:var(--navy);background:var(--wit);border:1px solid var(--rand-sterk);border-radius:var(--r-knop);-webkit-text-security:disc;transition:border-color var(--overgang);font-size:1.35rem;font-weight:600}.pin-vakjes input:focus{border-color:var(--focus);outline:none}.pin-vakjes.fout input{border-color:var(--gevaar-rand)}.pin-kaart .melding{text-align:left;width:100%;margin-top:.75rem}.pin-kaart .knop{width:100%;margin-top:1rem}.pin-links{justify-content:center;gap:1rem;margin-top:.75rem;display:flex}.link-knop{font:inherit;color:var(--navy);cursor:pointer;background:0 0;border:0;padding:.2rem;font-size:.78rem;text-decoration:underline}.link-knop:hover{color:var(--navy-licht)}.beheer-kaart{width:100%;max-width:24rem}.beheer-kaart form{flex-direction:column;gap:.6rem;display:flex}.toc{columns:2 18rem;column-gap:2rem;margin:0;padding:0;list-style:none}.toc li{break-inside:avoid;border-bottom:1px solid var(--vlak-2);padding:.3rem 0}.toc a{color:var(--tekst);gap:.75rem;text-decoration:none;display:flex}.toc a:hover{color:var(--navy)}.toc-nummer{text-align:right;width:1.5rem;color:var(--label);font-variant-numeric:tabular-nums;font-weight:700}.meta{grid-template-columns:max-content 1fr;gap:.45rem 1.5rem;margin:0;display:grid}.meta-rij{display:contents}.meta dt{letter-spacing:.06em;text-transform:uppercase;color:var(--label);padding-top:.15rem;font-size:.68rem;font-weight:700}.meta dd{margin:0;font-size:.85rem}.hoofdstuk{scroll-margin-top:calc(var(--header-h) + 1rem)}.hoofdstuk-kop{align-items:baseline;gap:.9rem;padding:1.25rem 1.25rem .5rem;display:flex}.hoofdstuk-nummer{color:var(--rand-sterk);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:300;line-height:1}.hoofdstuk-kop h2{letter-spacing:-.01em;color:var(--kop);margin:0;font-size:1.15rem;font-weight:400}.hoofdstuk-body{flex-direction:column;gap:1rem;padding:0 1.25rem 1.25rem;display:flex}.hoofdstuk-body .toelichting{max-width:78ch}.prose p{max-width:78ch;margin:0 0 .75rem}.prose p:last-child{margin-bottom:0}.lijst{max-width:78ch;margin:0;padding-left:1.2rem}.lijst li+li{margin-top:.3rem}.blok-tabel{border:1px solid var(--rand);border-radius:var(--r-tegel);overflow:hidden}.blok-titel{letter-spacing:.1em;text-transform:uppercase;color:var(--label);background:var(--wit);border-bottom:1px solid var(--rand);margin:0;padding:.6rem .9rem;font-size:.74rem;font-weight:700}.diagram{border:1px solid var(--rand);border-radius:var(--r-tegel);margin:0;overflow:hidden}.diagram-kop{border-bottom:1px solid var(--rand);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .9rem;display:flex}.diagram-kop .blok-titel{border:0;padding:0}.diagram-vlak{background:var(--wit);text-align:center;padding:1rem;overflow-x:auto}.diagram-vlak img{max-width:100%;height:auto}.diagram figcaption{color:var(--grijs);background:var(--vlak);border-top:1px solid var(--rand);padding:.6rem .9rem;font-size:.78rem}@media (max-width:1100px){.tmux-raster{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.kop{padding:0 1rem}.kop-naam,.kop-streep{display:none}.inhoud{padding:1.25rem 1rem 3rem}.tegel{width:calc(50% - .5rem)}}@media print{.kop,.knop,.knop-ghost{display:none!important}body{background:#fff}.kaart,.cijfer{break-inside:avoid}}.stapel{gap:var(--gap);flex-direction:column;display:flex}.knopruimte{margin-top:.75rem}
