:root{--kleur-tekst:#1f2933;--kleur-tekst-zacht:#5c6b7a;--kleur-tekst-op-accent:#fff;--kleur-achtergrond:#eef1f4;--kleur-vlak:#fff;--kleur-vlak-zacht:#f7f9fb;--kleur-rand:#d3dae1;--kleur-rand-sterk:#b4bfc9;--kleur-accent:#1e4b7a;--kleur-accent-donker:#163a5f;--kleur-accent-zacht:#e4edf6;--kleur-goed:#1b7a4b;--kleur-goed-zacht:#e3f3ea;--kleur-wacht:#9a5b06;--kleur-wacht-zacht:#fdf0dc;--kleur-rust:#5c6b7a;--kleur-rust-zacht:#eceff2;--kleur-fout:#b3261e;--kleur-fout-zacht:#fbe9e7;--ruimte-1:.25rem;--ruimte-2:.5rem;--ruimte-3:.75rem;--ruimte-4:1rem;--ruimte-5:1.5rem;--ruimte-6:2rem;--radius:6px;--radius-klein:4px;--schaduw:0 1px 2px #1f29330f, 0 2px 8px #1f29330f;--letter:system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-family:var(--letter);color:var(--kleur-tekst);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:var(--kleur-achtergrond);min-height:100vh;margin:0}h1,h2,h3{color:var(--kleur-tekst);margin:0;font-weight:600;line-height:1.25}h1{font-size:1.375rem}h2{font-size:1.125rem}h3{font-size:1rem}p{margin:0}.kopbalk{background:var(--kleur-accent);color:var(--kleur-tekst-op-accent);border-bottom:3px solid var(--kleur-accent-donker)}.kopbalk__binnen{max-width:1100px;padding:var(--ruimte-4) var(--ruimte-5);padding-top:max(var(--ruimte-4), env(safe-area-inset-top));padding-left:max(var(--ruimte-5), env(safe-area-inset-left));padding-right:max(var(--ruimte-5), env(safe-area-inset-right));justify-content:space-between;align-items:center;gap:var(--ruimte-4);flex-wrap:wrap;margin:0 auto;display:flex}.kopbalk__titel{color:var(--kleur-tekst-op-accent);margin:0}.kopbalk__ondertitel{color:#ffffffbf;margin-top:2px;font-size:.8125rem}.kopbalk__rechts{align-items:center;gap:var(--ruimte-3);display:flex}.kopbalk__gebruiker{color:#ffffffe6;text-align:right;font-size:.875rem}.inhoud{max-width:1100px;padding:var(--ruimte-5);gap:var(--ruimte-5);flex-direction:column;margin:0 auto;display:flex}.kaart{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--radius);box-shadow:var(--schaduw);overflow:hidden}.kaart__kop{padding:var(--ruimte-4) var(--ruimte-5);border-bottom:1px solid var(--kleur-rand);background:var(--kleur-vlak-zacht);justify-content:space-between;align-items:center;gap:var(--ruimte-4);flex-wrap:wrap;display:flex}.kaart__uitleg{color:var(--kleur-tekst-zacht);margin-top:2px;font-size:.8125rem}.kaart__lijf{padding:var(--ruimte-5)}.knop{border:1px solid var(--kleur-rand-sterk);border-radius:var(--radius-klein);background:var(--kleur-vlak);color:var(--kleur-tekst);cursor:pointer;white-space:nowrap;padding:.5rem .875rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.2;transition:background-color .12s,border-color .12s}.knop:hover:not(:disabled){background:var(--kleur-vlak-zacht);border-color:var(--kleur-tekst-zacht)}.knop:focus-visible{outline:2px solid var(--kleur-accent);outline-offset:2px}.knop:disabled{opacity:.5;cursor:not-allowed}.knop--primair{background:var(--kleur-accent);border-color:var(--kleur-accent);color:var(--kleur-tekst-op-accent)}.knop--primair:hover:not(:disabled){background:var(--kleur-accent-donker);border-color:var(--kleur-accent-donker)}.knop--gevaar{color:var(--kleur-fout);border-color:#e0b4b1}.knop--gevaar:hover:not(:disabled){background:var(--kleur-fout-zacht);border-color:var(--kleur-fout)}.knop--op-balk{color:var(--kleur-tekst-op-accent);background:#ffffff1f;border-color:#ffffff80}.knop--op-balk:hover:not(:disabled){background:#ffffff38;border-color:#fff}.knop--klein{padding:.3125rem .625rem;font-size:.8125rem}.knoprij{gap:var(--ruimte-2);flex-wrap:wrap;align-items:center;display:flex}.tabbladen{gap:var(--ruimte-1);border-bottom:1px solid var(--kleur-rand);flex-wrap:wrap;display:flex}.tabblad{padding:var(--ruimte-3) var(--ruimte-4);color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;font-family:inherit;font-size:.9375rem;font-weight:500}.tabblad:hover{color:var(--kleur-tekst)}.tabblad:focus-visible{outline:2px solid var(--kleur-accent);outline-offset:-2px}.tabblad--actief{color:var(--kleur-accent);border-bottom-color:var(--kleur-accent)}.formulier{gap:var(--ruimte-4);flex-direction:column;display:flex}.velden-rij{gap:var(--ruimte-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.veld{gap:var(--ruimte-2);flex-direction:column;display:flex}.veld__label{color:var(--kleur-tekst);font-size:.8125rem;font-weight:600}.veld__hint{color:var(--kleur-tekst-zacht);font-size:.75rem;font-weight:400}.veld input,.veld select,.veld textarea{color:var(--kleur-tekst);border:1px solid var(--kleur-rand-sterk);border-radius:var(--radius-klein);background:var(--kleur-vlak);width:100%;padding:.5rem .625rem;font-family:inherit;font-size:.9375rem}.veld input:focus,.veld select:focus,.veld textarea:focus{border-color:var(--kleur-accent);box-shadow:0 0 0 3px var(--kleur-accent-zacht);outline:none}.veld textarea{resize:vertical;min-height:72px}.tabel-omhulsel{overflow-x:auto}.tabel{border-collapse:collapse;width:100%;font-size:.875rem}.tabel th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--kleur-tekst-zacht);padding:var(--ruimte-3) var(--ruimte-4);background:var(--kleur-vlak-zacht);border-bottom:1px solid var(--kleur-rand);white-space:nowrap;font-size:.75rem;font-weight:600}.tabel td{padding:var(--ruimte-3) var(--ruimte-4);border-bottom:1px solid var(--kleur-rand);vertical-align:top}.tabel tbody tr:last-child td{border-bottom:none}.tabel tbody tr:hover td{background:var(--kleur-vlak-zacht)}.tabel .kolom-smal{white-space:nowrap;width:1%}.tabel .kolom-tekst{min-width:220px;max-width:420px}.tijdstip__datum{display:block}.tijdstip__tijd{color:var(--kleur-tekst-zacht);font-size:.8125rem;display:block}.badge{white-space:nowrap;background:var(--kleur-rust-zacht);color:var(--kleur-rust);border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-block}.badge--actief{background:var(--kleur-goed-zacht);color:var(--kleur-goed)}.badge--aangevraagd{background:var(--kleur-wacht-zacht);color:var(--kleur-wacht)}.badge--gearchiveerd{background:var(--kleur-rust-zacht);color:var(--kleur-rust)}.badge--rol{color:var(--kleur-tekst-op-accent);text-transform:uppercase;letter-spacing:.04em;background:#ffffff2e}.bericht{padding:var(--ruimte-3) var(--ruimte-4);border-radius:var(--radius-klein);border:1px solid #0000;font-size:.875rem}.bericht--fout{background:var(--kleur-fout-zacht);color:var(--kleur-fout);border-color:#e8c4c1}.bericht--gelukt{background:var(--kleur-goed-zacht);color:var(--kleur-goed);border-color:#b9ded0}.leegmelding{padding:var(--ruimte-6) var(--ruimte-5);text-align:center;color:var(--kleur-tekst-zacht);font-size:.9375rem}.inlogpagina{min-height:100vh;padding:var(--ruimte-5);justify-content:center;align-items:center;gap:var(--ruimte-5);flex-direction:column;display:flex}.inlogpagina__merk{text-align:center}.inlogpagina__merk h1{color:var(--kleur-accent);font-size:1.5rem}.inlogpagina__merk p{color:var(--kleur-tekst-zacht);margin-top:var(--ruimte-1);font-size:.875rem}.inlogkaart{width:100%;max-width:380px}.tekst-zacht{color:var(--kleur-tekst-zacht);font-size:.875rem}.tekst-midden{text-align:center}@media (width<=640px){.kopbalk__binnen{padding:var(--ruimte-3) var(--ruimte-4);padding-top:max(var(--ruimte-3), env(safe-area-inset-top));gap:var(--ruimte-2)}.kopbalk__titel{font-size:1.125rem}.kopbalk__ondertitel{display:none}.kopbalk__gebruiker{font-size:.75rem}.inhoud{padding:var(--ruimte-4);gap:var(--ruimte-4)}.tabbladen{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tabbladen::-webkit-scrollbar{display:none}.tabblad{padding:var(--ruimte-3) var(--ruimte-3);font-size:.875rem}.kaart__kop,.kaart__lijf{padding:var(--ruimte-4)}.kaart{margin-left:calc(var(--ruimte-4) * -1);margin-right:calc(var(--ruimte-4) * -1);border-left:none;border-right:none;border-radius:0}.tabel th,.tabel td{padding:var(--ruimte-3)}}