:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f0f0f2;--side:#f7f7f8;--surface:#fff;--subtle:#f7f7f8;--hover:#e9e9ec;--track:#e4e4e8;--line:#e2e2e6;--line2:#cfcfd4;--off:#bfbfbf;--ink:#20303c;--ink2:#33434f;--ink3:#4e5b66;--muted:#66717b;--faint:#858d95;--primary:#364959;--primary-hover:#2a3a48;--on-primary:#fff;--accent:#ef3824;--accent-soft:#e6e9ec;--accent-ink:#20303c;--link:#364959;--focus:#364959;--ring:#36495929;--bar:#a9b4be;--disabled:#bfbfbf;--ok-ink:oklch(42% .09 155);--ok-bg:oklch(95% .03 155);--warn-ink:oklch(42% .08 65);--warn-bg:oklch(96% .03 80);--bad-ink:oklch(50% .17 32);--bad-bg:#fdecea;--kaart-leeg:#e4e4e8;--kaart-rand:#bfbfbf;--kaart-heet:#364959;--serif:"Literata", Georgia, serif;--sans:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", monospace;--canvas:var(--page);--card:var(--surface);--rand:var(--line);--rand-sterk:var(--line2);--tekst-2:var(--ink3);--tekst-3:var(--muted);--tekst-4:var(--faint);--primair:var(--primary);--primair-donker:var(--primary-hover);--primair-tekst:var(--on-primary);--primair-was:var(--accent-soft);--accent-app:var(--accent);--accent-was:var(--bad-bg);--gevaar:var(--bad-ink);--gevaar-was:var(--bad-bg);--notitie-bg:var(--track);--notitie-rand:var(--line2);--notitie-tekst:var(--ink3)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#1c232a;--side:#1f272f;--surface:#252e37;--subtle:#2a343e;--hover:#303b46;--track:#303b46;--line:#333e49;--line2:#44505c;--off:#55616d;--ink:#e4e5e2;--ink2:#cfd1cd;--ink3:#b2b6b3;--muted:#9ba1a3;--faint:#80878c;--primary:#dadbd8;--primary-hover:#c6c8c4;--on-primary:#1c232a;--accent:#ef3824;--accent-soft:#34404b;--accent-ink:#e4e5e2;--link:#dadbd8;--focus:#dadbd8;--ring:#dadbd82e;--bar:#5a6875;--disabled:#55616d;--ok-ink:oklch(80% .11 155);--ok-bg:oklch(30% .05 155);--warn-ink:oklch(84% .1 75);--warn-bg:oklch(32% .05 70);--bad-ink:oklch(76% .13 30);--bad-bg:oklch(30% .07 30);--kaart-leeg:#2d3741;--kaart-rand:#43505c;--kaart-heet:#dadbd8}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#1c232a;--side:#1f272f;--surface:#252e37;--subtle:#2a343e;--hover:#303b46;--track:#303b46;--line:#333e49;--line2:#44505c;--off:#55616d;--ink:#e4e5e2;--ink2:#cfd1cd;--ink3:#b2b6b3;--muted:#9ba1a3;--faint:#80878c;--primary:#dadbd8;--primary-hover:#c6c8c4;--on-primary:#1c232a;--accent:#ef3824;--accent-soft:#34404b;--accent-ink:#e4e5e2;--link:#dadbd8;--focus:#dadbd8;--ring:#dadbd82e;--bar:#5a6875;--disabled:#55616d;--ok-ink:oklch(80% .11 155);--ok-bg:oklch(30% .05 155);--warn-ink:oklch(84% .1 75);--warn-bg:oklch(32% .05 70);--bad-ink:oklch(76% .13 30);--bad-bg:oklch(30% .07 30);--kaart-leeg:#2d3741;--kaart-rand:#43505c;--kaart-heet:#dadbd8}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);font:400 14px/1.45 var(--sans);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--serif);margin:0;font-weight:600}h1{letter-spacing:-.01em;font-size:25px;line-height:34px}h2{font-size:19px}a{color:var(--primair);text-decoration:none}.app-shell{background:var(--page);min-height:100vh;color:var(--ink);display:flex}.hoofd{flex-direction:column;flex:1;min-width:0;display:flex}.zijbalk{z-index:40;background:var(--side);border-right:1px solid var(--line);flex-direction:column;flex:none;width:248px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.zijbalk .merk{align-items:center;gap:10px;padding:20px 20px 18px;display:flex}.zijbalk .merk img{flex:none;width:32px;height:32px;margin:-2px}.zijbalk .merk-tekst{flex-direction:column;min-width:0;line-height:1.15;display:flex}.zijbalk .merk-naam{font:600 17px var(--serif);letter-spacing:-.01em}.zijbalk .merk-gebied{color:var(--muted);font-size:12px}.zijbalk .navlijst{flex-direction:column;gap:14px;padding:8px 12px;display:flex}.nav-sectie{flex-direction:column;gap:2px;display:flex}.nav-kop{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);padding:4px 10px;font-size:11px;font-weight:600}.nav-item{height:36px;color:var(--ink2);border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--line);color:var(--ink2);text-decoration:none}.nav-item.actief{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 3px 0 0 var(--accent);font-weight:600}.nav-item.sub{padding-left:22px;font-size:13px}.nav-item.uit{opacity:.55;cursor:default}.nav-item.uit:hover{background:0 0}.nav-rechts{flex:none;align-items:center;gap:4px;display:flex}.nav-teller{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.nav-teller.alarm{color:var(--accent);font-weight:700}.nav-binnenkort{color:var(--faint);font-size:11px;font-weight:500}.nav-ruimte{flex:none;width:22px;margin-right:-4px}.nav-toggle{width:22px;height:22px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;margin-right:-4px;padding:0;font-size:10px;display:flex}.nav-toggle:hover{background:var(--line2);color:var(--ink2)}.nav-toggle span{transition:transform .15s;display:inline-block}.nav-toggle[aria-expanded=true] span{transform:rotate(90deg)}.zijbalk .onderaan{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:12px;margin-top:auto;padding:16px;font-size:12px;display:flex}.gebruiker{align-items:center;gap:10px;display:flex}.avatar{background:var(--line);width:32px;height:32px;color:var(--ink2);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.gebruiker-tekst{flex-direction:column;min-width:0;line-height:1.25;display:flex}.gebruiker-naam{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.gebruiker-rol{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.kopbalk{z-index:20;background:var(--surface);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;height:56px;padding:0 32px;display:flex;position:sticky;top:0}.kopbalk-pad{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.kopbalk-vul{flex:1}.kopbalk-vast{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.menuknop{border:1px solid var(--line2);background:var(--surface);cursor:pointer;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;display:none}.menuknop span{background:var(--ink2);width:14px;height:1.5px}.gemkiezer{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex;position:relative}.gemkiezer-knop{border:1px solid var(--line2);background:var(--surface);max-width:220px;height:34px;color:var(--ink);cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:8px;padding:0 10px 0 12px;font-size:14px;font-weight:500;display:flex}.gemkiezer-knop:hover{border-color:var(--faint)}.gemkiezer-knop span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gemkiezer-pijl{color:var(--faint);font-size:10px}.gemkiezer-dicht{z-index:40;position:fixed;inset:0}.gemkiezer-pop{z-index:41;background:var(--surface);border:1px solid var(--line);border-radius:10px;width:min(320px,100vw - 24px);position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 32px #141e2d29}.gemkiezer-zoek{border-bottom:1px solid var(--line);padding:8px}.gemkiezer-zoek input{border:1px solid var(--line2);background:var(--surface);width:100%;height:36px;color:var(--ink);border-radius:7px;outline:none;padding:0 10px;font-size:14px}.gemkiezer-zoek input:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--ring)}.gemkiezer-lijst{max-height:320px;padding:4px;overflow-y:auto}.gemkiezer-optie{text-align:left;width:100%;min-height:38px;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-size:14px;display:flex}.gemkiezer-optie:hover,.gemkiezer-optie.huidig{background:var(--hover)}.gemkiezer-vink{width:14px;color:var(--primary);flex:none;font-size:12px}.gemkiezer-naam{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.gemkiezer-naam span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gemkiezer-naam .prov{color:var(--muted);font-size:12px}.gemkiezer-sub{color:var(--faint);flex:none;font-size:12px}.gemkiezer-voet{color:var(--muted);padding:8px 10px;font-size:12px}.inhoud{width:100%;min-width:0;max-width:1200px;margin:0 auto;padding:28px 32px 60px}.paginakop{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.paginakop>:first-child{flex:auto;min-width:min(100%,280px)}.paginakop>.knop{white-space:nowrap;flex:none}.paginakop .sub{color:var(--ink3);text-wrap:pretty;margin-top:4px}.kaart{background:var(--card);border:1px solid var(--rand);border-radius:10px;padding:20px}.knop{background:var(--primair);height:36px;color:var(--primair-tekst);font:500 14px var(--sans);white-space:nowrap;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.knop:hover{background:var(--primair-donker);color:var(--primair-tekst);text-decoration:none}.knop.stil{background:var(--surface);color:var(--ink);border:1px solid var(--line2)}.knop.stil:hover{background:var(--hover);color:var(--ink)}.knop.gevaar{color:var(--gevaar);border:1px solid var(--rand-sterk);background:0 0}.knop.gevaar:hover{background:var(--gevaar-was);color:var(--gevaar)}.knop.rood{background:var(--bad-ink);color:var(--on-primary);font-weight:600}.knop.rood:hover{background:var(--bad-ink);filter:brightness(.92);color:var(--on-primary)}.knop.tekst{color:var(--ink3);background:0 0}.knop.tekst:hover{background:var(--hover);color:var(--ink)}.knop:disabled{background:var(--disabled);color:var(--on-primary);cursor:not-allowed;opacity:1}.knop.stil:disabled,.knop.tekst:disabled{background:var(--surface);color:var(--faint);border-color:var(--line);opacity:.7}.veld{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.veld>label{font:500 13px var(--sans);color:var(--ink)}.veld input,.veld textarea,.veld select{font:400 14px var(--sans);color:var(--ink);background:var(--surface);border:1px solid var(--line2);border-radius:8px;outline:none;padding:9px 12px}.veld input:not([type=radio]):not([type=checkbox]),.veld select{min-height:38px}.veld input:focus,.veld textarea:focus,.veld select:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--ring)}.veld input[type=radio]{accent-color:var(--primary);width:16px;height:16px;margin:0;padding:0}.veld .hint{color:var(--muted);text-wrap:pretty;font-size:12px}.veld .hint.fout{color:var(--bad-ink)}table.lijst{border-collapse:collapse;width:100%}table.lijst th{text-align:left;font:600 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tekst-4);border-bottom:1px solid var(--rand);padding:8px 12px}table.lijst td{border-bottom:1px solid var(--rand);vertical-align:middle;padding:12px}table.lijst tr:last-child td{border-bottom:none}table.lijst tr.klikbaar{cursor:pointer}table.lijst tr.klikbaar:hover td{background:var(--canvas)}.pil{font:600 10.5px var(--sans);letter-spacing:.06em;text-transform:uppercase;border-radius:20px;padding:3px 9px;display:inline-block}.pil.open{color:var(--primair);background:var(--primair-was)}.pil.gesloten{color:var(--tekst-3);border:1px solid var(--rand-sterk)}.pil.nieuw{color:var(--accent-app);background:var(--accent-was)}.pil.gepland{color:var(--primair);border:1px solid var(--primair)}.pil.concept{color:var(--tekst-3);border:1px dashed var(--rand-sterk)}.pil.inactief{color:var(--tekst-4);border:1px dashed var(--rand-sterk)}.notitie{background:var(--notitie-bg);border:1px solid var(--notitie-rand);color:var(--notitie-tekst);border-radius:11px;gap:9px;padding:11px 13px;font-size:12.5px;display:flex}.statgrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px;display:grid}.stat{background:var(--card);border:1px solid var(--rand);border-radius:14px;padding:16px 18px}.stat .label{font:600 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tekst-4)}.stat .waarde{font:700 30px var(--serif);margin-top:6px}.schakel{appearance:none;background:var(--rand-sterk);cursor:pointer;border:none;border-radius:20px;width:40px;height:22px;transition:background .15s;position:relative}.schakel:checked{background:var(--primair)}.schakel:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:3px;left:3px}.schakel:checked:after{left:21px}.rij{align-items:center;gap:12px;display:flex}.uiteen{justify-content:space-between;align-items:center;gap:12px;display:flex}.klein{color:var(--tekst-3);font-size:12px}.mono{font-family:var(--mono);font-size:12px}.login-scherm{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-kaart{background:var(--card);border:1px solid var(--rand);text-align:center;border-radius:16px;width:400px;padding:38px}.themakeuze{gap:4px;display:flex}.themakeuze button{height:34px;font:500 12px var(--sans);color:var(--tekst-2);border:1px solid var(--rand-sterk);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:0 6px}.themakeuze button[aria-pressed=true]{background:var(--primair-was);color:var(--primair);border-color:var(--primair)}table.lijst .knop{white-space:nowrap}.rijmenu{z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-direction:column;min-width:160px;padding:4px;display:flex;position:fixed;box-shadow:0 8px 24px #141e2d24}.rijmenu button{text-align:left;height:36px;color:var(--ink);font:400 13px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;padding:0 12px;display:flex}.rijmenu button:hover:not(:disabled){background:var(--hover)}.rijmenu button.gevaar{color:var(--bad-ink)}.rijmenu button.gevaar:hover:not(:disabled){background:var(--bad-bg)}.rijmenu button:disabled{color:var(--faint);cursor:default}.rijmenu hr{background:var(--line);border:0;height:1px;margin:4px 2px}.paneel{background:var(--surface);border:1px solid var(--line);border-radius:10px}.paneel-kop{border-bottom:1px solid var(--line);background:var(--subtle);border-radius:10px 10px 0 0;flex-direction:column;gap:2px;padding:14px 20px;display:flex}.paneel-kop .titel{font-weight:600}.paneel-kop .sub{color:var(--muted);font-size:13px}.lijst-kop{background:var(--subtle);border-bottom:1px solid var(--line);color:var(--muted);border-radius:10px 10px 0 0;align-items:center;gap:16px;padding:10px 12px 10px 20px;font-size:12px;font-weight:500;display:grid}.lijst-rij{border-bottom:1px solid var(--line)}.lijst-rij:last-child{border-bottom:0}.lijst-rij.open,.lijst-rij:hover{background:var(--subtle)}.alleen-desktop-raster{align-items:center;gap:16px;padding:12px 12px 12px 20px;display:grid}@media (width<=699px){.alleen-desktop-raster,.rij-knop.alleen-desktop-knop{display:none}}@media (width>=700px){.rij-knop.alleen-mobiel{display:none}}@media (width<=699px){.rij-knop.alleen-mobiel{display:grid}}.lijst-leeg{text-align:center;color:var(--muted);padding:40px 20px}.rij-knop{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:16px;padding:11px 20px;display:grid}.chevron{color:var(--faint);text-align:center;font-size:12px;transition:transform .15s}.open>.rij-knop .chevron{transform:rotate(180deg)}.afkap{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.detail{flex-direction:column;gap:16px;padding:2px 20px 18px;display:flex}.detail-raster{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 24px;max-width:860px;display:grid}.detail-raster .lab{color:var(--muted);font-size:12px;display:block}.detail-raster .waarde{color:var(--ink);overflow-wrap:anywhere;font-size:13px}.detail-tekst{background:var(--surface);border:1px solid var(--line);text-wrap:pretty;border-radius:8px;max-width:68ch;margin:0;padding:12px 14px;line-height:1.55}.detail-acties{flex-wrap:wrap;gap:8px;display:flex}.knop.klein{height:34px;padding:0 14px;font-size:13px}.tabs{border-bottom:1px solid var(--line);gap:20px;margin-bottom:16px;display:flex;overflow:auto hidden}.tabs button{height:38px;color:var(--ink3);font:500 14px var(--sans);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:0 2px;display:flex}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--primary)}.tabs .aantal{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px}.filterbalk{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.zoekveld{border:1px solid var(--line2);background:var(--surface);max-width:360px;height:36px;color:var(--ink);border-radius:8px;outline:none;flex:240px;padding:0 12px}.zoekveld:focus,.invoer:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--ring)}.segment{background:var(--track);border-radius:8px;flex:none;gap:2px;padding:3px;display:flex}.segment button{white-space:nowrap;height:30px;color:var(--ink3);font:500 13px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px}.segment button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #141c2614}.status{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:12px;font-weight:500;display:inline-flex}.status:before{content:"";opacity:.8;background:currentColor;border-radius:50%;width:6px;height:6px}.status.grijs{background:var(--track);color:var(--ink3)}.status.amber{background:var(--warn-bg);color:var(--warn-ink)}.status.groen{background:var(--ok-bg);color:var(--ok-ink)}.status.blauw{background:var(--accent-soft);color:var(--ink2)}.melding{background:var(--warn-bg);color:var(--warn-ink);text-wrap:pretty;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px}.terug{color:var(--link);margin-bottom:12px;font-size:13px;font-weight:500;display:inline-block}.modal-scherm{z-index:60;background:#141c265c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:12px;width:100%;max-width:440px;box-shadow:0 20px 50px #141c2633}.modal-body{flex-direction:column;gap:8px;padding:20px;display:flex}.modal-titel{font-size:16px;font-weight:600}.modal-body p{color:var(--ink3);text-wrap:pretty;margin:0}.modal-voet{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.kpis{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;flex:200px;gap:4px;padding:16px 20px;display:flex}.kpi .lab{color:var(--muted);font-size:13px}.kpi .groot{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.kpi .toelichting{color:var(--muted);font-size:13px}.sw{background:var(--off);cursor:pointer;border:0;border-radius:10px;flex:none;width:36px;height:20px;padding:0;transition:background .15s;position:relative}.sw span{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.sw.aan{background:var(--primary)}.sw.aan span{left:18px}.sw:disabled{cursor:not-allowed}.badge-binnenkort{white-space:nowrap;background:var(--line);color:var(--ink3);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.uitleg{border:1px solid var(--faint);width:16px;height:16px;color:var(--ink3);cursor:help;border-radius:50%;flex:none;justify-content:center;align-items:center;font:italic 700 10px Georgia,serif;display:inline-flex;position:relative}.uitleg-tip{z-index:20;color:#e9e9ec;width:min(340px,80vw);font:400 13px/1.45 var(--sans);text-align:left;cursor:default;background:#1f2933;border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px;font-style:normal;display:flex;position:absolute;top:calc(100% + 8px);left:-12px;box-shadow:0 8px 24px #141e2d33}.chipveld{border:1px solid var(--line2);background:var(--surface);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:5px 8px;display:flex}.chipveld.focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--ring)}.chipveld input{min-width:120px;height:28px;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:140px;padding:0;font-size:14px}.chipveld input:focus{box-shadow:none}.chip{background:var(--accent-soft);height:26px;color:var(--accent-ink);border-radius:5px;align-items:center;gap:2px;padding:0 4px 0 9px;font-size:13px;font-weight:500;display:inline-flex}.chip button{width:20px;height:20px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;font-size:14px;line-height:1}.keuzelijst{z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 24px #141e2d1f}.keuzelijst>button{text-align:left;width:100%;min-height:40px;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-size:14px;display:flex}.keuzelijst>button:hover{background:var(--hover)}.vakje{border:1px solid var(--line2);width:16px;height:16px;color:var(--on-primary);text-align:center;border-radius:4px;flex:none;font-size:11px;line-height:14px}.vakje.aan{background:var(--primary);border-color:var(--primary)}.stap{border:1px solid var(--line2);background:var(--surface);border-radius:7px;flex:none;align-items:center;display:flex;overflow:hidden}.stap button{width:30px;height:30px;color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:15px}.stap button:hover:not(:disabled){background:var(--hover)}.stap button:disabled{color:var(--off);cursor:default}.stap span{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;font-size:13px;font-weight:600}.stip{background:var(--off);border-radius:50%;flex:none;width:8px;height:8px}.stip.groen{background:var(--ok-ink)}.stip.amber{background:var(--warn-ink)}.land{border:1px solid var(--line2);letter-spacing:.03em;color:var(--ink2);border-radius:4px;padding:0 5px;font-size:11px;font-weight:600}.type{white-space:nowrap;border-radius:5px;padding:1px 8px;font-size:12px;font-weight:500;display:inline-block}.type.rood{background:var(--bad-bg);color:var(--bad-ink)}.type.grijs{background:var(--track);color:var(--ink3)}.type.blauw{background:var(--accent-soft);color:var(--ink2)}.wijziging{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.wijziging .oud{background:var(--bad-bg);color:var(--bad-ink);border-radius:5px;padding:2px 8px;text-decoration:line-through}.wijziging .nieuw{background:var(--ok-bg);color:var(--ok-ink);border-radius:5px;padding:2px 8px}.inst-paneel{max-width:760px;margin-bottom:16px}.inst-rij{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;padding:16px 20px;display:flex}.inst-rij:last-child{border-bottom:0}.inst-rij .tekst{flex-direction:column;flex:260px;min-width:0;display:flex}.inst-rij .rechts{align-items:center;gap:8px;margin-left:auto;display:flex}.inst-rij.uit{opacity:.55}.inst-rij .sub{color:var(--muted);font-size:13px}.getalveld{border:1px solid var(--line2);background:var(--surface);width:120px;height:36px;color:var(--ink);font:inherit;border-radius:8px;outline:none;padding:0 12px}.getalveld:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--ring)}.getalveld:disabled{background:var(--hover);color:var(--faint);cursor:not-allowed}.select{border:1px solid var(--line2);background:var(--surface);height:36px;color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;padding:0 10px}@media (width<=699px){.detail-raster>div{grid-template-columns:140px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.detail-raster .lab{display:inline}.lijst-rij .rij-knop{min-height:56px}.modal-voet .knop{flex:auto}}.lade-scherm,.alleen-mobiel,.zijbalk .lade-sluit{display:none}.icoonknop{cursor:pointer;width:44px;height:44px;color:var(--tekst-2);background:0 0;border:0;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:5px;font-size:26px;line-height:1;display:inline-flex}.icoonknop:hover{background:var(--canvas)}.icoonknop span{background:var(--ink);border-radius:1px;width:20px;height:2px}.kaartenlijst{flex-direction:column;gap:12px;display:flex}.lijstkaart{flex-direction:column;gap:12px;padding:16px;display:flex}.lijstkaart-titel{font:600 17px/1.35 var(--serif);text-wrap:pretty;margin-bottom:4px}.lijstkaart-data{color:var(--tekst-2);grid-template-columns:1fr 1fr;gap:8px;font-size:13px;display:grid}.klein-kop{font:600 10.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-4);margin-bottom:2px;display:block}@media (width<=1023px){.kopbalk{padding:0 12px}.menuknop{display:inline-flex}.lade-open .lade-scherm{z-index:39;background:#141c2652;display:block;position:fixed;inset:0}.zijbalk{z-index:40;overscroll-behavior:contain;width:min(300px,86vw);height:auto;transition:transform .26s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.lade-open .zijbalk{transform:translate(0);box-shadow:8px 0 30px #141a222e}.zijbalk .lade-sluit{margin-left:auto;display:inline-flex}.nav-item{height:44px;font-size:15px}.nav-item.sub{font-size:14px}.gemkiezer>span{display:none}.inhoud{padding:24px 24px 60px}}@media (width<=699px){.inhoud{padding:20px 16px 60px}h1{font-size:24px;line-height:30px}.paginakop{flex-wrap:wrap;align-items:flex-start}.paginakop>.knop{flex:100%;justify-content:center}.knop{height:44px}.veld input,.veld textarea,.veld select{padding:11px 12px;font-size:16px}.alleen-mobiel{display:flex}.alleen-desktop{display:none}.login-kaart{width:min(400px,100vw - 32px);padding:28px 20px}.kaart{padding:16px}.rijmenu{min-width:min(220px,100vw - 32px)}.rijmenu button{min-height:44px}}.resultaten-raster{grid-template-columns:minmax(0,1fr) 420px}:is(.kaart:has(>table.lijst),.kaart:has(>div>table.lijst)){overflow-x:auto}table.lijst th,table.lijst td{white-space:normal}@media (width<=1023px){.resultaten-raster{grid-template-columns:minmax(0,1fr)}.statgrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (width<=699px){.rij{flex-wrap:wrap}.rij>.veld{flex:100%!important;width:auto!important}.veld input[style*=max-width]{max-width:none!important}.uiteen{flex-wrap:wrap}.uiteen>.rij{flex:100%!important}.uiteen>.rij>.knop{flex:auto;justify-content:center}.knop.stil[style*="height: 30"],.knop[style*="height: 30"],.knop[style*="height: 32"],.knop[style*="height: 34"]{height:44px!important}select,input:not([type=checkbox]):not([type=radio]),textarea{min-height:44px;font-size:16px}.statgrid{grid-template-columns:1fr 1fr}.stat .waarde{font-size:26px}table.lijst td,table.lijst th{padding:10px 8px}.themakeuze button{height:44px}.login-scherm{padding:16px}table.lijst.stapel,.stapel thead,.stapel tbody,.stapel tr,.stapel td{display:block;width:auto!important;max-width:none!important}.stapel thead{position:absolute;left:-9999px}.stapel tr{border-bottom:1px solid var(--rand);padding:12px 4px;position:relative}.stapel tbody tr:last-child{border-bottom:none}.stapel td{text-align:left!important;white-space:normal!important;border:none!important;padding:5px 0!important}.stapel td[data-label]{justify-content:space-between;align-items:center;gap:16px;display:flex;text-align:right!important}.stapel td[data-label]:before{content:attr(data-label);font:600 10.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-4);text-align:left;flex:none}.stapel td[data-label]>*{min-width:0}.stapel td.stapel-kop{font:600 16px var(--serif);padding-bottom:8px!important}.stapel td.stapel-notitie[data-label]{display:block;text-align:left!important}.stapel td.stapel-notitie[data-label]:before{margin-bottom:4px;display:block}.stapel td.stapel-acties{justify-content:flex-end;gap:8px;display:flex;padding-top:10px!important}.stapel td.stapel-acties .knop{flex:auto;justify-content:center;margin:0!important}.stapel td.stapel-chevron{position:absolute;top:12px;right:4px;width:auto!important;padding:0!important}.stapel tr.klikbaar{padding-right:28px}.stapel td[colspan],.stapel td.stapel-kop[data-label]{display:block;text-align:left!important}.stapel td.stapel-kop[data-label]:before{display:none}}.kaartpagina .raster{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.kaartpagina path{transition:fill .12s,filter .12s}.kaartpagina path.actief{stroke:var(--surface)}.kaartpagina path.actief:hover{filter:brightness(.9)}.kaartpagina path.nog{fill:var(--kaart-leeg);stroke:var(--kaart-rand)}.kaartpagina path.nog:hover{fill:var(--line2)}.kaartpagina .vlak{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.kaartpagina .verloop{border-radius:5px;width:140px;height:10px}.kaartpagina .gemlijst{margin:0;padding:0;list-style:none}.kaartpagina .gemlijst li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:5px 0;display:flex}.kaartpagina .gemlijst li:last-child{border-bottom:0}.kaartpagina .gemlijst .n{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}@media (width<=800px){.kaartpagina .raster{grid-template-columns:1fr}}.icoon{width:30px;height:30px;color:var(--ink3);font:500 15px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icoon:hover:not(:disabled){background:var(--hover);color:var(--ink)}.icoon.weg:hover:not(:disabled){background:var(--bad-bg);color:var(--bad-ink)}.icoon:disabled{color:var(--off);cursor:default}.hintfout{color:var(--bad-ink);text-wrap:pretty;font-size:13px}.hintlet{color:var(--warn-ink);text-wrap:pretty;font-size:13px}.tekstveld{border:1px solid var(--line2);background:var(--surface);min-width:0;max-width:360px;height:36px;color:var(--ink);font:inherit;border-radius:8px;outline:none;flex:220px;padding:0 12px}.tekstveld:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--ring)}.getalveld.smal{font-variant-numeric:tabular-nums;width:72px;padding:0 10px}.getalveld.fout,.hexveld.fout{border-color:var(--bad-ink)}.knop.tekst.rode-tekst{color:var(--bad-ink)}.knop.tekst.rode-tekst:hover{background:var(--bad-bg);color:var(--bad-ink)}.kleurlijst{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.kleurrij{align-items:center;gap:10px;min-width:0;display:flex}.kleurrij-nr{text-align:right;width:22px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:600}.kleurkiezer{cursor:pointer;border:1px solid var(--line2);background:var(--surface);border-radius:8px;flex:none;width:36px;height:36px;padding:2px}.kleurkiezer::-webkit-color-swatch-wrapper{padding:0}.kleurkiezer::-webkit-color-swatch{border:0;border-radius:5px}.kleurkiezer::-moz-color-swatch{border:0;border-radius:5px}.hexveld{border:1px solid var(--line2);background:var(--surface);width:96px;height:36px;color:var(--ink);font:400 13px var(--mono);text-transform:uppercase;border-radius:8px;outline:none;flex:none;padding:0 10px}.hexveld:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--ring)}.kleurrij-uitleg{min-width:0;color:var(--faint);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.kleurrij-acties{flex:none;gap:2px;display:flex}.kleurvoorbeelden{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.kleurvoorbeeld{border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:14px 14px 16px;display:flex}.kleurvoorbeeld-kop{align-self:flex-start;font-size:12px;font-weight:600}.kleurvoorbeeld.licht .kleurvoorbeeld-kop{color:#4e5b66}.kleurvoorbeeld.donker .kleurvoorbeeld-kop{color:#b2b6b3}.stalen{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.staal{font-variant-numeric:tabular-nums;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:600;display:inline-flex}.staal.ongeldig{color:#c0392b;background:0 0;border:1.5px dashed #c0392b}.staal.rest{color:#1c232a}.kleurvoorbeeld.donker .staal.rest{color:#e4e5e2}.uitslag-raster{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:16px 28px;display:grid}.uitslag{flex-direction:column;gap:6px;display:flex}.uitslag-rij{grid-template-columns:12px minmax(0,1fr) 72px 72px 30px;align-items:center;gap:10px;min-height:36px;display:grid}.uitslag-rij.kop{min-height:0;color:var(--muted);font-size:12px;font-weight:500}.kleurstip{border:1px dashed var(--line2);background:0 0;border-radius:3px;flex:none;width:12px;height:12px}.kleurstip[style]{border:0}.uitslag-toevoegen{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.uitslag-toevoegen .select{flex:0 220px;min-width:0}.uitslag-voet{border-top:1px solid var(--line);color:var(--ink2);flex-direction:column;gap:4px;padding-top:10px;font-size:13px;display:flex}.uitslag-voorbeeld{border:1px solid var(--line);background:var(--subtle);border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.uitslag-voorbeeld .klein-kop{align-self:flex-start;margin:0}.legenda{flex-direction:column;gap:4px;width:100%;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.legenda li{align-items:center;gap:8px;min-width:0;display:flex}.legenda .n{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.uitslag-acties{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:14px;display:flex}.partij-raster{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.partij-rij{min-height:52px;padding:10px 12px 10px 20px}@media (width<=899px){.uitslag-raster{grid-template-columns:minmax(0,1fr)}}@media (width<=699px){.uitslag-rij{grid-template-columns:12px minmax(0,1fr) 60px 60px 30px;gap:6px}.getalveld.smal{width:60px}.uitslag-toevoegen .getalveld.smal{width:96px}.uitslag-toevoegen .select,.tekstveld{flex:100%;max-width:none}.partij-raster{grid-template-columns:minmax(0,1fr);gap:4px}.partij-rij .detail-acties{justify-content:flex-start!important}.kleurrij-uitleg{display:none}.icoon{width:36px;height:36px}.hexveld{min-height:36px;font-size:16px}}.kleurkeuze{flex-wrap:wrap;gap:4px;display:flex}.kleuroptie{width:76px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:5px 4px;display:flex}.kleuroptie:hover:not(:disabled){background:var(--hover)}.kleuroptie.gekozen{border-color:var(--focus);box-shadow:0 0 0 2px var(--ring);background:var(--surface)}.kleuroptie:disabled{cursor:not-allowed}.kleuroptie.bezet .staalvlak{opacity:.35}.staalvlak{border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:700;display:flex}.kleuroptie-tekst{max-width:100%;min-height:15px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:15px;overflow:hidden}.partij-kleurveld{flex-direction:column;flex-basis:100%;gap:6px;display:flex}.partij-kleurveld .klein-kop{margin:0}.partij-kleurveld .sub{color:var(--muted);font-size:13px}.partij-bewerk{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 20px 16px;display:flex}.partij-bewerk .tekstveld{flex:none;width:100%;max-width:360px}
