:root{--kleur-achtergrond:#f5f6f4;--kleur-vlak:#fff;--kleur-tekst:#1c2321;--kleur-zacht:#5b6663;--kleur-rand:#d9dedb;--kleur-accent:#1f5f5b;--kleur-accent-donker:#164744;--kleur-accent-licht:#e3efed;--kleur-fout:#a3261c;--kleur-fout-licht:#fbeae8;--kleur-ok:#276738;--kleur-ok-licht:#e6f3e8;--kleur-let-op:#7a5a00;--kleur-let-op-licht:#fdf5dc;--radius:8px;--schaduw:0 1px 2px #0000000f, 0 2px 8px #0000000a}*{box-sizing:border-box}body{color:var(--kleur-tekst);background:var(--kleur-achtergrond);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:var(--kleur-accent)}a:hover{color:var(--kleur-accent-donker)}:focus-visible{outline-offset:2px;outline:3px solid #5aa6a0}h1{margin:0 0 .75rem;font-size:1.5rem}h2{margin:1.5rem 0 .75rem;font-size:1.15rem}p{margin:0 0 .75rem}.inlog-achtergrond{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.inlog-kaart{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);width:100%;max-width:420px;box-shadow:var(--schaduw);border-radius:12px;padding:32px 28px}.inlog-kaart.breed{max-width:560px}.merk{color:var(--kleur-accent);align-items:center;gap:10px;margin-bottom:24px;font-weight:600;display:flex}.merk-teken{background:var(--kleur-accent);color:#fff;border-radius:8px;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid}.veld{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.veld label{font-size:.9rem;font-weight:600}.veld .hulp{color:var(--kleur-zacht);font-size:.85rem}input[type=text],input[type=email],input[type=password],input[type=date],input[type=datetime-local],input[type=time],input[type=number],input[type=tel],input:not([type]),select,textarea{font:inherit;background:#fff;border:1px solid #b8c0bc;border-radius:6px;width:100%;padding:9px 11px}input.code{letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;font-size:1.4rem}.knop{font:inherit;border:1px solid var(--kleur-accent);background:var(--kleur-accent);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-flex}.knop:hover{background:var(--kleur-accent-donker);color:#fff}.knop:disabled{opacity:.6;cursor:not-allowed}.knop.vol{width:100%}.knop.secundair{color:var(--kleur-accent);background:#fff}.knop.secundair:hover{background:var(--kleur-accent-licht);color:var(--kleur-accent-donker)}.knop.gevaar{color:var(--kleur-fout);border-color:var(--kleur-fout);background:#fff}.knop.gevaar:hover{background:var(--kleur-fout-licht)}.knop.klein{padding:4px 10px;font-size:.85rem}.linkknop{font:inherit;color:var(--kleur-accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.melding{border-radius:6px;margin-bottom:16px;padding:10px 12px;font-size:.92rem}.melding.fout{background:var(--kleur-fout-licht);color:var(--kleur-fout);border:1px solid #efc4bf}.melding.ok{background:var(--kleur-ok-licht);color:var(--kleur-ok);border:1px solid #bfdcc5}.melding.info{background:var(--kleur-accent-licht);color:var(--kleur-accent-donker);border:1px solid #c3dcd8}.melding.let-op{background:var(--kleur-let-op-licht);color:var(--kleur-let-op);border:1px solid #ecdca6}.onder-links{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;font-size:.9rem;display:flex}.zacht{color:var(--kleur-zacht)}.stappen{margin:0 0 16px;padding-left:1.2rem}.stappen li{margin-bottom:6px}.qr{border:1px solid var(--kleur-rand);border-radius:8px;margin:8px auto 12px;display:block}.geheim{background:var(--kleur-achtergrond);word-break:break-all;border-radius:4px;padding:6px 8px;font-family:ui-monospace,Consolas,monospace;font-size:.9rem}.herstelcodes{background:var(--kleur-achtergrond);border:1px dashed #b8c0bc;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:6px 16px;margin:12px 0 16px;padding:14px 18px;font-family:ui-monospace,Consolas,monospace;font-size:1rem;list-style:none;display:grid}.knoppenrij{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.vinkje{align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.vinkje input{margin-top:4px}.beheer{align-items:flex-start;min-height:100vh;display:flex}.zijbalk{background:var(--kleur-vlak);border-right:1px solid var(--kleur-rand);flex-direction:column;flex:0 0 230px;gap:20px;width:230px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.zijbalk .merk{margin:0;padding:0 6px}.menu-houder{flex-direction:column;flex:1;gap:20px;display:flex}.menu{flex-direction:column;gap:2px;display:flex}.menu a{color:var(--kleur-tekst);border-radius:6px;padding:7px 10px;text-decoration:none}.menu a:hover{background:var(--kleur-accent-licht)}.menu a[aria-current=page]{background:var(--kleur-accent-licht);color:var(--kleur-accent-donker);font-weight:600}.menu-knop{display:none}.menu-groep{flex-direction:column;gap:2px;margin-top:4px;display:flex}.menu-groep-kop{width:100%;font:inherit;color:var(--kleur-tekst);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;font-weight:600;display:flex}.menu-groep-kop:hover:not(:disabled){background:var(--kleur-accent-licht)}.menu-groep-kop:disabled{cursor:default;opacity:1}.menu-groep-kop.actief{color:var(--kleur-accent-donker)}.menu-groep-kop span{width:.8em;color:var(--kleur-zacht)}.menu-groep-inhoud{flex-direction:column;gap:2px;padding-left:18px;display:flex}.gebruiker-info{border-top:1px solid var(--kleur-rand);flex-direction:column;align-items:flex-start;gap:10px;margin-top:auto;padding:14px 6px 0;font-size:.9rem;display:flex}.inhoud{flex:1;min-width:0;max-width:1200px;margin:0 auto;padding:24px}@media (max-width:900px){.beheer{display:block}.zijbalk{border-right:none;border-bottom:1px solid var(--kleur-rand);flex-flow:wrap;justify-content:space-between;align-items:center;gap:10px;width:auto;height:auto;padding:10px 16px;position:static}.menu-houder{flex-basis:100%;display:none}.menu-houder.open{display:flex}.menu-knop{display:inline-block}.gebruiker-info{margin-top:0}}.kaart{background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--radius);box-shadow:var(--schaduw);margin-bottom:20px;padding:20px}.kaart h2:first-child{margin-top:0}.tabel-houder{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--kleur-rand);vertical-align:top;padding:10px 8px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--kleur-zacht);font-size:.8rem}tr.inactief td{color:var(--kleur-zacht)}.label{white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.8rem;font-weight:600;display:inline-block}.label.ok{background:var(--kleur-ok-licht);color:var(--kleur-ok)}.label.let-op{background:var(--kleur-let-op-licht);color:var(--kleur-let-op)}.label.fout{background:var(--kleur-fout-licht);color:var(--kleur-fout)}.label.neutraal{color:var(--kleur-zacht);background:#eceeed}.label.info{background:var(--kleur-accent-licht);color:var(--kleur-accent-donker)}.labels{flex-wrap:wrap;gap:4px;display:flex}.acties{flex-wrap:wrap;gap:6px;display:flex}.rij-paneel{background:var(--kleur-achtergrond)}.raster-adres{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px;display:grid}.raster-adres>:nth-child(5),.raster-adres>:nth-child(6){grid-column:span 2}@media (max-width:700px){.raster-adres{grid-template-columns:1fr 1fr}.raster-adres>:nth-child(5),.raster-adres>:nth-child(6){grid-column:span 2}}.raster-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.raster-2>*{min-width:0}.rolregel{align-items:center;gap:8px;margin-bottom:8px;display:flex}.rolregel select{flex:1}.pandlijst{border:1px solid var(--kleur-rand);background:#fff;border-radius:6px;max-height:240px;padding:8px 10px;overflow-y:auto}.pandlijst label{align-items:center;gap:8px;padding:3px 0;font-weight:400;display:flex}.pandlijst .groep{color:var(--kleur-zacht);text-transform:uppercase;margin:6px 0 2px;font-size:.8rem;font-weight:700}.filterbalk{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.filterbalk .veld{min-width:180px;margin-bottom:0}.kaart-vlak{z-index:0;border-radius:6px;width:100%;overflow:hidden}.suggesties{border:1px solid var(--kleur-rand);box-shadow:var(--schaduw);background:#fff;border-radius:6px;max-height:280px;margin:4px 0 0;padding:4px 0;list-style:none;overflow-y:auto}.suggesties button{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;padding:8px 12px}.suggesties button:hover,.suggesties button:focus-visible{background:var(--kleur-accent-licht)}.bag-blok{background:var(--kleur-accent-licht);border:1px solid #c3dcd8;border-radius:8px;margin-bottom:16px;padding:12px 14px}.lijst-invoer{gap:8px;margin-bottom:6px;display:flex}.lijst-invoer input{flex:1}.elabel{color:#fff;text-align:center;border-radius:4px;min-width:2.2em;padding:1px 7px;font-size:.82rem;font-weight:700;display:inline-block}.elabel-A{background:#009036}.elabel-B{background:#55ab26}.elabel-C{color:#1c2321;background:#c8d100}.elabel-D{color:#1c2321;background:#ffed00}.elabel-E{color:#1c2321;background:#fbb900}.elabel-F{background:#ec6608}.elabel-G{background:#e30613}.statusfilter{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.statusfilter a{border:1px solid var(--kleur-rand);color:var(--kleur-tekst);background:#fff;border-radius:999px;padding:5px 12px;font-size:.9rem;text-decoration:none}.statusfilter a[aria-current=true]{background:var(--kleur-accent);border-color:var(--kleur-accent);color:#fff}.statusfilter button{border:1px solid var(--kleur-rand);color:var(--kleur-tekst);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:5px 12px;font-size:.9rem}.statusfilter button[aria-pressed=true]{background:var(--kleur-accent);border-color:var(--kleur-accent);color:#fff}.grafieken{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:8px 0 16px;display:grid}.grafieken>*{min-width:0}.grafiek{margin:0}.grafiek figcaption{margin-bottom:4px;font-size:.9rem;font-weight:600}.grafiek svg{width:100%;max-height:180px;display:block}.grafiek-legenda{color:var(--kleur-zacht);flex-wrap:wrap;gap:12px;font-size:.8rem;display:flex}.grafiek-legenda i{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.per-categorie{margin-top:12px}.formulier-raster{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 16px;display:grid}.formulier-raster>*{min-width:0}.per-categorie summary{cursor:pointer;font-weight:600}.vinkjeslijst label{align-items:center;gap:8px;padding:3px 0;font-weight:400;display:flex}.chips{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.chips li{background:var(--kleur-accent-licht);border-radius:999px;align-items:center;gap:4px;padding:3px 4px 3px 10px;font-size:.9rem;display:inline-flex}.chips button{cursor:pointer;font:inherit;color:var(--kleur-zacht);background:0 0;border:none;padding:0 6px}.vinkjes{border:none;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 16px;margin:0 0 12px;padding:0;display:grid}.vinkjes legend{margin-bottom:8px;padding:0}.vinkjes label{align-items:baseline;gap:6px;font-weight:400;display:flex}.factuur-scherm{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:16px;display:grid}.factuur-document{position:sticky;top:12px}.factuur-pdf{border:1px solid var(--kleur-rand);background:#fff;border-radius:6px;width:100%;height:75vh}@media (max-width:1000px){.factuur-scherm{grid-template-columns:1fr}.factuur-document{position:static}.factuur-pdf{height:60vh}}.factuurregel{border:1px solid var(--kleur-rand);border-radius:8px;margin:0 0 12px;padding:8px 12px 12px}.factuurregel legend{padding:0 4px;font-weight:600}.raster-regel{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 12px;display:grid}.raster-regel .veld{margin-bottom:8px}.controle{background:var(--kleur-let-op-licht);border-radius:6px;gap:4px;margin-top:12px;padding:10px 12px;display:grid}.controle.klopt{background:var(--kleur-ok-licht)}.notities{margin:0;padding:0;list-style:none}.notities li{border-top:1px solid var(--kleur-rand);padding:10px 0}.organisatie-naam{color:var(--kleur-zacht);font-size:.75rem;line-height:1.1;display:block}.meekijkbalk{background:var(--kleur-let-op-licht);color:var(--kleur-let-op);border-bottom:1px solid #ecdca6;font-size:.9rem}.meekijkbalk-binnen{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:8px 24px;display:flex}.organisatie-kiezer{color:var(--kleur-zacht);border:1px solid var(--kleur-rand);background:var(--kleur-vlak);border-radius:4px;max-width:220px;margin-top:2px;padding:1px 4px;font-size:.75rem;display:block}.alleen-voorlezen{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bedrag{white-space:nowrap;font-variant-numeric:tabular-nums}.stijging{color:var(--kleur-ok);font-variant-numeric:tabular-nums}.daling{color:var(--kleur-fout);font-variant-numeric:tabular-nums}.gegevens{gap:8px;margin:0;display:grid}.gegevens>div{grid-template-columns:160px minmax(0,1fr);gap:12px;display:grid}.gegevens dt{color:var(--kleur-zacht);font-size:.9rem}.gegevens dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.gegevens dd .bedrag{white-space:normal}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--kleur-fout)}textarea{font:inherit;resize:vertical}@media (max-width:600px){.gegevens>div{grid-template-columns:1fr;gap:0}table.stapelbaar thead{display:none}table.stapelbaar tr{border-bottom:1px solid var(--kleur-rand);padding:10px 0;display:block}table.stapelbaar td{border:none;padding:2px 0;display:block}table.stapelbaar td:first-child{color:var(--kleur-zacht);font-size:.85rem}.inlog-kaart{padding:24px 18px}.inhoud{padding:16px}}.vinkjeslijst-los{align-items:center;gap:8px;margin:6px 0;font-weight:400;display:flex}.kaart.binnen{box-shadow:none;border-style:dashed;margin:0 0 16px}.kaart.binnen h3{margin-top:0}.link-knop{font:inherit;color:var(--kleur-accent-donker);cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.link-knop:hover{text-decoration:underline}