@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.vrd{display:flex;flex-direction:column;gap:var(--ruimte-4);min-height:0}.vrd-kop{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ruimte-4);flex-wrap:wrap}.vrd-titel h1{margin:0;font-size:26px;letter-spacing:-.01em}.vrd-titel p{margin:var(--ruimte-1) 0 0;font-size:12.5px;color:var(--tekst-flauw)}.vrd-schakel{display:flex;gap:var(--ruimte-1);padding:3px;background:var(--neutraal-zacht);border-radius:var(--r-m)}.vrd-tab{display:inline-flex;align-items:center;gap:var(--ruimte-2);padding:7px var(--ruimte-3);border:0;border-radius:var(--r-s);background:transparent;color:var(--tekst-zacht);font:inherit;font-size:14px;font-weight:560;cursor:pointer;transition:background var(--snel) var(--soepel),color var(--snel) var(--soepel)}.vrd-tab:hover{color:var(--tekst)}.vrd-tab.actief{background:var(--vlak);color:var(--tekst);box-shadow:var(--schaduw-s)}.vrd-tab:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.vrd-teller{min-width:18px;padding:0 5px;border-radius:9px;background:var(--amber);color:var(--vlak);font-size:12.5px;font-weight:640;line-height:18px;text-align:center}:root[data-thema=donker] .vrd-teller{color:var(--grond)}.vrd-signalen{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--ruimte-3)}.vrd-signaal{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"getal naam" "getal uitleg";align-items:center;gap:0 var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--rand);border-radius:var(--r-l);background:var(--vlak);text-align:left;font:inherit;color:inherit}button.vrd-signaal{cursor:pointer;transition:border-color var(--snel) var(--soepel),transform var(--snel) var(--soepel)}button.vrd-signaal:hover{border-color:var(--rand-sterk);transform:translateY(-1px)}button.vrd-signaal:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.vrd-signaal-getal{grid-area:getal;font-size:30px;font-weight:620;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--tekst-zacht)}.vrd-signaal.let-op .vrd-signaal-getal{color:var(--amber)}.vrd-signaal.stil .vrd-signaal-getal{color:var(--tekst-flauw)}.vrd-signaal-naam{grid-area:naam;font-size:14px;font-weight:580}.vrd-signaal-uitleg{grid-area:uitleg;font-size:12.5px;color:var(--tekst-flauw)}.vrd-lijf{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ruimte-4);align-items:start;min-height:0}.vrd-lijf.met-kaart{grid-template-columns:minmax(0,1fr) 340px}.vrd-blad{display:flex;flex-direction:column;min-width:0;max-height:calc(100vh - 250px);border:1px solid var(--rand);border-radius:var(--r-l);background:var(--vlak);overflow:hidden}.vrd-balk{display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-4);border-bottom:1px solid var(--rand);flex-wrap:wrap}.vrd-balktekst{margin:0;font-size:14px;color:var(--tekst-zacht);flex:1}.vrd-zoek{display:flex;align-items:center;gap:var(--ruimte-2);flex:1;min-width:200px;max-width:340px;padding:0 var(--ruimte-3);border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak-zacht);color:var(--tekst-flauw)}.vrd-zoek:focus-within{border-color:var(--accent-rand);box-shadow:0 0 0 3px var(--accent-zacht)}.vrd-zoek input{flex:1;min-width:0;padding:7px 0;border:0;background:none;color:var(--tekst);font:inherit;font-size:14px}.vrd-zoek input:focus{outline:none}.vrd-wis{display:inline-flex;padding:2px;border:0;border-radius:var(--r-s);background:none;color:var(--tekst-flauw);cursor:pointer}.vrd-wis:hover{color:var(--tekst)}.vrd-vink{display:inline-flex;align-items:center;gap:var(--ruimte-2);font-size:14px;color:var(--tekst-zacht);cursor:pointer;white-space:nowrap}.vrd-keuze{display:flex;align-items:center;gap:var(--ruimte-2);font-size:14px;color:var(--tekst-zacht)}.vrd-keuze.groei{flex:1;min-width:180px}.vrd-keuze select,.vrd-keuze input{padding:6px var(--ruimte-3);border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak-zacht);color:var(--tekst);font:inherit;font-size:14px}.vrd-keuze.groei input{flex:1;min-width:0}.vrd-keuze select:focus-visible,.vrd-keuze input:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.vrd-blad-rol{flex:1;min-height:0;overflow:auto}.vrd-tabel{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.vrd-tabel thead th{position:sticky;top:0;z-index:2;padding:var(--ruimte-3) var(--ruimte-3);background:var(--vlak-zacht);border-bottom:1px solid var(--rand);font-size:12.5px;font-weight:600;color:var(--tekst-flauw);text-align:left;white-space:nowrap}.vrd-vast{position:sticky;left:0;z-index:1;min-width:220px;padding:var(--ruimte-3) var(--ruimte-4);background:var(--vlak);text-align:left;font-weight:400}.vrd-tabel thead .vrd-vast{z-index:3;background:var(--vlak-zacht)}.vrd-tabel tbody .vrd-vast:after{content:"";position:absolute;inset:0 0 0 auto;width:1px;background:var(--rand)}.vrd-code{display:block;font-size:12.5px;font-weight:600;color:var(--tekst-flauw);letter-spacing:.02em}.vrd-oms{display:block;color:var(--tekst)}.vrd-getalkop{text-align:right!important}.vrd-lockop{display:inline-flex;align-items:center;gap:var(--ruimte-1);color:var(--tekst-zacht)}.vrd-loceigenaar{display:block;font-weight:400;color:var(--tekst-flauw)}.vrd-totaalkop{border-left:1px solid var(--rand)}.vrd-tabel tbody tr{cursor:pointer;transition:background var(--snel) var(--soepel)}.vrd-tabel tbody tr:hover,.vrd-tabel tbody tr:hover .vrd-vast{background:var(--vlak-zacht)}.vrd-tabel tbody tr.actief,.vrd-tabel tbody tr.actief .vrd-vast{background:var(--accent-zacht)}.vrd-tabel tbody tr:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.vrd-tabel tbody td,.vrd-tabel tbody th{border-bottom:1px solid var(--rand)}.vrd-getal{padding:var(--ruimte-3);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.vrd-getal.zacht{color:var(--tekst-zacht)}.vrd-getal.nul{color:var(--tekst-flauw);opacity:.45}.vrd-totaal{border-left:1px solid var(--rand)}.vrd-totaalgetal{display:block;font-weight:580}.vrd-onder{display:inline-flex;align-items:center;gap:3px;color:var(--amber)}.vrd-onder svg{flex:none}.vrd-tabel tbody tr.tekort .vrd-totaalgetal,.vrd-tabel tbody tr.tekort .vrd-code{color:var(--amber)}.vrd-peil{display:block;height:3px;margin-top:5px;border-radius:2px;background:var(--neutraal-zacht);overflow:hidden}.vrd-peil>span{display:block;height:100%;border-radius:2px;background:var(--rand-sterk);transition:width var(--normaal) var(--soepel)}.vrd-peil.krap>span{background:var(--amber)}.vrd-peil.laag>span{background:var(--rood)}.vrd-peil.goed>span{background:var(--groen)}.vrd-chip{display:inline-flex;align-items:center;gap:var(--ruimte-1);padding:2px var(--ruimte-2);border-radius:999px;background:var(--neutraal-zacht);color:var(--tekst-zacht);font-size:12.5px;font-weight:560}.vrd-tekort{color:var(--amber);font-weight:620}.vrd-plus{color:var(--groen);font-weight:620}.vrd-min{color:var(--rood);font-weight:620}.vrd-bestel tbody tr.loopt .vrd-code,.vrd-bestel tbody tr.loopt .vrd-oms{color:var(--tekst-flauw)}.vrd-voetnoot{display:flex;align-items:center;gap:var(--ruimte-2);margin:0;padding:var(--ruimte-3) var(--ruimte-4);border-top:1px solid var(--rand);background:var(--vlak-zacht);font-size:12.5px;color:var(--tekst-flauw)}.vrd-tellip{margin:0;padding:var(--ruimte-3) var(--ruimte-4);border-bottom:1px solid var(--rand);background:var(--vlak-zacht);color:var(--tekst-zacht);font-size:12.5px}.vrd-telveld{width:84px;padding:5px var(--ruimte-2);border:1px solid var(--rand);border-radius:var(--r-s);background:var(--vlak);color:var(--tekst);font:inherit;font-size:14px;font-variant-numeric:tabular-nums;text-align:right}.vrd-telveld:focus{outline:none;border-color:var(--accent-rand);box-shadow:0 0 0 3px var(--accent-zacht)}.vrd-tel tbody tr{cursor:default}.vrd-tel tbody tr.gelijk .vrd-telveld{border-color:var(--groen)}.vrd-tel tbody tr.afwijkend .vrd-telveld{border-color:var(--amber)}.vrd-tel tbody tr.afwijkend,.vrd-tel tbody tr.afwijkend .vrd-vast{background:var(--amber-zacht)}.vrd-telvoet{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-4);padding:var(--ruimte-3) var(--ruimte-4);border-top:1px solid var(--rand);background:var(--vlak-zacht);opacity:.55;transition:opacity var(--normaal) var(--soepel)}.vrd-telvoet.aan{opacity:1}.vrd-telvoet p{margin:0;font-size:14px;color:var(--tekst-zacht)}.vrd-kaart{position:sticky;top:var(--ruimte-4);display:flex;flex-direction:column;gap:var(--ruimte-4);padding:var(--ruimte-4);border:1px solid var(--rand);border-radius:var(--r-l);background:var(--vlak);max-height:calc(100vh - 160px);overflow:auto;animation:vrd-in var(--normaal) var(--soepel)}@keyframes vrd-in{0%{opacity:0;transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.vrd-kaart{animation:none}.vrd-peil>span,.vrd-tab,button.vrd-signaal{transition:none}}.vrd-kaartkop{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ruimte-3)}.vrd-kaartkop h2{margin:2px 0 0;font-size:16px;line-height:1.35}.vrd-sluit{display:inline-flex;padding:var(--ruimte-1);border:0;border-radius:var(--r-s);background:none;color:var(--tekst-flauw);cursor:pointer}.vrd-sluit:hover{background:var(--neutraal-zacht);color:var(--tekst)}.vrd-kaartcijfers{display:grid;grid-template-columns:1fr auto;gap:var(--ruimte-4);align-items:start}.vrd-kaartgetal{display:block;font-size:30px;font-weight:620;font-variant-numeric:tabular-nums;line-height:1.1}.vrd-kaartgetal.zacht{color:var(--tekst-flauw)}.vrd-kaartlabel{display:block;margin-top:2px;font-size:12.5px;color:var(--tekst-flauw)}.vrd-vak{display:flex;flex-direction:column;gap:var(--ruimte-3);padding-top:var(--ruimte-4);border-top:1px solid var(--rand)}.vrd-vak h3{margin:0;font-size:12.5px;font-weight:620;color:var(--tekst-flauw);text-transform:uppercase;letter-spacing:.05em}.vrd-locaties{display:flex;flex-direction:column;gap:var(--ruimte-2);margin:0;padding:0;list-style:none}.vrd-locaties li{display:flex;align-items:center;gap:var(--ruimte-2);color:var(--tekst-zacht);font-size:14px}.vrd-locnaam{flex:1;min-width:0;color:var(--tekst)}.vrd-locnaam em{display:block;font-size:12.5px;font-style:normal;color:var(--tekst-flauw)}.vrd-locgetal{font-variant-numeric:tabular-nums;font-weight:580}.vrd-historie{display:flex;flex-direction:column;gap:var(--ruimte-3);margin:0;padding:0;list-style:none}.vrd-historie li{display:grid;grid-template-columns:52px 1fr;gap:var(--ruimte-3);align-items:baseline}.vrd-mut{font-size:14px;font-weight:620;font-variant-numeric:tabular-nums;text-align:right}.vrd-mut.plus{color:var(--groen)}.vrd-mut.min{color:var(--rood)}.vrd-mutlijf{min-width:0}.vrd-mutkop{display:flex;align-items:center;gap:var(--ruimte-1);font-size:14px;color:var(--tekst)}.vrd-mutkop em{font-style:normal;color:var(--tekst-flauw);white-space:nowrap}.vrd-mutkop em:before{content:"· "}.vrd-mutvoet{display:flex;gap:var(--ruimte-2);font-size:12.5px;color:var(--tekst-flauw)}.vrd-mutvoet em{font-style:normal;margin-left:auto;white-space:nowrap}.vrd-mutvoet a{color:var(--accent);text-decoration:none}.vrd-mutvoet a:hover{text-decoration:underline}.vrd-vorm{display:flex;flex-direction:column;gap:var(--ruimte-3);padding:var(--ruimte-3);border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak-zacht)}.vrd-vormrij{display:flex;flex-direction:column;gap:var(--ruimte-2)}.vrd-vorm label{display:flex;flex-direction:column;gap:var(--ruimte-1);font-size:12.5px;color:var(--tekst-flauw)}.vrd-vorm select,.vrd-vorm input{padding:6px var(--ruimte-2);border:1px solid var(--rand);border-radius:var(--r-s);background:var(--vlak);color:var(--tekst);font:inherit;font-size:14px}.vrd-vorm label.smal input{font-variant-numeric:tabular-nums;text-align:right}.vrd-vorm select:focus-visible,.vrd-vorm input:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.vrd-let{display:flex;align-items:center;gap:var(--ruimte-2);margin:0;font-size:12.5px;color:var(--amber)}.vrd-vormvoet{display:flex;justify-content:flex-end;gap:var(--ruimte-2)}.vrd-leeg{margin:0;padding:var(--ruimte-6) var(--ruimte-4);color:var(--tekst-flauw);font-size:14px;text-align:center}.vrd-leeg.klein{padding:0;text-align:left}.vrd-start{display:flex;flex-direction:column;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-6) var(--ruimte-4);color:var(--tekst-flauw);text-align:center}.vrd-start h2{margin:0;font-size:16px;color:var(--tekst)}.vrd-start p{max-width:46ch;margin:0;font-size:14px;line-height:1.55}.vrd-fout{margin:0;padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--rood);border-radius:var(--r-m);background:var(--rood-zacht);color:var(--rood);font-size:14px}@media(max-width:1100px){.vrd-lijf.met-kaart{grid-template-columns:minmax(0,1fr)}.vrd-kaart{position:static;max-height:none}}@media(max-width:720px){.vrd-kop{align-items:stretch}.vrd-signalen{grid-template-columns:repeat(3,1fr);gap:var(--ruimte-2)}.vrd-signaal{grid-template-columns:1fr;grid-template-areas:"getal" "naam";padding:var(--ruimte-2) var(--ruimte-3)}.vrd-signaal-getal{font-size:20px}.vrd-signaal-naam{font-size:12.5px}.vrd-signaal-uitleg{display:none}.vrd-blad{max-height:none}.vrd-schakel{overflow-x:auto}.vrd-vast{min-width:150px;padding-left:var(--ruimte-3)}.vrd-blad-rol{max-height:none}}.cfg-keuzekop h1{margin:0;font-size:26px;letter-spacing:-.01em}.cfg-keuzekop p{margin:var(--ruimte-2) 0 0;max-width:62ch;font-size:14px;line-height:1.55;color:var(--tekst-zacht)}.cfg-tegels{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--ruimte-4);margin-top:var(--ruimte-5)}.cfg-tegel{display:flex;flex-direction:column;gap:var(--ruimte-2);padding:var(--ruimte-4);border:1px solid var(--rand);border-radius:var(--r-l);background:var(--vlak);color:inherit;text-decoration:none;transition:border-color var(--snel) var(--soepel),transform var(--snel) var(--soepel)}.cfg-tegel:hover{border-color:var(--accent-rand);transform:translateY(-2px)}.cfg-tegel:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.cfg-tegelicoon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-m);background:var(--accent-zacht);color:var(--accent)}.cfg-tegelnaam{font-size:16px;font-weight:620}.cfg-tegeltekst{flex:1;font-size:14px;line-height:1.5;color:var(--tekst-zacht)}.cfg-tegelvoet{display:flex;align-items:center;justify-content:space-between;padding-top:var(--ruimte-3);border-top:1px solid var(--rand);font-size:12.5px;color:var(--tekst-flauw)}.cfg{display:flex;flex-direction:column;gap:var(--ruimte-4)}.cfg-terug{display:inline-flex;align-items:center;gap:var(--ruimte-1);font-size:12.5px;color:var(--tekst-flauw);text-decoration:none}.cfg-terug:hover{color:var(--accent)}.cfg-titel h1{margin:var(--ruimte-1) 0 0;font-size:26px;letter-spacing:-.01em}.cfg-stappen{display:flex;gap:var(--ruimte-2);margin:var(--ruimte-4) 0 0;padding:0;list-style:none;overflow-x:auto}.cfg-stapknop{display:inline-flex;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-2) var(--ruimte-3);border:1px solid var(--rand);border-radius:999px;background:var(--vlak);color:var(--tekst-zacht);font:inherit;font-size:14px;white-space:nowrap;cursor:pointer;transition:border-color var(--snel) var(--soepel),color var(--snel) var(--soepel)}.cfg-stapknop:hover{border-color:var(--rand-sterk);color:var(--tekst)}.cfg-stapknop:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.cfg-stapknop.hier{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent);font-weight:580}.cfg-stapnr{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--neutraal-zacht);font-size:12.5px;font-weight:620}.cfg-stapknop.hier .cfg-stapnr{background:var(--accent);color:var(--tekst-op-accent)}.cfg-stapknop.gehad .cfg-stapnr{background:var(--groen);color:var(--vlak)}:root[data-thema=donker] .cfg-stapknop.gehad .cfg-stapnr{color:var(--grond)}.cfg-lijf{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--ruimte-4);align-items:start}.cfg-blad{display:flex;flex-direction:column;gap:var(--ruimte-5);padding:var(--ruimte-5);border:1px solid var(--rand);border-radius:var(--r-l);background:var(--vlak)}.cfg-stapkop h2{margin:0;font-size:20px}.cfg-stapkop p{margin:var(--ruimte-2) 0 0;max-width:62ch;font-size:14px;line-height:1.55;color:var(--tekst-zacht)}.cfg-velden{display:flex;flex-direction:column;gap:var(--ruimte-5)}.cfg-veld{border:0;margin:0;padding:0;min-width:0}.cfg-veld legend,.cfg-maatkop label,.cfg-schakellabel{font-size:14px;font-weight:580;color:var(--tekst)}.cfg-veldhint{margin:var(--ruimte-1) 0 0;font-size:12.5px;color:var(--tekst-flauw)}.cfg-kaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--ruimte-3);margin-top:var(--ruimte-3)}.cfg-kaarten.kleuren{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.cfg-kaart{position:relative;display:flex;flex-direction:column;gap:var(--ruimte-1);min-height:76px;padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak);color:var(--tekst);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--snel) var(--soepel),background var(--snel) var(--soepel)}.cfg-kaart:hover{border-color:var(--rand-sterk)}.cfg-kaart:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.cfg-kaart.aan{border-color:var(--accent);background:var(--accent-zacht)}.cfg-kaartnaam{font-size:14px;font-weight:580}.cfg-kaarthint{font-size:12.5px;color:var(--tekst-flauw)}.cfg-kaart.aan .cfg-kaarthint{color:var(--tekst-zacht)}.cfg-kaartvink{position:absolute;top:var(--ruimte-2);right:var(--ruimte-2);display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--tekst-op-accent)}.cfg-vlek{width:100%;height:26px;border:1px solid var(--rand);border-radius:var(--r-s)}.cfg-maatkop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ruimte-3)}.cfg-maatwaarde{font-size:20px;font-weight:620;font-variant-numeric:tabular-nums}.cfg-maatwaarde em{font-size:14px;font-style:normal;font-weight:400;color:var(--tekst-flauw)}.cfg-schuif{width:100%;margin-top:var(--ruimte-3);accent-color:var(--accent);height:28px}.cfg-schuif:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.cfg-maatrand{display:flex;justify-content:space-between;font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.cfg-teller{display:inline-flex;align-items:center;gap:var(--ruimte-2);margin-top:var(--ruimte-3);padding:var(--ruimte-1);border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak-zacht)}.cfg-teller button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:var(--r-s);background:var(--vlak);color:var(--tekst-zacht);cursor:pointer}.cfg-teller button:hover{background:var(--neutraal-zacht);color:var(--tekst)}.cfg-teller button:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.cfg-teller input{width:56px;border:0;background:none;color:var(--tekst);font:inherit;font-size:16px;font-weight:620;font-variant-numeric:tabular-nums;text-align:center}.cfg-teller input:focus{outline:none}.cfg-tellereenheid{font-size:12.5px;color:var(--tekst-flauw)}.cfg-schakel{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-4);width:100%;padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--snel) var(--soepel)}.cfg-schakel:hover{border-color:var(--rand-sterk)}.cfg-schakel:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.cfg-schakel.aan{border-color:var(--accent-rand);background:var(--accent-zacht)}.cfg-schakeltekst{display:flex;flex-direction:column;gap:2px}.cfg-knopje{position:relative;flex:none;width:44px;height:26px;border-radius:999px;background:var(--rand-sterk);transition:background var(--snel) var(--soepel)}.cfg-knopje:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--vlak);transition:transform var(--snel) var(--soepel)}.cfg-schakel.aan .cfg-knopje{background:var(--accent)}.cfg-schakel.aan .cfg-knopje:after{transform:translate(18px)}.cfg-voet{display:flex;justify-content:space-between;gap:var(--ruimte-3);padding-top:var(--ruimte-4);border-top:1px solid var(--rand)}.cfg-prijs{position:sticky;top:var(--ruimte-4);display:flex;flex-direction:column;gap:var(--ruimte-4);padding:var(--ruimte-4);border:1px solid var(--rand);border-radius:var(--r-l);background:var(--vlak);max-height:calc(100vh - 140px);overflow:auto}.cfg-prijskop{display:flex;flex-direction:column;gap:var(--ruimte-1);padding-bottom:var(--ruimte-4);border-bottom:1px solid var(--rand)}.cfg-prijslabel{font-size:12.5px;color:var(--tekst-flauw)}.cfg-prijsgetal{font-size:30px;font-weight:640;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.02em}.cfg-groepen{display:flex;flex-direction:column;gap:var(--ruimte-4)}.cfg-groepen h3{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ruimte-3);margin:0 0 var(--ruimte-2);font-size:12.5px;font-weight:620;color:var(--tekst-flauw);text-transform:uppercase;letter-spacing:.05em}.cfg-groepen h3 span{font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;color:var(--tekst-zacht)}.cfg-groepen ul{display:flex;flex-direction:column;gap:var(--ruimte-2);margin:0;padding:0;list-style:none}.cfg-groepen li{display:grid;grid-template-columns:1fr auto;gap:0 var(--ruimte-3);font-size:12.5px}.cfg-regeltekst{color:var(--tekst)}.cfg-regelaantal{grid-column:1;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.cfg-regelbedrag{grid-row:1 / span 2;grid-column:2;align-self:center;color:var(--tekst-zacht);font-variant-numeric:tabular-nums;white-space:nowrap}.cfg-letop{padding:var(--ruimte-3);border:1px solid var(--amber);border-radius:var(--r-m);background:var(--amber-zacht)}.cfg-letop h3{display:flex;align-items:center;gap:var(--ruimte-2);margin:0 0 var(--ruimte-2);font-size:12.5px;font-weight:620;color:var(--amber)}.cfg-letop ul{display:flex;flex-direction:column;gap:var(--ruimte-2);margin:0;padding-left:var(--ruimte-4)}.cfg-letop li{font-size:12.5px;line-height:1.5;color:var(--tekst)}.cfg-bewaard{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ruimte-2);padding:var(--ruimte-3);border:1px solid var(--groen);border-radius:var(--r-m);background:var(--groen-zacht);font-size:12.5px;color:var(--tekst)}.cfg-leeg{margin:0;padding:var(--ruimte-6) var(--ruimte-4);color:var(--tekst-flauw);font-size:14px;text-align:center}.cfg-leeg.klein{padding:0;text-align:left}.cfg-start{display:flex;flex-direction:column;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-6) var(--ruimte-4);color:var(--tekst-flauw);text-align:center}.cfg-start h2{margin:0;font-size:16px;color:var(--tekst)}.cfg-start p{max-width:52ch;margin:0;font-size:14px;line-height:1.55}@media(max-width:1080px){.cfg-lijf{grid-template-columns:minmax(0,1fr)}.cfg-prijs{position:sticky;bottom:0;top:auto;max-height:46vh}}@media(max-width:720px){.cfg-blad{padding:var(--ruimte-4)}.cfg-kaarten{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media(prefers-reduced-motion:reduce){.cfg-tegel,.cfg-kaart,.cfg-schakel,.cfg-knopje,.cfg-knopje:after,.cfg-stapknop{transition:none}}:root{--merk-donker: #0a121f;--merk-blauw: #155bec;--merk-accent: #719cf4;--merk-koel: #4f545e;--merk-cloud: #f4f7fb;--merk-licht: #f4f7fb;--grond: #f4f7fb;--vlak: #ffffff;--vlak-zacht: #f8fafd;--vlak-verhoogd: #ffffff;--rand: #d8dce1;--rand-sterk: #b7bbc2;--tekst: #0a121f;--tekst-zacht: #4f545e;--tekst-flauw: #686d75;--tekst-op-accent: #ffffff;--accent: #155bec;--accent-hover: #1151d6;--accent-zacht: #eaf0fd;--accent-rand: #b9cef9;--ring: #155bec;--groen: #027a48;--groen-zacht: #ecfdf3;--amber: #b54708;--amber-zacht: #fffaeb;--rood: #b42318;--rood-zacht: #fef3f2;--blauw: #175cd3;--blauw-zacht: #eff8ff;--neutraal-zacht: #eef2f6;--ruimte-1: 4px;--ruimte-2: 8px;--ruimte-3: 12px;--ruimte-4: 16px;--ruimte-5: 24px;--ruimte-6: 32px;--r-s: 6px;--r-m: 8px;--r-l: 12px;--r-xl: 16px;--schaduw-s: 0 1px 2px rgba(11, 19, 32, .06);--schaduw-m: 0 4px 12px rgba(11, 19, 32, .08);--schaduw-l: 0 16px 48px rgba(11, 19, 32, .18);--zij: 244px;--top: 56px;--snel: .14s;--normaal: .2s;--soepel: cubic-bezier(.2, 0, 0, 1);color-scheme:light}:root[data-thema=donker]{--grond: #060b13;--vlak: #0f1b2e;--vlak-zacht: #13223a;--vlak-verhoogd: #152642;--rand: #192d4d;--rand-sterk: #233f6c;--tekst: #eaf0fa;--tekst-zacht: #a7adb8;--tekst-flauw: #8a919c;--tekst-op-accent: #0a121f;--accent: #719cf4;--accent-hover: #8db0f6;--accent-zacht: #233556;--accent-rand: #385181;--ring: #719cf4;--groen: #5fd39a;--groen-zacht: #0d2a1f;--amber: #f5b955;--amber-zacht: #2c2110;--rood: #ff8b83;--rood-zacht: #2f1512;--blauw: #7cb8ff;--blauw-zacht: #12243c;--neutraal-zacht: #1a2536;--schaduw-s: 0 1px 2px rgba(0, 0, 0, .4);--schaduw-m: 0 4px 14px rgba(0, 0, 0, .45);--schaduw-l: 0 20px 56px rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--grond);color:var(--tekst);font-family:InterVariable,Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;font-feature-settings:"cv05" 1,"ss01" 1;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:620;letter-spacing:-.014em}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px;color:var(--tekst-zacht)}p{margin:0 0 var(--ruimte-2)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--r-s)}:focus:not(:focus-visible){outline:none}::selection{background:var(--accent-zacht);color:var(--tekst)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.getal,.bedrag,.cijfer,td.getal,th.getal{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:var(--zij) 1fr;min-height:100%}.overslaan{position:absolute;left:-9999px;top:0;background:var(--accent);color:var(--tekst-op-accent);padding:var(--ruimte-2) var(--ruimte-4);border-radius:var(--r-s);z-index:200}.overslaan:focus{left:var(--ruimte-3);top:var(--ruimte-3)}.zijbalk{background:var(--vlak);border-right:1px solid var(--rand);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;padding:var(--ruimte-3) var(--ruimte-3) var(--ruimte-2);gap:2px}.zijbalk nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.merk{display:flex;align-items:center;padding:var(--ruimte-1) var(--ruimte-2) var(--ruimte-4)}.merk img{max-width:100%;width:auto;display:block}.klantlogo{display:block}:root[data-thema=donker] .klantlogo{padding:5px 8px;border-radius:var(--r-s);background:#fff}.nav-groep{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-flauw);padding:var(--ruimte-4) var(--ruimte-2) var(--ruimte-1);font-weight:640}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-s);color:var(--tekst-zacht);font-weight:520;font-size:14px;cursor:pointer;transition:background var(--snel) var(--soepel),color var(--snel) var(--soepel)}.nav-item:hover{background:var(--neutraal-zacht);color:var(--tekst);text-decoration:none}.nav-item.actief{background:var(--accent-zacht);color:var(--accent);font-weight:620}.nav-item .telling{margin-left:auto;font-size:12.5px;background:var(--neutraal-zacht);color:var(--tekst-zacht);border-radius:20px;padding:0 7px;font-weight:640}.nav-blok{margin-top:2px}.nav-groepknop{width:100%;border:none;background:none;font:inherit;text-align:left}.nav-groepknop .chevron{margin-left:auto;display:inline-flex;color:var(--tekst-flauw);transition:transform var(--snel) var(--soepel)}.nav-groepknop .chevron.open{transform:rotate(180deg)}.nav-sub{display:flex;flex-direction:column;gap:1px;margin:2px 0 4px 16px;padding-left:10px;border-left:1px solid var(--rand)}.nav-subitem{padding:5px 10px;font-size:14px}.zij-voet{margin-top:auto;border-top:1px solid var(--rand);padding-top:var(--ruimte-2);display:flex;flex-direction:column;gap:2px}.hoofd{display:flex;flex-direction:column;min-width:0}.topbalk{height:var(--top);background:color-mix(in srgb,var(--vlak) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rand);display:flex;align-items:center;gap:var(--ruimte-3);padding:0 var(--ruimte-5);position:sticky;top:0;z-index:30}.zoekknop{display:flex;align-items:center;gap:var(--ruimte-2);flex:1;min-width:0;padding:7px 12px;border:1px solid var(--rand);border-radius:var(--r-s);background:var(--vlak-zacht);color:var(--tekst-flauw);font:inherit;font-size:14px;cursor:pointer;text-align:left;transition:border-color var(--snel) var(--soepel)}.zoekknop:hover{border-color:var(--rand-sterk)}.zoekknop .label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toets{margin-left:auto;display:inline-flex;gap:2px;font-size:12.5px;font-weight:620;color:var(--tekst-flauw)}.toets kbd{font:inherit;background:var(--vlak);border:1px solid var(--rand);border-bottom-width:2px;border-radius:4px;padding:1px 5px;min-width:18px;text-align:center}.gebruikerknop{display:flex;align-items:center;gap:var(--ruimte-2);flex:none;padding:4px 6px 4px 10px;border:1px solid transparent;border-radius:var(--r-m);background:none;font:inherit;color:inherit;cursor:pointer;transition:background var(--snel) var(--soepel),border-color var(--snel) var(--soepel)}.gebruikerknop:hover,.gebruikerknop.open{background:var(--vlak-zacht);border-color:var(--rand)}.gebruikerknop .gebruikernaam{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25;min-width:0}.gebruikerknop .gebruikernaam .naam{font-weight:600;font-size:12.5px;white-space:nowrap}.gebruikerknop .gebruikernaam .rol{font-size:12.5px;color:var(--tekst-flauw);white-space:nowrap}.gebruikermenu{position:fixed;z-index:200;min-width:248px;padding:var(--ruimte-2);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);box-shadow:var(--schaduw-l, 0 12px 32px rgb(0 0 0 / .16));display:flex;flex-direction:column;gap:2px}.gebruikermenu .kop{padding:6px 10px 8px;border-bottom:1px solid var(--rand);margin-bottom:4px;min-width:0}.gebruikermenu .kop .naam{font-weight:640;font-size:14px}.gebruikermenu .kop .email{font-size:12.5px;color:var(--tekst-flauw);overflow:hidden;text-overflow:ellipsis}.gebruikermenu .regel{display:flex;align-items:center;gap:var(--ruimte-2);width:100%;min-height:38px;padding:0 10px;border:none;border-radius:var(--r-s);background:none;font:inherit;font-size:14px;color:var(--tekst);text-align:left;cursor:pointer}.gebruikermenu .regel:hover{background:var(--vlak-zacht)}.gebruikermenu .scheiding{height:1px;background:var(--rand);margin:4px 0}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-zacht);color:var(--accent);display:grid;place-items:center;font-weight:640;font-size:12.5px;flex:none}.inhoud{padding:var(--ruimte-5);display:flex;flex-direction:column;gap:var(--ruimte-4);max-width:1600px;width:100%}.paginakop{display:flex;align-items:flex-start;gap:var(--ruimte-3);flex-wrap:wrap}.paginakop .sub{color:var(--tekst-zacht);font-size:14px;margin-top:1px}.paginakop .acties{margin-left:auto;display:flex;gap:var(--ruimte-2)}.kaart{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s)}.kaart-kop{display:flex;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-3) var(--ruimte-4);border-bottom:1px solid var(--rand)}.kaart-kop .acties{margin-left:auto;display:flex;gap:var(--ruimte-1)}.kaart-body{padding:var(--ruimte-4)}.knop{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 12px;border:1px solid var(--rand-sterk);border-radius:var(--r-s);background:var(--vlak);color:var(--tekst);font:inherit;font-size:14px;font-weight:550;cursor:pointer;white-space:nowrap;transition:background var(--snel) var(--soepel),border-color var(--snel) var(--soepel),transform var(--snel) var(--soepel)}.knop:hover:not(:disabled){background:var(--vlak-zacht);border-color:var(--rand-sterk)}.knop:active:not(:disabled){transform:translateY(1px)}.knop:disabled{opacity:.45;cursor:not-allowed}.knop.primair{background:var(--accent);border-color:var(--accent);color:var(--tekst-op-accent)}.knop.primair:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.knop.gevaar{color:var(--rood);border-color:color-mix(in srgb,var(--rood) 35%,var(--rand))}.knop.gevaar:hover:not(:disabled){background:var(--rood-zacht)}.knop.stil{border-color:transparent;background:transparent;color:var(--tekst-zacht)}.knop.stil:hover:not(:disabled){background:var(--neutraal-zacht);color:var(--tekst)}.knop.klein{min-height:28px;padding:3px 9px;font-size:12.5px}.knop.icoon{min-width:34px;padding:6px}.knop.icoon.klein{min-width:28px;padding:4px}.chip{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:20px;font-size:12.5px;font-weight:620;background:var(--neutraal-zacht);color:var(--tekst-zacht);white-space:nowrap;line-height:1.55}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}.chip.kaal:before{display:none}.chip.groen{background:var(--groen-zacht);color:var(--groen)}.chip.amber{background:var(--amber-zacht);color:var(--amber)}.chip.rood{background:var(--rood-zacht);color:var(--rood)}.chip.blauw{background:var(--blauw-zacht);color:var(--blauw)}.chip.accent{background:var(--accent-zacht);color:var(--accent)}.filterbalk{display:flex;gap:var(--ruimte-2);align-items:center;flex-wrap:wrap}.filterknop{min-height:30px;padding:4px 11px;border-radius:20px;border:1px solid var(--rand);background:var(--vlak);color:var(--tekst-zacht);cursor:pointer;font:inherit;font-size:12.5px;font-weight:550;transition:all var(--snel) var(--soepel)}.filterknop:hover{border-color:var(--rand-sterk);color:var(--tekst)}.filterknop.aan{background:var(--accent-zacht);border-color:var(--accent-rand);color:var(--accent)}.veldzoek{position:relative;display:flex;align-items:center;min-width:200px}.veldzoek svg{position:absolute;left:9px;color:var(--tekst-flauw);pointer-events:none}.veldzoek input{width:100%;min-height:32px;padding:5px 10px 5px 30px;border:1px solid var(--rand);border-radius:var(--r-s);background:var(--vlak);color:var(--tekst);font:inherit;font-size:14px}.tabelwrap{overflow-x:auto}table.lijst{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}table.lijst th{text-align:left;font-weight:620;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-flauw);padding:8px var(--ruimte-4);border-bottom:1px solid var(--rand);background:var(--vlak);position:sticky;top:0;z-index:1}table.lijst th.sorteerbaar{cursor:pointer;-webkit-user-select:none;user-select:none}table.lijst th.sorteerbaar:hover{color:var(--tekst)}table.lijst th .pijl{margin-left:4px;opacity:.9}table.lijst th[aria-sort]{color:var(--accent)}table.lijst td{padding:9px var(--ruimte-4);border-bottom:1px solid var(--rand);vertical-align:middle}table.lijst tbody tr:last-child td{border-bottom:none}table.lijst tbody tr.klikbaar{cursor:pointer}table.lijst tbody tr.klikbaar:hover td{background:var(--vlak-zacht)}table.lijst tbody tr.gekozen td{background:var(--accent-zacht)}table.lijst td.getal,table.lijst th.getal{text-align:right}.hoofdcel{font-weight:600;color:var(--tekst)}.subcel{color:var(--tekst-flauw);font-size:12.5px}.celstapel{display:flex;gap:4px;flex-wrap:wrap}.leeg{padding:var(--ruimte-6) var(--ruimte-5);text-align:center;color:var(--tekst-flauw);display:flex;flex-direction:column;align-items:center;gap:var(--ruimte-2)}.leeg h3{color:var(--tekst);font-size:14px}.leeg p{max-width:44ch;margin:0}.skelet{background:linear-gradient(90deg,var(--neutraal-zacht) 25%,color-mix(in srgb,var(--neutraal-zacht) 55%,var(--vlak)) 37%,var(--neutraal-zacht) 63%);background-size:400% 100%;animation:schuif 1.4s ease-in-out infinite;border-radius:var(--r-s)}@keyframes schuif{0%{background-position:100% 50%}to{background-position:0 50%}}.veldraster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ruimte-3) var(--ruimte-4)}.veldraster .breed{grid-column:1 / -1}@media(max-width:680px){.veldraster{grid-template-columns:1fr}}.veld{display:flex;flex-direction:column;gap:4px;min-width:0}.veld>label{font-size:12.5px;font-weight:600;color:var(--tekst-zacht)}.veld .verplicht{color:var(--rood);margin-left:2px}.veld input,.veld select,.veld textarea,input.veld,select.veld,textarea.veld,.invoer{width:100%;min-height:34px;padding:6px 10px;border:1px solid var(--rand-sterk);border-radius:var(--r-s);font:inherit;font-size:14px;background:var(--vlak);color:var(--tekst);transition:border-color var(--snel) var(--soepel),box-shadow var(--snel) var(--soepel)}.veld textarea{resize:vertical;min-height:72px}.veld input:focus,.veld select:focus,.veld textarea:focus,input.veld:focus,select.veld:focus,textarea.veld:focus,.invoer:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.veld input:disabled,.veld select:disabled,.veld textarea:disabled,input.veld:disabled,select.veld:disabled,textarea.veld:disabled{background:var(--vlak-zacht);color:var(--tekst-flauw);cursor:not-allowed}.veld .hint{font-size:12.5px;color:var(--tekst-flauw)}.veld .veldfout{font-size:12.5px;color:var(--rood);font-weight:550}.veld.fout input,.veld.fout select,.veld.fout textarea{border-color:var(--rood)}.vinkje{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;min-height:30px}.vinkje input,.meldregel input,.veldrij.aanvinken input[type=checkbox],input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var(--accent);flex:none}.melding{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;border-radius:var(--r-s);font-size:14px;border:1px solid transparent}.melding.fout{background:var(--rood-zacht);color:var(--rood);border-color:color-mix(in srgb,var(--rood) 25%,transparent)}.melding.info{background:var(--accent-zacht);color:var(--accent);border-color:var(--accent-rand)}.melding.waarschuwing{background:var(--amber-zacht);color:var(--amber);border-color:color-mix(in srgb,var(--amber) 25%,transparent)}.staat-koppen{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--ruimte-3);padding:var(--ruimte-4);margin-bottom:var(--ruimte-3);background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-m)}.staat-koppen .label{display:block;font-size:12.5px;color:var(--tekst-zacht)}.staat-koppen .bedrag{font-size:20px;font-weight:640;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stapel{display:flex;flex-direction:column;gap:var(--ruimte-4)}.keuzekaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ruimte-3)}.keuzekaart{display:flex;flex-direction:column;gap:4px;padding:var(--ruimte-3) var(--ruimte-4);text-align:left;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);cursor:pointer;font:inherit;color:inherit}.keuzekaart:hover:not(:disabled){border-color:var(--accent-rand)}.keuzekaart.aan{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.keuzekaart:disabled{cursor:default;opacity:.7}.keuzekaart .titel{font-weight:620}.maandbalk{display:flex;gap:6px;align-items:flex-end;margin-top:var(--ruimte-3);overflow-x:auto;padding-bottom:4px}.maandstaaf{display:flex;flex:1 0 54px;flex-direction:column;align-items:center;gap:4px;height:104px;justify-content:flex-end;padding:6px 4px;background:none;border:1px solid transparent;border-radius:var(--r-s);cursor:pointer;font:inherit;color:var(--tekst-zacht)}.maandstaaf:hover{background:var(--vlak-zacht)}.maandstaaf.aan{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent)}.maandstaaf .staaf{width:60%;min-height:4px;background:var(--accent);border-radius:3px 3px 0 0;opacity:.75}.maandstaaf.aan .staaf{opacity:1}.maandstaaf .aantal{font-size:12.5px;font-weight:620;font-variant-numeric:tabular-nums}.maandstaaf .maand{font-size:12.5px;white-space:nowrap}pre.json{max-height:45vh;overflow:auto;padding:var(--ruimte-3);background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-s);font-size:12.5px;line-height:1.5;font-variant-numeric:tabular-nums}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060c168c;display:flex;align-items:flex-start;justify-content:center;padding:6vh var(--ruimte-4);z-index:60;overflow-y:auto;animation:vervaag var(--normaal) var(--soepel)}@keyframes vervaag{0%{opacity:0}}.modaal{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-xl);box-shadow:var(--schaduw-l);width:100%;max-width:720px;animation:opkomen var(--normaal) var(--soepel)}.modaal.breed{max-width:1080px}@keyframes opkomen{0%{opacity:0;transform:translateY(8px) scale(.99)}}.modaal-kop{display:flex;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-4) var(--ruimte-5);border-bottom:1px solid var(--rand)}.modaal-body{padding:var(--ruimte-5);display:flex;flex-direction:column;gap:var(--ruimte-4)}.modaal-voet{display:flex;gap:var(--ruimte-2);justify-content:flex-end;align-items:center;padding:var(--ruimte-3) var(--ruimte-5);border-top:1px solid var(--rand);background:var(--vlak-zacht);border-radius:0 0 var(--r-xl) var(--r-xl)}.paneel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060c1673;z-index:55;animation:vervaag var(--normaal) var(--soepel)}.paneel{position:fixed;top:0;right:0;bottom:0;width:min(760px,94vw);background:var(--vlak);border-left:1px solid var(--rand);box-shadow:var(--schaduw-l);z-index:56;display:flex;flex-direction:column;animation:inschuiven var(--normaal) var(--soepel)}@keyframes inschuiven{0%{transform:translate(24px);opacity:0}}.paneel-kop{display:flex;align-items:flex-start;gap:var(--ruimte-3);padding:var(--ruimte-4) var(--ruimte-5);border-bottom:1px solid var(--rand)}.paneel-kop .titelblok{min-width:0}.paneel-kop h2{font-size:16px;line-height:1.3}.paneel-body{flex:1;overflow-y:auto;padding:var(--ruimte-5);display:flex;flex-direction:column;gap:var(--ruimte-5)}.paneel-voet{display:flex;gap:var(--ruimte-2);justify-content:flex-end;align-items:center;padding:var(--ruimte-3) var(--ruimte-5);border-top:1px solid var(--rand);background:var(--vlak-zacht)}.tabs{display:flex;gap:var(--ruimte-1);border-bottom:1px solid var(--rand);padding:0 var(--ruimte-5)}.tab{padding:8px 10px;border:none;background:none;font:inherit;font-size:14px;font-weight:550;color:var(--tekst-zacht);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--tekst)}.tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.palet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060c1680;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:flex-start;padding:12vh var(--ruimte-4) var(--ruimte-4);z-index:90;animation:vervaag var(--snel) var(--soepel)}.palet{width:100%;max-width:620px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-xl);box-shadow:var(--schaduw-l);overflow:hidden;animation:opkomen var(--normaal) var(--soepel)}.palet-invoer{display:flex;align-items:center;gap:10px;padding:var(--ruimte-3) var(--ruimte-4);border-bottom:1px solid var(--rand);color:var(--tekst-flauw)}.palet-invoer input{flex:1;border:none;background:none;font:inherit;font-size:16px;color:var(--tekst)}.palet-invoer input:focus{outline:none}.palet-lijst{max-height:52vh;overflow-y:auto;padding:var(--ruimte-2)}.palet-groep{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-flauw);font-weight:640;padding:var(--ruimte-3) var(--ruimte-2) var(--ruimte-1)}.palet-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:none;border-radius:var(--r-s);font:inherit;color:var(--tekst);cursor:pointer;text-align:left}.palet-item.actief{background:var(--accent-zacht);color:var(--accent)}.palet-item .titel{font-weight:550;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palet-item .onder{font-size:12.5px;color:var(--tekst-flauw)}.palet-voet{display:flex;gap:var(--ruimte-4);padding:var(--ruimte-2) var(--ruimte-4);border-top:1px solid var(--rand);background:var(--vlak-zacht);font-size:12.5px;color:var(--tekst-flauw)}.toasts{position:fixed;bottom:var(--ruimte-5);right:var(--ruimte-5);display:flex;flex-direction:column;gap:var(--ruimte-2);z-index:120;max-width:380px}.toast{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--r-m);background:var(--vlak-verhoogd);border:1px solid var(--rand);box-shadow:var(--schaduw-m);font-size:14px;animation:toastin var(--normaal) var(--soepel)}@keyframes toastin{0%{opacity:0;transform:translateY(8px)}}.toast.gelukt{border-left:3px solid var(--groen)}.toast.fout{border-left:3px solid var(--rood)}.toast .tekst{flex:1}.inlog{min-height:100vh;display:grid;grid-template-columns:1fr;background:var(--grond)}@media(min-width:900px){.inlog{grid-template-columns:1fr 46%}}.inlog-vorm{display:grid;place-items:center;padding:var(--ruimte-6) var(--ruimte-5)}.inlog-kaart{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--ruimte-4)}.inlog-logo{height:34px;width:auto;align-self:flex-start}.inlog-zij{display:none;position:relative;background:linear-gradient(155deg,var(--merk-donker),#10243f 55%,#0b3a86);color:#eaf1ff;overflow:hidden}@media(min-width:900px){.inlog-zij{display:block}}.inlog-foto{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:68% 50%}.inlog-tekst{position:absolute;inset:0 0 auto 0;padding:var(--ruimte-6) var(--ruimte-6) calc(var(--ruimte-6) * 1.5);background:linear-gradient(to bottom,#0a121fe6,#0a121fbd 55%,#0a121f00)}.inlog-zij .voet{position:absolute;inset:auto var(--ruimte-6) var(--ruimte-5) auto;text-shadow:0 1px 3px rgba(10,18,31,.9)}.inlog-zij .leus{font-size:26px;font-weight:640;letter-spacing:-.02em;line-height:1.25;max-width:16ch}.inlog-zij ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:14px;color:#d3e0f2}.inlog-zij li{display:flex;gap:9px;align-items:flex-start}.inlog-zij .voet{font-size:12.5px;color:#c2d2e6}.tegels{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ruimte-3)}.tegel{padding:var(--ruimte-4)}.tegel .label{font-size:12.5px;color:var(--tekst-zacht);font-weight:550}.tegel .cijfer{font-size:26px;font-weight:640;letter-spacing:-.02em;margin-top:2px}.tegel .voet{font-size:12.5px;color:var(--tekst-flauw);margin-top:1px}.tweekolom{display:grid;grid-template-columns:1.45fr 1fr;gap:var(--ruimte-4);align-items:start}@media(max-width:1180px){.tweekolom{grid-template-columns:1fr}}.trechter{display:flex;flex-direction:column;gap:var(--ruimte-2)}.trechter-rij{display:grid;grid-template-columns:155px 1fr 110px;gap:var(--ruimte-3);align-items:center}.trechter-naam{font-size:14px;font-weight:550}.trechter-naam small{display:block;color:var(--tekst-flauw);font-weight:400}.balk{height:20px;background:var(--neutraal-zacht);border-radius:4px;overflow:hidden}.balk>span{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width var(--normaal) var(--soepel)}.trechter-bedrag{text-align:right;font-weight:620;font-size:14px}.rij-item{display:flex;align-items:center;gap:10px;padding-block:8px;border-bottom:1px solid var(--rand)}.rij-item:last-child{border-bottom:none}.rij-item .titel{font-weight:550;font-size:14px}.rij-item .meta{margin-left:auto;font-size:12.5px;color:var(--tekst-flauw);white-space:nowrap}.sleepvak{display:flex;align-items:center;gap:10px;padding:var(--ruimte-4);border:1px dashed var(--rand-sterk);border-radius:var(--r-m);color:var(--tekst-zacht);font-size:14px;cursor:pointer;background:var(--vlak-zacht);transition:all var(--snel) var(--soepel)}.sleepvak:hover,.sleepvak.actief{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent)}.ketenbalk{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;flex-wrap:wrap}.keten-stap{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--tekst-flauw);padding-right:14px;position:relative}.keten-stap:not(:last-child):after{content:"";width:10px;height:1px;background:var(--rand-sterk);margin-right:4px}.keten-stip{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--rand-sterk);display:grid;place-items:center;flex:none;background:var(--vlak)}.keten-stap.gedaan .keten-stip{background:var(--groen);border-color:var(--groen);color:#fff}.keten-stap.gedaan .keten-naam{color:var(--tekst-zacht)}.keten-stap.bezig .keten-stip{border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--accent)}.keten-stap.bezig .keten-naam{color:var(--accent);font-weight:620}.keten-stap.overgeslagen{opacity:.45}.bouwer{display:flex;flex-direction:column;min-height:calc(100vh - var(--top));margin:calc(var(--ruimte-5) * -1)}.bouwer-kop{position:sticky;top:var(--top);z-index:25;display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-5);background:color-mix(in srgb,var(--vlak) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rand)}.bouwer-titel{min-width:0;flex:1}.bouwer-titel .regelnaam{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tekst-flauw);font-weight:600}.bouwer-onderwerp{border:none;background:none;font:inherit;font-size:20px;font-weight:640;letter-spacing:-.015em;color:var(--tekst);width:100%;padding:2px 0;border-bottom:1px solid transparent}.bouwer-onderwerp:focus{outline:none;border-bottom-color:var(--accent)}.bouwer-onderwerp::placeholder{color:var(--tekst-flauw);font-weight:500}.bouwer-stand{font-size:12.5px;color:var(--tekst-flauw);white-space:nowrap}.bouwer-acties{display:flex;gap:var(--ruimte-2);flex-wrap:wrap}.bouwer-lijf{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--ruimte-5);padding:var(--ruimte-5);align-items:start}@media(max-width:1200px){.bouwer-lijf{grid-template-columns:1fr}}.bouwer-blad{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s);padding:var(--ruimte-5) var(--ruimte-5) var(--ruimte-6);display:flex;flex-direction:column;gap:var(--ruimte-3);min-width:0}.bladkop{display:flex;align-items:flex-end;gap:var(--ruimte-3);padding-bottom:var(--ruimte-3);border-bottom:1px solid var(--rand)}.bladkop .veld{max-width:340px;flex:1}.akkoordkaart{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-m);background:var(--groen-zacht);color:var(--groen);font-size:14px}.startvak{text-align:center;padding:var(--ruimte-6) var(--ruimte-4);border:1px dashed var(--rand-sterk);border-radius:var(--r-m);display:flex;flex-direction:column;gap:10px;align-items:center}.startvak h2{font-size:16px}.startvak p{max-width:52ch;color:var(--tekst-zacht)}.regelkoppen,.postrij{display:grid;grid-template-columns:22px minmax(0,1fr) 68px 56px 96px 104px 34px;gap:var(--ruimte-2);align-items:center}@media(max-width:1180px){.regelkoppen,.postrij{grid-template-columns:22px repeat(4,minmax(0,1fr)) 34px}.regelkoppen>:first-child,.postrij>:first-child{grid-row:1 / 3}.regelkoppen>:nth-child(2),.postrij>.postomschrijving{grid-column:2 / 6;grid-row:1}.regelkoppen>:nth-child(3),.postrij>:nth-child(3){grid-column:2;grid-row:2}.regelkoppen>:nth-child(4),.postrij>:nth-child(4){grid-column:3;grid-row:2}.regelkoppen>:nth-child(5),.postrij>:nth-child(5){grid-column:4;grid-row:2}.regelkoppen>:nth-child(6),.postrij>:nth-child(6){grid-column:5;grid-row:2}.regelkoppen>:nth-child(7),.postrij>:nth-child(7){grid-column:6;grid-row:1 / 3}}.regelkoppen{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-flauw);font-weight:640;padding:0 4px 6px;border-bottom:1px solid var(--rand)}.regelkoppen .getal{text-align:right}.hoofdstukblok{margin-top:var(--ruimte-3)}.hoofdstukrij{display:flex;align-items:center;gap:6px;padding:7px 4px;border-bottom:2px solid var(--rand-sterk);margin-bottom:2px}.klapper{border:none;background:none;color:var(--tekst-flauw);cursor:pointer;padding:2px;display:flex;border-radius:4px}.klapper:hover{background:var(--neutraal-zacht);color:var(--tekst)}.hoofdstuknaam{flex:1;font-weight:650!important;font-size:14px!important}.hoofdstuk-subtotaal{font-weight:650;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.postrij{padding:3px 4px;border-radius:var(--r-s);position:relative}.postrij:hover{background:var(--vlak-zacht)}.postrij.sleept{opacity:.4}.postrij.optioneel .postomschrijving .cel,.postrij.optioneel .posttotaal{color:var(--tekst-flauw)}.greep{color:transparent;cursor:grab;display:flex;justify-content:center}.postrij:hover .greep{color:var(--tekst-flauw)}.cel{width:100%;min-height:32px;border:1px solid transparent;background:transparent;border-radius:var(--r-s);padding:5px 7px;font:inherit;font-size:14px;color:var(--tekst)}.cel:hover:not(:disabled){border-color:var(--rand)}.cel:focus{outline:none;border-color:var(--accent);background:var(--vlak);box-shadow:0 0 0 3px var(--accent-zacht)}.cel:disabled{color:var(--tekst-zacht)}.cel.getal{text-align:right;font-variant-numeric:tabular-nums}.cel.eenheid{color:var(--tekst-zacht)}.postomschrijving{min-width:0}.postmerken{display:flex;align-items:center;gap:6px;padding:0 8px;font-size:12.5px;color:var(--tekst-flauw);min-height:15px}.soortstip{width:7px;height:7px;border-radius:50%;flex:none}.soortnaam{text-transform:capitalize}.posttotaal{text-align:right;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;padding-right:7px}.rijmenu{position:relative}.rijmenu-paneel{position:absolute;right:0;top:100%;z-index:40;min-width:210px;background:var(--vlak-verhoogd);border:1px solid var(--rand);border-radius:var(--r-m);box-shadow:var(--schaduw-l);padding:5px}.menukop{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-flauw);font-weight:640;padding:8px 8px 3px}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:none;background:none;border-radius:var(--r-s);font:inherit;font-size:14px;color:var(--tekst);cursor:pointer;text-align:left}.menu-item:hover{background:var(--neutraal-zacht)}.menu-item.aan{color:var(--accent);font-weight:600}.menu-item.gevaar{color:var(--rood)}.voegrij,.voeghoofdstuk{display:flex;align-items:center;gap:7px;border:none;background:none;font:inherit;font-size:12.5px;color:var(--tekst-flauw);cursor:pointer;padding:6px 8px;border-radius:var(--r-s);width:100%;text-align:left}.voegrij:hover,.voeghoofdstuk:hover{background:var(--neutraal-zacht);color:var(--accent)}.voeghoofdstuk{margin-top:var(--ruimte-3);border:1px dashed var(--rand-sterk);justify-content:center;font-weight:550}.sneltoetsen{margin-top:var(--ruimte-4);font-size:12.5px;color:var(--tekst-flauw)}.sneltoetsen kbd{font:inherit;background:var(--vlak-zacht);border:1px solid var(--rand);border-bottom-width:2px;border-radius:4px;padding:0 5px;margin:0 1px}.bouwer-zij{display:flex;flex-direction:column;gap:var(--ruimte-4);position:sticky;top:calc(var(--top) + 78px)}.somrij{display:flex;justify-content:space-between;font-size:14px;padding:3px 0;font-variant-numeric:tabular-nums}.somrij.groot{font-weight:600}.somrij.eind{border-top:1px solid var(--rand);margin-top:6px;padding-top:8px;font-weight:700;font-size:16px}.somrij.optie{color:var(--tekst-flauw);font-size:12.5px;margin-top:6px}.verdeelrij{margin-bottom:9px}.verdeelkop{display:flex;align-items:center;gap:6px;font-size:12.5px;margin-bottom:3px}.verdeelbedrag{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}.verdeelbalk{height:5px;background:var(--neutraal-zacht);border-radius:3px;overflow:hidden}.verdeelbalk>span{display:block;height:100%;border-radius:3px;transition:width var(--normaal) var(--soepel)}@media(max-width:900px){.regelkoppen,.postrij{grid-template-columns:18px minmax(0,1fr) 70px 56px 90px 100px 30px}.bouwer-blad{padding:var(--ruimte-4) var(--ruimte-3)}}.veldpagina{max-width:620px;margin:0 auto}.veldpagina.met-voet{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}.veld-balk{display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-3) 0 var(--ruimte-4)}.klus{display:flex;align-items:center;gap:var(--ruimte-3);width:100%;text-align:left;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);padding:var(--ruimte-3) var(--ruimte-4);margin-bottom:var(--ruimte-2);font:inherit;color:inherit;cursor:pointer;min-height:76px;box-shadow:var(--schaduw-s)}.klus:active{background:var(--vlak-zacht)}.klus.loopt{border-color:var(--groen);box-shadow:inset 3px 0 0 var(--groen),var(--schaduw-s)}.klus .tijdkolom{display:flex;flex-direction:column;align-items:center;min-width:52px}.klus .tijdkolom .tijd{font-size:16px;font-weight:660;font-variant-numeric:tabular-nums;color:var(--accent)}.klus .tijdkolom .duur{font-size:12.5px;color:var(--tekst-flauw)}.klus .kern{flex:1;min-width:0}.klus .kern .titel{font-size:16px;font-weight:640;line-height:1.3}.klus .kern .klant{font-size:14px;color:var(--tekst-zacht);margin-top:1px}.klus .merken{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.chip.soort-storing{background:var(--rood-zacht);color:var(--rood)}.chip.soort-service{background:var(--groen-zacht);color:var(--groen)}.chip.soort-onderhoud{background:var(--amber-zacht);color:var(--amber)}.klok-cijfers{font-variant-numeric:tabular-nums;font-weight:640}.klus-kop{display:flex;flex-direction:column;gap:var(--ruimte-3);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);padding:var(--ruimte-4);margin-bottom:var(--ruimte-3)}.klus-kop .adres{display:flex;gap:8px;align-items:flex-start;font-size:16px;font-weight:600;line-height:1.35}.klus-kop .adres .veld-sub{display:block;font-weight:400}.snelacties{display:flex;gap:var(--ruimte-2)}.snelactie{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:var(--r-m);background:var(--accent-zacht);color:var(--accent);font-size:16px;font-weight:620;text-decoration:none}.snelactie:active{background:var(--accent-rand)}.klus-kop .toegang{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-m);background:var(--amber-zacht);color:var(--amber);font-size:14px;line-height:1.4}.eerder{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--rand);padding-top:var(--ruimte-2)}.eerder-rij{display:flex;gap:10px;font-size:14px}.eerder-rij .wanneer{color:var(--tekst-flauw);min-width:58px}.eerder-rij .wat{color:var(--tekst-zacht);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tellers{display:flex;gap:var(--ruimte-4)}.tellers>div{display:flex;flex-direction:column}.tellers .getal{font-size:26px;font-weight:660;font-variant-numeric:tabular-nums;line-height:1.1}.tellers .label{font-size:12.5px;color:var(--tekst-flauw)}.materiaallijst{display:flex;flex-direction:column;gap:4px;font-size:14px;border-top:1px solid var(--rand);padding-top:var(--ruimte-2)}.materiaallijst .veld-sub{float:right;margin:0}.tweeknoppen{display:flex;gap:var(--ruimte-2)}.veld-knop{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:68px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);font:inherit;font-size:14px;font-weight:600;color:var(--tekst-zacht);cursor:pointer}.veld-knop:active{background:var(--vlak-zacht)}.materiaalvorm{display:flex;flex-direction:column;gap:var(--ruimte-2)}.materiaalvorm .rij{display:flex;gap:var(--ruimte-2)}.materiaalvorm .rij .invoer{flex:1;min-width:0}.materiaalvorm .invoer{min-height:50px;font-size:16px}.veld-voet{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:var(--ruimte-3) var(--ruimte-4) calc(var(--ruimte-3) + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--grond) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--rand)}.veld-voet>*{max-width:620px;margin:0 auto}.grote-knoppen{display:flex;gap:var(--ruimte-2);max-width:620px;margin:0 auto}.grote-knop{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:60px;border:none;border-radius:var(--r-m);background:var(--accent);color:#fff;font:inherit;font-size:16px;font-weight:640;cursor:pointer}.grote-knop:active{filter:brightness(.94)}.grote-knop.tweede{background:var(--vlak);color:var(--tekst);border:1px solid var(--rand-sterk)}.grote-knop.stop{background:var(--groen);justify-content:space-between;padding:0 var(--ruimte-4)}.veld-afronden{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#060c168c;display:flex;align-items:flex-end;justify-content:center}.veld-afronden .blad{width:100%;max-width:620px;display:flex;flex-direction:column;gap:var(--ruimte-3);background:var(--vlak);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--ruimte-5) var(--ruimte-4) calc(var(--ruimte-4) + env(safe-area-inset-bottom,0px));animation:omhoog var(--normaal) var(--soepel)}@keyframes omhoog{0%{transform:translateY(16px);opacity:0}}.veld-afronden .invoer{min-height:50px;font-size:16px}.veld-afronden .knoppen{display:flex;gap:var(--ruimte-2);align-items:center}.veld-afronden .knoppen .knop{min-height:60px}.veld-kop{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-flauw);margin:var(--ruimte-4) 0 var(--ruimte-2)}.veld-lijst{display:flex;flex-direction:column}.veld-kaart{display:block;width:100%;text-align:left;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);padding:var(--ruimte-4);margin-bottom:var(--ruimte-2);font:inherit;color:inherit;cursor:pointer;min-height:76px;box-shadow:var(--schaduw-s)}.veld-kaart:active{background:var(--vlak-zacht)}.veld-kaart-kop{display:flex;align-items:baseline;gap:var(--ruimte-2)}.veld-titel{font-size:16px;font-weight:640;line-height:1.3}.veld-tijd{margin-left:auto;font-size:16px;font-weight:640;font-variant-numeric:tabular-nums;color:var(--accent)}.veld-sub{font-size:14px;color:var(--tekst-zacht);margin-top:2px}.veld-blok{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);padding:var(--ruimte-4);margin-bottom:var(--ruimte-3);display:flex;flex-direction:column;gap:var(--ruimte-3)}.veld-tabs{display:flex;gap:var(--ruimte-1);background:var(--neutraal-zacht);padding:4px;border-radius:var(--r-m);margin-bottom:var(--ruimte-3)}.veld-tab{flex:1;min-height:42px;border:none;background:none;border-radius:var(--r-s);font:inherit;font-size:14px;font-weight:550;color:var(--tekst-zacht);cursor:pointer}.veld-tab.aan{background:var(--vlak);color:var(--tekst);box-shadow:var(--schaduw-s)}.veld-label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--tekst-zacht);flex:1}.veld-label input,.veld-label textarea{min-height:48px;padding:10px 12px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);font:inherit;font-size:16px;background:var(--vlak);color:var(--tekst);font-weight:400}.veld-rij{display:flex;gap:var(--ruimte-3)}.veld-keuze{flex:1;min-height:48px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);font:inherit;font-size:16px;font-weight:550;color:var(--tekst-zacht);cursor:pointer}.veld-keuze.aan{background:var(--accent-zacht);border-color:var(--accent);color:var(--accent)}.veld-knop{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);font:inherit;font-size:16px;font-weight:600;color:var(--tekst);cursor:pointer}.veld-knop.primair{background:var(--accent);border-color:var(--accent);color:var(--tekst-op-accent)}.veld-knop.groot{min-height:60px;font-size:16px}.veld-knop:disabled{opacity:.45}.veldstatus{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-m);background:var(--accent-zacht);color:var(--accent);font-size:14px;font-weight:550;margin-bottom:var(--ruimte-3)}.veldstatus.offline{background:var(--amber-zacht);color:var(--amber)}.rij-item.wachtend{opacity:.75}.rij-item.wachtend .titel{font-style:italic}.geldrij{margin-bottom:var(--ruimte-3)}.geldkop{display:flex;align-items:baseline;gap:8px;font-size:12.5px;margin-bottom:4px}.geldkop .soort{font-weight:600;text-transform:capitalize}.geldkop .cijfers{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--tekst-zacht)}.geldbalk{height:10px;background:var(--neutraal-zacht);border-radius:5px;display:flex;overflow:hidden}.geldbalk .besteed{background:var(--accent)}.geldbalk .verplicht{background:repeating-linear-gradient(45deg,var(--accent-rand),var(--accent-rand) 3px,transparent 3px,transparent 6px);border-right:1px solid var(--accent-rand)}.geldrij.let_op .geldbalk .besteed{background:var(--amber)}.geldrij.over .geldbalk .besteed{background:var(--rood)}.geldvoet{display:flex;justify-content:space-between;font-size:12.5px;color:var(--tekst-flauw);margin-top:3px}.geldvoet .over{color:var(--rood);font-weight:600}.geldvoet .let_op{color:var(--amber);font-weight:600}.margekaart{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--ruimte-3);padding:var(--ruimte-4);background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-m)}.margekaart .post .label{font-size:12.5px;color:var(--tekst-zacht)}.margekaart .post .waarde{font-size:20px;font-weight:640;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.margekaart .post .waarde.negatief{color:var(--rood)}.margekaart .post .waarde.positief{color:var(--groen)}.maandbalken{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ruimte-2);align-items:end}.maandbalk{display:flex;flex-direction:column;align-items:center;gap:6px}.maandkolom{position:relative;width:100%;height:120px;background:var(--neutraal-zacht);border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}.maandvulling{display:block;width:100%;background:var(--accent);border-radius:4px 4px 0 0;transition:height var(--normaal) var(--soepel);min-height:2px}.doelstreep{position:absolute;left:0;right:0;height:0;border-top:1.5px dashed var(--tekst-flauw);z-index:1}.maandnaam{font-size:12.5px;color:var(--tekst-flauw)}.publiek{min-height:100vh;background:var(--grond);padding:var(--ruimte-6) var(--ruimte-4)}.publiek-blad{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:var(--ruimte-4)}.publiek-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ruimte-4);flex-wrap:wrap}.bord{display:flex;gap:var(--ruimte-3);overflow-x:auto;padding-bottom:var(--ruimte-2);align-items:flex-start}.kolom{flex:0 0 272px;background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-l);padding:var(--ruimte-2);display:flex;flex-direction:column;gap:var(--ruimte-2);min-height:160px;transition:background var(--snel) var(--soepel),border-color var(--snel) var(--soepel)}.kolom.sleepdoel{background:var(--accent-zacht);border-color:var(--accent)}.kolom.instroom{background:transparent;border-style:dashed;border-color:var(--rand-sterk)}.kolom.instroom .kolom-balk{visibility:hidden}.kolom.instroomfase{border-left:2px solid var(--accent)}.kolom-lijf{display:flex;flex-direction:column;gap:var(--ruimte-2)}.kolom-kop{display:flex;flex-direction:column;gap:3px;padding:2px 4px 6px}.kolom-kop .rij{display:flex;align-items:center;gap:6px}.kolom-kop .naam{font-weight:640;font-size:12.5px}.kolom-kop .aantal{font-size:12.5px;color:var(--tekst-flauw);font-weight:620;background:var(--neutraal-zacht);border-radius:20px;padding:0 6px}.kolom-kop .som{font-size:12.5px;color:var(--tekst);font-weight:640;font-variant-numeric:tabular-nums}.kolom-kop .gewogen{margin-left:auto;font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.kolom-balk{height:3px;border-radius:3px;background:var(--neutraal-zacht);overflow:hidden;margin-top:2px}.kolom-balk>span{display:block;height:100%;background:var(--accent);opacity:.55;border-radius:3px}.kaartje{position:relative;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);padding:9px 10px 9px 12px;cursor:pointer;box-shadow:var(--schaduw-s);text-align:left;width:100%;font:inherit;color:inherit;display:block;transition:border-color var(--snel) var(--soepel),box-shadow var(--snel) var(--soepel),transform var(--snel) var(--soepel)}.kaartje:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:3px;background:color-mix(in srgb,var(--accent) calc(20% + var(--gewicht, 0) * 80%),var(--rand-sterk))}.kaartje.let-op:before{background:color-mix(in srgb,var(--amber) calc(35% + var(--gewicht, 0) * 65%),var(--rand-sterk))}.kaartje:hover{border-color:var(--accent-rand);box-shadow:var(--schaduw-m);transform:translateY(-1px)}.kaartje:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kaartje.sleept{opacity:.4}.leadkaartje{background:var(--vlak-zacht);border-style:dashed}.leadkaartje:before{background:var(--rand-sterk)}.leadkaartje.let-op:before{background:var(--rood)}.leadkaartje .bedrag{color:var(--tekst-zacht);font-weight:550}.eerstecontact{margin-top:var(--ruimte-4);padding-top:var(--ruimte-3);border-top:1px solid var(--rand)}.eerstecontact h4{margin:0;font-size:14px}.eerstecontact>p{margin:3px 0 var(--ruimte-3);font-size:12.5px;line-height:1.5;color:var(--tekst-zacht);max-width:62ch}.contactsoorten{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--ruimte-3)}.contactsoort{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak);font:inherit;font-size:14px;color:var(--tekst-zacht);cursor:pointer;transition:border-color var(--snel) var(--soepel),color var(--snel) var(--soepel)}.contactsoort:hover{border-color:var(--accent-rand);color:var(--tekst)}.contactsoort.aan{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent);font-weight:600}.contactsoort:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kaartje .titel{font-weight:600;font-size:12.5px;line-height:1.35}.kaartje .relatie{font-size:12.5px;color:var(--tekst-zacht);margin-top:1px}.kaartje .onder{display:flex;align-items:center;gap:6px;margin-top:8px}.kaartje .bedrag{font-weight:660;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.kaartje .kansmeter{margin-left:auto;width:42px;height:3px;border-radius:3px;background:var(--neutraal-zacht);overflow:hidden}.kaartje .kansmeter>span{display:block;height:100%;background:var(--accent);border-radius:3px}.kaartje .pct{font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums;min-width:26px;text-align:right}.kaartje .merken{display:flex;align-items:center;gap:4px;margin-top:7px;flex-wrap:wrap}.kaartje .merken .chip{font-size:12.5px;padding:0 6px}.kaartje .merken .soort{margin-left:auto;font-size:12.5px;color:var(--tekst-flauw)}.bord-hint{font-size:12.5px;color:var(--tekst-flauw);margin-top:var(--ruimte-2)}.pijplijn-balk{display:flex;flex-wrap:wrap;gap:var(--ruimte-3);align-items:center;justify-content:space-between;margin-bottom:var(--ruimte-3)}.pijplijn-gereedschap{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pijplijn-gereedschap .zoek{max-width:200px;height:30px;font-size:12.5px}.linkknop{background:none;border:none;padding:0;font:inherit;color:var(--amber);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.vorm{display:flex;flex-direction:column;gap:var(--ruimte-5)}.vormsectie{display:flex;flex-direction:column;gap:var(--ruimte-3);border:none;border-top:1px solid var(--rand);padding:var(--ruimte-4) 0 0;margin:0}.vormsectie:first-child{border-top:none;padding-top:0}.vormsectie>legend{padding:0;font-size:12.5px;font-weight:680;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-flauw)}.vormveld{display:flex;flex-direction:column;gap:5px;min-width:0}.vormveld .etiket{font-size:12.5px;font-weight:600;color:var(--tekst-zacht)}.vormveld .nodig{font-size:12.5px;font-weight:620;color:var(--amber);margin-left:4px;text-transform:lowercase;letter-spacing:0}.vormveld input,.vormveld select,.vormveld textarea{width:100%;min-height:40px;padding:8px 11px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);color:var(--tekst);font:inherit;font-size:14px}.vormveld input:focus,.vormveld select:focus,.vormveld textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.vormveld textarea{min-height:72px;resize:vertical}.vormveld .hint{font-size:12.5px;color:var(--tekst-flauw);line-height:1.4}.vormpaar{display:grid;grid-template-columns:1fr 1fr;gap:var(--ruimte-3)}.vormmelding{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:var(--r-m);background:var(--accent-zacht);color:var(--accent);font-size:12.5px;font-weight:600}.segmenten{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:6px}.segmenten.smal{grid-template-columns:repeat(3,1fr)}.segment{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);font:inherit;text-align:left;cursor:pointer;color:var(--tekst-zacht)}.segment:hover{border-color:var(--accent-rand)}.segment.aan{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.segment .naam{font-size:14px;font-weight:620}.segment .uitleg{font-size:12.5px;color:var(--tekst-flauw)}.segment.aan .uitleg{color:var(--accent);opacity:.8}.duurknoppen{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.duurknop{padding:7px 11px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);font:inherit;font-size:12.5px;font-weight:600;color:var(--tekst-zacht);cursor:pointer}.duurknop:hover{border-color:var(--accent-rand)}.duurknop.aan{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent)}.duurvrij{width:74px;min-height:36px;padding:7px 9px;border:1px solid var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak);color:var(--tekst);font:inherit;font-size:12.5px;font-variant-numeric:tabular-nums}.duurknoppen .eenheid{font-size:12.5px;color:var(--tekst-flauw)}.planbord-kaart{padding:var(--ruimte-4)}.planbord-kop{display:flex;justify-content:space-between;align-items:center;gap:var(--ruimte-3);flex-wrap:wrap;margin-bottom:var(--ruimte-3)}.planbord-kop .navigatie{display:flex;gap:6px;align-items:center}.planbord{display:grid;grid-template-columns:216px minmax(0,1fr);gap:var(--ruimte-3);align-items:start}@media(max-width:1000px){.planbord{grid-template-columns:1fr}}.planstapel{display:flex;flex-direction:column;gap:6px;padding:var(--ruimte-2);background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-l);min-height:120px;max-height:620px;overflow-y:auto}.planstapel.doel{border-color:var(--accent);background:var(--accent-zacht)}.planstapel .kop{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:640;padding:2px 4px 6px}.planstapel .kop .aantal{background:var(--neutraal-zacht);border-radius:20px;padding:0 6px;font-size:12.5px;color:var(--tekst-flauw)}.planstapel .leegje{font-size:12.5px;color:var(--tekst-flauw);padding:var(--ruimte-2)}.planraster{display:grid;grid-template-columns:150px repeat(var(--dagen, 5),minmax(0,1fr));gap:4px;overflow-x:auto}.plandag{padding:6px 8px;font-size:12.5px;font-weight:640;color:var(--tekst-zacht);text-align:center;border-radius:var(--r-s)}.plandag.vandaag{background:var(--accent-zacht);color:var(--accent)}.planmonteur{display:flex;align-items:center;gap:8px;padding:8px;font-size:12.5px;min-width:0}.planmonteur .naam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plancel{position:relative;display:flex;flex-direction:column;gap:4px;min-height:78px;padding:6px 5px 5px;background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-m);transition:background var(--snel) var(--soepel),border-color var(--snel) var(--soepel)}.plancel.vandaag{border-color:var(--accent-rand)}.plancel.doel{background:var(--accent-zacht);border-color:var(--accent)}.planbezetting{height:3px;border-radius:3px;background:var(--neutraal-zacht);overflow:hidden;margin-bottom:2px}.planbezetting>span{display:block;height:100%;background:var(--accent);opacity:.6}.planbezetting.bijna>span{background:var(--amber);opacity:.9}.planbezetting.over>span{background:var(--rood);opacity:1}.plankaart{position:relative;padding:6px 8px 7px 10px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-s);cursor:grab;box-shadow:var(--schaduw-s);text-align:left;font:inherit;color:inherit}.plankaart:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;border-radius:3px;background:var(--soort)}.plankaart:hover{border-color:var(--accent-rand);box-shadow:var(--schaduw-m)}.plankaart.sleept{opacity:.4}.plankaart .regel{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--tekst-flauw)}.plankaart .tijd{font-weight:640;color:var(--tekst-zacht);font-variant-numeric:tabular-nums}.plankaart .duur{margin-left:auto;font-variant-numeric:tabular-nums}.plankaart .stip{width:6px;height:6px;border-radius:50%;flex:none}.plankaart .stip.bezig{background:var(--groen)}.plankaart .stip.kritiek{background:var(--rood)}.plankaart .titel{font-size:12.5px;font-weight:600;line-height:1.3;margin-top:1px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.plankaart .klant{font-size:12.5px;color:var(--tekst-zacht);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inst-indeling{display:grid;grid-template-columns:224px minmax(0,1fr);gap:var(--ruimte-4);align-items:start}@media(max-width:900px){.inst-indeling{grid-template-columns:1fr}}.inst-rail{padding:var(--ruimte-2);position:sticky;top:var(--ruimte-4)}.inst-groep+.inst-groep{margin-top:var(--ruimte-3)}.inst-groep .kop{font-size:12.5px;font-weight:680;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-flauw);padding:4px 8px}.inst-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border:none;border-radius:var(--r-s);background:none;font:inherit;font-size:12.5px;color:var(--tekst-zacht);text-align:left;cursor:pointer}.inst-item:hover{background:var(--vlak-zacht);color:var(--tekst)}.inst-item.actief{background:var(--accent-zacht);color:var(--accent);font-weight:620}.inst-item .stip{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--tekst-flauw);flex:none}.inst-item .stip.rood{background:var(--rood)}.inst-item .stip.amber{background:var(--amber)}.inst-inhoud{display:flex;flex-direction:column;gap:var(--ruimte-4);min-width:0}.inst-zoek{position:relative;display:flex;align-items:center;gap:6px;padding:0 10px;min-width:260px;height:34px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);color:var(--tekst-flauw)}.inst-zoek input{height:100%;border:none;background:none;outline:none;font:inherit;font-size:12.5px;color:var(--tekst);width:100%}.inst-treffers{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;max-height:340px;overflow-y:auto;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);box-shadow:var(--schaduw-l);padding:4px}.inst-treffer{display:grid;grid-template-columns:1fr auto;gap:2px 8px;width:100%;padding:7px 9px;border:none;border-radius:var(--r-s);background:none;font:inherit;text-align:left;cursor:pointer}.inst-treffer:hover{background:var(--accent-zacht)}.inst-treffer .naam{font-size:12.5px;font-weight:600;color:var(--tekst)}.inst-treffer .waar{font-size:12.5px;color:var(--tekst-flauw)}.inst-treffer .hint{grid-column:1 / -1;font-size:12.5px;color:var(--tekst-zacht);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inst-gereedheid{margin-bottom:var(--ruimte-4)}.inst-gereedheid h2{display:flex;align-items:center;gap:8px}.inst-punt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 4px;border:none;border-bottom:1px solid var(--rand);background:none;font:inherit;text-align:left;cursor:pointer;color:var(--tekst-flauw)}.inst-punt:last-of-type{border-bottom:none}.inst-punt:hover{background:var(--vlak-zacht)}.inst-punt .tekst{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.inst-punt .tekst b{font-size:12.5px;font-weight:600;color:var(--tekst)}.leadrij{display:flex;align-items:center;gap:var(--ruimte-3);padding-block:10px;border-bottom:1px solid var(--rand);cursor:pointer}.leadrij:last-child{border-bottom:none}.leadrij:hover{background:var(--vlak-zacht)}.leadrij.wacht{box-shadow:inset 3px 0 0 var(--amber)}.leadklok{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:74px;background:none;border:none;padding:0;font:inherit;cursor:pointer}.leadklok .chip{font-variant-numeric:tabular-nums}.leadrij .titel{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:600;font-size:14px}.leadrij .titel .chip{font-size:12.5px;padding:0 6px}.leadactie{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:12.5px;color:var(--accent)}.leadacties{display:flex;gap:6px;align-items:center;flex-shrink:0}.signaalrij{display:flex;gap:var(--ruimte-3);padding:12px 4px;border-bottom:1px solid var(--rand);align-items:flex-start}.signaalrij:last-child{border-bottom:none}.signaalscore{display:flex;align-items:center;gap:5px;min-width:46px}.signaalscore .getal{font-size:16px;font-weight:660;font-variant-numeric:tabular-nums;color:var(--tekst-zacht)}.signaalscore .staafje{display:flex;align-items:flex-end;width:4px;height:30px;background:var(--neutraal-zacht);border-radius:3px;overflow:hidden}.signaalscore .staafje>span{display:block;width:100%;background:var(--accent);border-radius:3px}.signaalrij .titel{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:600;font-size:14px}.signaalrij .reden{font-size:12.5px;color:var(--tekst-zacht);margin-top:3px;line-height:1.45}.signaalrij .bewijs{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:12.5px;color:var(--tekst-flauw)}.signaalrij .bewijs b{font-weight:600;color:var(--tekst-zacht)}.landingsbalk{display:flex;gap:6px;align-items:flex-end;margin:var(--ruimte-4) 0 var(--ruimte-2);overflow-x:auto;padding-bottom:4px}.landingsmaand{display:flex;flex:1 0 62px;flex-direction:column;align-items:center;gap:5px;padding:6px 4px;background:none;border:1px solid transparent;border-radius:var(--r-s);cursor:pointer;font:inherit;color:var(--tekst-zacht)}.landingsmaand:hover{background:var(--vlak-zacht)}.landingsmaand.aan{border-color:var(--accent);background:var(--accent-zacht)}.landingsmaand .stapel{display:flex;flex-direction:column;justify-content:flex-end;width:70%;height:130px}.landingsmaand .deel{display:block;width:100%}.landingsmaand .deel.vast{background:var(--accent);border-radius:0 0 3px 3px}.landingsmaand .deel.verwacht{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--accent) 45%,transparent),color-mix(in srgb,var(--accent) 45%,transparent) 3px,transparent 3px,transparent 6px);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-bottom:none;border-radius:3px 3px 0 0}.landingsmaand .waarde{font-size:12.5px;font-weight:620;font-variant-numeric:tabular-nums}.landingsmaand .maand{font-size:12.5px;white-space:nowrap}.legenda{display:flex;gap:var(--ruimte-4);font-size:12.5px;color:var(--tekst-zacht)}.legenda span{display:flex;align-items:center;gap:6px}.legenda .vlak{width:12px;height:12px;border-radius:3px;display:inline-block}.legenda .vlak.vast{background:var(--accent)}.legenda .vlak.verwacht{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--accent) 45%,transparent),color-mix(in srgb,var(--accent) 45%,transparent) 3px,transparent 3px,transparent 6px);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.kolom-leeg{font-size:12.5px;color:var(--tekst-flauw);padding:var(--ruimte-3) var(--ruimte-1);text-align:center;border:1px dashed var(--rand-sterk);border-radius:var(--r-m)}.gegevensrij{display:flex;gap:var(--ruimte-3);padding:6px 0;border-bottom:1px solid var(--rand);font-size:14px}.gegevensrij:last-child{border-bottom:none}.gegevensrij .naam{color:var(--tekst-flauw);flex:0 0 140px}.gegevensrij .waarde{font-weight:550;min-width:0}.tijdlijn{display:flex;flex-direction:column}.tijdlijn-item{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--rand)}.tijdlijn-item:last-child{border-bottom:none}.tijdlijn-stip{flex:none;width:26px;height:26px;border-radius:50%;background:var(--neutraal-zacht);color:var(--tekst-zacht);display:grid;place-items:center}.tijdlijn-inhoud{min-width:0}.tijdlijn-inhoud .kop{font-weight:600;font-size:14px}.tijdlijn-inhoud .tekst{font-size:14px;color:var(--tekst-zacht);white-space:pre-wrap}.tijdlijn-inhoud .meta{font-size:12.5px;color:var(--tekst-flauw);margin-top:1px}.regelkop,.regelrij{display:grid;grid-template-columns:1fr 88px 66px 106px 116px 34px;gap:var(--ruimte-2);align-items:center}.regelkop{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-flauw);font-weight:620;padding-bottom:5px;border-bottom:1px solid var(--rand)}.regelrij{padding:4px 0}.regelrij.hoofdstuk{background:var(--neutraal-zacht);border-radius:var(--r-s);padding:5px 7px;margin:6px 0 2px}.regelrij.hoofdstuk input{font-weight:640}.regelrij input,.regelrij select{width:100%;min-height:30px;padding:4px 8px;border:1px solid var(--rand);border-radius:var(--r-s);font:inherit;font-size:14px;background:var(--vlak);color:var(--tekst)}.regelrij input:focus,.regelrij select:focus{outline:none;border-color:var(--accent)}.regelrij .totaal{text-align:right;font-weight:620;font-size:14px}.regel-inspring{padding-left:16px}.regelvlaggen{display:flex;gap:var(--ruimte-3);margin-top:4px;align-items:center;flex-wrap:wrap}.regelvlaggen .vinkje{font-size:12.5px;min-height:22px}.regelvlaggen select{max-width:150px;font-size:12.5px}.totalen{display:flex;flex-direction:column;gap:5px;margin-left:auto;width:280px}.totalen .rij{display:flex;justify-content:space-between;font-size:14px}.totalen .rij.eind{border-top:1px solid var(--rand);padding-top:6px;font-weight:700;font-size:16px}@media(max-width:900px){.app{grid-template-columns:1fr}.zijbalk{position:fixed;z-index:70;transform:translate(-100%);transition:transform var(--normaal) var(--soepel);width:var(--zij);box-shadow:var(--schaduw-l)}.zijbalk.open{transform:none}.inhoud{padding:var(--ruimte-4)}.paneel{width:100%}}@media(min-width:901px){.menuknop{display:none}}.kaart.eigenschuld{display:flex;gap:var(--ruimte-3);align-items:flex-start;padding:var(--ruimte-3) var(--ruimte-4);border-color:var(--amber);background:var(--amber-zacht);color:var(--amber)}.kaart.eigenschuld .titel{font-weight:600;color:var(--tekst)}.kaart.eigenschuld svg{flex:none;margin-top:2px}.ouderdomsbalk{display:flex;gap:2px;height:10px;margin-bottom:var(--ruimte-4)}.ouderdomsbalk .deel{flex-basis:0;min-width:6px;border-radius:999px}.ouderdomsbenen{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--ruimte-4)}.ouderdomsbenen .been .label{display:flex;align-items:center;gap:var(--ruimte-2);font-size:12.5px;color:var(--tekst-zacht)}.ouderdomsbenen .been .cijfer{font-size:26px;font-weight:650;font-variant-numeric:tabular-nums;margin-top:2px}.ouderdomsbenen .been .voet{font-size:12.5px;color:var(--tekst-flauw)}.ouderdomsbenen .vlek,.ouderdom .vlek{width:8px;height:8px;border-radius:999px;flex:none}.ouderdom{display:inline-flex;align-items:center;gap:var(--ruimte-2);font-variant-numeric:tabular-nums}.gedragrij{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(80px,2fr) auto;grid-template-areas:"naam staaf meta" "naam staaf sub";align-items:center;gap:2px var(--ruimte-4);padding-block:var(--ruimte-3);border-top:1px solid var(--rand)}.gedragrij .naam{grid-area:naam;font-weight:550}.gedragrij .staaf{grid-area:staaf;height:8px;border-radius:999px;background:var(--neutraal-zacht);overflow:hidden}.gedragrij .staaf .vulling{height:100%;border-radius:999px;transition:width var(--normaal) var(--soepel)}.gedragrij .meta{grid-area:meta;text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.gedragrij .subcel{grid-area:sub;text-align:right}.bewijsband{display:flex;gap:var(--ruimte-3);align-items:flex-start;padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--amber);background:var(--amber-zacht);color:var(--amber);border-radius:var(--r-m)}.bewijsband.compleet{border-color:var(--groen);background:var(--groen-zacht);color:var(--groen)}.bewijsband .titel{font-weight:600;color:var(--tekst)}.bewijsband svg{flex:none;margin-top:1px}.bewijs{margin:0 0 var(--ruimte-3) var(--ruimte-4);padding:var(--ruimte-3) var(--ruimte-4);border-left:2px solid var(--accent);background:var(--vlak-zacht);border-radius:0 var(--r-m) var(--r-m) 0}.bewijs .bewijskop{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--ruimte-3);font-weight:550}.bewijs .uitgevoerd{margin:var(--ruimte-2) 0 0;color:var(--tekst-zacht)}.bewijs .bewijsblok{margin-top:var(--ruimte-3)}.bewijs .bewijsblok .kop{font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--tekst-flauw);margin-bottom:var(--ruimte-1)}.bewijs .bewijsblok .regel{display:flex;gap:var(--ruimte-4);padding:2px 0;font-size:14px;font-variant-numeric:tabular-nums}.bewijs .bewijsblok .regel .meta{margin-left:auto}.bewijs .handtekening{display:flex;align-items:center;gap:var(--ruimte-2);margin-top:var(--ruimte-3);padding-top:var(--ruimte-3);border-top:1px solid var(--rand);color:var(--groen)}.geldsplitsing{border:1px solid var(--rand);border-radius:var(--r-m);padding:var(--ruimte-4)}.geldsplitsing h3{margin:0 0 var(--ruimte-3)}.geldsplitsing .regel{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ruimte-4);padding:var(--ruimte-2) 0}.geldsplitsing .regel .subcel{display:block}.geldsplitsing .regel .bedrag{font-variant-numeric:tabular-nums;white-space:nowrap}.geldsplitsing .regel.af .bedrag{color:var(--amber)}.geldsplitsing .regel.uitkomst{margin-top:var(--ruimte-2);padding-top:var(--ruimte-3);border-top:1px solid var(--rand);font-weight:650;font-size:16px}.rij-item.klikbaar{cursor:pointer}.rij-item.klikbaar:hover{background:var(--vlak-zacht)}.rij-item .titel .chip{margin-left:var(--ruimte-2)}.veldrij{display:flex;flex-direction:column;gap:5px;min-width:0}.veldrij>span{font-size:12.5px;font-weight:600;color:var(--tekst-zacht)}.veldrij.aanvinken{flex-direction:row;align-items:flex-start;gap:var(--ruimte-3)}.veldrij.aanvinken>span{font-weight:550;color:var(--tekst)}.veldrij.aanvinken .subcel{display:block;font-weight:400;margin-top:2px}.rolwerkbank{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--ruimte-4);align-items:start}.rolwerkbank .rollijst{padding:var(--ruimte-2);display:flex;flex-direction:column;gap:2px;position:sticky;top:calc(var(--top) + var(--ruimte-4))}.rolkaart{text-align:left;border:1px solid transparent;background:none;border-radius:var(--r-m);padding:var(--ruimte-3);cursor:pointer;color:inherit;font:inherit}.rolkaart:hover{background:var(--vlak-zacht)}.rolkaart.actief{background:var(--accent-zacht);border-color:var(--accent-rand)}.rolkaart .titel{font-weight:600;display:flex;align-items:center;gap:var(--ruimte-2)}.rolkaart .meta{font-size:12.5px;color:var(--tekst-flauw);margin-top:2px}.rollijst-voet{display:flex;gap:var(--ruimte-2);padding:var(--ruimte-2);margin-top:var(--ruimte-2);border-top:1px solid var(--rand)}.rollijst-voet .knop{flex:1}.rolbouwer{display:flex;flex-direction:column;gap:var(--ruimte-4);min-width:0}.rolbouwer .leegblok{text-align:center;padding:var(--ruimte-6);color:var(--tekst-zacht)}.rolbouwer .leegblok h3{margin:var(--ruimte-3) 0 var(--ruimte-2)}.rolbouwer .leegblok p{margin:0 auto;max-width:46ch}.rechtenblok>header{display:flex;align-items:center;gap:var(--ruimte-3);margin-bottom:var(--ruimte-2)}.rechtenblok>header h3{margin:0}.rechtenblok>header .knoppen{margin-left:auto;display:flex;gap:var(--ruimte-2)}.rechtrij{display:flex;align-items:flex-start;gap:var(--ruimte-3);padding:var(--ruimte-2);border-radius:var(--r-s);cursor:pointer}.rechtrij:hover{background:var(--vlak-zacht)}.rechtrij input{margin-top:3px;flex:none}.rechtrij .titel{font-weight:550;display:flex;align-items:center;gap:var(--ruimte-2);flex-wrap:wrap}.rechtrij:not(.aan) .titel{color:var(--tekst-zacht);font-weight:400}.bereikrij,.grensrij{display:flex;align-items:center;gap:var(--ruimte-4);padding:var(--ruimte-3);margin-top:var(--ruimte-2);border:1px dashed var(--rand-sterk);border-radius:var(--r-m);background:var(--vlak-zacht)}.bereikrij>div:first-child,.grensrij>div:first-child{flex:1;min-width:0}.bereikrij .titel,.grensrij .titel{font-weight:550}.bereikrij select{min-width:220px}.grensrij .invoer{display:flex;align-items:center;gap:var(--ruimte-2)}.grensrij .invoer .teken{color:var(--tekst-flauw)}.grensrij .invoer input{width:120px;text-align:right;font-variant-numeric:tabular-nums}.rolvoet{display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak);position:sticky;bottom:var(--ruimte-4);box-shadow:var(--schaduw-m)}.rolvoet .samenvatting{flex:1;font-size:14px;color:var(--tekst-zacht)}.rolvoet .samenvatting .waarschuwing{display:block;color:var(--amber);margin-top:2px}.kaart.scheidingsband{display:flex;gap:var(--ruimte-3);align-items:flex-start;padding:var(--ruimte-3) var(--ruimte-4);border-color:var(--amber);background:var(--amber-zacht);color:var(--amber)}.kaart.scheidingsband>svg{flex:none;margin-top:2px}.kaart.scheidingsband .titel{font-weight:650;color:var(--tekst);margin-bottom:var(--ruimte-2)}.scheidingsregel{margin-bottom:var(--ruimte-2)}.scheidingsregel strong{color:var(--tekst);display:block}.scheidingsregel span{color:var(--tekst-zacht);font-size:14px}.sjabloonrooster{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ruimte-3);margin-top:var(--ruimte-3)}.signaalrooster{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--ruimte-4);margin-bottom:var(--ruimte-4)}.signaalblok>header{display:flex;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-4) var(--ruimte-4) 0;margin-bottom:var(--ruimte-2)}.signaalblok>header h3{margin:0}.signaalblok .leegregel{display:flex;align-items:center;gap:var(--ruimte-2);color:var(--groen);font-size:14px;padding-block:var(--ruimte-2)}.rechtengroep{margin-bottom:var(--ruimte-4)}.rechtengroep h3{display:flex;align-items:center;gap:var(--ruimte-2);margin:0 0 var(--ruimte-2);font-size:14px;letter-spacing:.03em;text-transform:uppercase;color:var(--tekst-flauw)}.rechtregel{display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-2) 0;border-bottom:1px solid var(--rand)}.rechtregel>svg{flex:none;color:var(--groen)}.rechtregel>div{flex:1;min-width:0}.rechtregel .titel{font-weight:500}.rechtregel .bedrag{font-variant-numeric:tabular-nums;white-space:nowrap}.matrixomhulsel{overflow-x:auto;border:1px solid var(--rand);border-radius:var(--r-m)}table.matrix{border-collapse:collapse;width:100%;font-size:14px}table.matrix th:last-child,table.matrix td:last-child{padding-right:var(--ruimte-4)}table.matrix th,table.matrix td{padding:6px 10px;border-bottom:1px solid var(--rand);text-align:left}table.matrix thead th{position:sticky;top:0;background:var(--vlak);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-flauw);vertical-align:bottom}table.matrix th.gedraaid{text-align:center;min-width:74px;max-width:74px}table.matrix th.gedraaid span{display:block;white-space:normal;line-height:1.2}table.matrix .groepsrij td{background:var(--vlak-zacht);font-weight:650;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-flauw)}table.matrix .rechtnaam{position:sticky;left:0;background:var(--vlak);min-width:240px}table.matrix .rechtnaam .punt{display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--amber);margin-left:6px;vertical-align:middle}table.matrix .vinkcel{text-align:center;color:var(--groen)}table.matrix .vinkcel .leeg{color:var(--rand-sterk)}@media(max-width:900px){.rolwerkbank{grid-template-columns:1fr}.rolwerkbank .rollijst{position:static}.bereikrij,.grensrij{flex-direction:column;align-items:stretch}}.werkband{display:flex;flex-wrap:wrap;gap:var(--ruimte-5);padding:var(--ruimte-3) var(--ruimte-4);margin-bottom:var(--ruimte-3);border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak-zacht)}.werkband>div{display:flex;flex-direction:column}.werkband .cijfer{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.1}.werkband .label{font-size:12.5px;color:var(--tekst-flauw)}.werkband .let-op .cijfer{color:var(--amber)}.mankeert{display:flex;align-items:center;gap:var(--ruimte-2);margin-top:3px;font-size:12.5px;color:var(--amber)}.mankeert svg{flex:none}.veld-knop.breed{width:100%;margin-top:var(--ruimte-2)}.meerwerkvorm{display:flex;flex-direction:column;gap:var(--ruimte-3);margin-top:var(--ruimte-3);padding:var(--ruimte-4);border:1px solid var(--amber);border-radius:var(--r-m);background:var(--amber-zacht)}.meerwerkvorm .rij{display:flex;gap:var(--ruimte-2)}.meerwerkvorm .rij>*{flex:1;min-width:0}.meerwerkvorm .invoer{min-height:46px;font-size:16px}.meerwerkvorm .knop{min-height:50px;justify-content:center}.signalenband{display:flex;flex-direction:column;gap:var(--ruimte-2);margin-bottom:var(--ruimte-4)}.signalenband .signaal{display:flex;align-items:flex-start;gap:var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--amber);border-radius:var(--r-m);background:var(--amber-zacht);color:var(--amber)}.signalenband .signaal>svg{flex:none;margin-top:2px}.signalenband .signaal>div{flex:1;min-width:0}.signalenband .titel{font-weight:650;color:var(--tekst)}.signalenband .tekst{color:var(--tekst-zacht);font-size:14px;margin-top:2px}.kpigroep{margin-bottom:var(--ruimte-5)}.kpigroep>header{display:flex;align-items:baseline;gap:var(--ruimte-3);margin-bottom:var(--ruimte-3);flex-wrap:wrap}.kpigroep>header h2{margin:0;font-size:16px}.kpirooster{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--ruimte-3)}.kpikaart{text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--vlak);border:1px solid var(--rand);border-left:3px solid var(--rand-sterk);border-radius:var(--r-m);padding:var(--ruimte-4);display:flex;flex-direction:column;gap:var(--ruimte-2);transition:border-color var(--snel) var(--soepel)}.kpikaart:hover{border-color:var(--rand-sterk)}.kpikaart.goed{border-left-color:var(--groen)}.kpikaart.matig{border-left-color:var(--amber)}.kpikaart.slecht{border-left-color:var(--rood)}.kpikaart.open{grid-column:1 / -1}.kpikaart .kop{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-2)}.kpikaart .naam{font-weight:600;font-size:14px}.kpikaart .waarde{font-size:30px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.kpikaart .onder{display:flex;align-items:center;gap:var(--ruimte-3);justify-content:space-between}.kpikaart .richting{display:inline-flex;align-items:center;gap:3px;font-size:12.5px;color:var(--tekst-flauw)}.kpikaart .richting.beter{color:var(--groen)}.kpikaart .richting.slechter{color:var(--rood)}.verloop{width:84px;height:28px;flex:none}.verloop path{stroke:var(--rand-sterk)}.verloop circle{fill:var(--rand-sterk)}.verloop.goed path,.verloop.goed circle{stroke:var(--groen);fill:var(--groen)}.verloop.matig path,.verloop.matig circle{stroke:var(--amber);fill:var(--amber)}.verloop.slecht path,.verloop.slecht circle{stroke:var(--rood);fill:var(--rood)}.verloop.leeg{font-size:12.5px;color:var(--tekst-flauw);width:auto}.kpikaart .uitleg{border-top:1px solid var(--rand);padding-top:var(--ruimte-3);margin-top:var(--ruimte-2);display:flex;flex-direction:column;gap:var(--ruimte-2)}.kpikaart .uitleg p{margin:0;font-size:14px;color:var(--tekst-zacht)}.kpikaart .uitleg .waarom{color:var(--tekst)}.kpikaart .uitleg .reeks{display:flex;flex-wrap:wrap;gap:var(--ruimte-3);font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.kpikaart .uitleg .reeks b{color:var(--tekst-zacht);font-weight:600}.tegel .cijfer .van{font-size:20px;font-weight:500;color:var(--tekst-flauw)}.modulerij{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(80px,2fr) auto;grid-template-areas:"naam staaf meta" "naam staaf sub";align-items:center;gap:2px var(--ruimte-4);padding-block:var(--ruimte-3);border-top:1px solid var(--rand)}.modulerij .naam{grid-area:naam;font-weight:550;overflow-wrap:anywhere}.modulerij .staaf{grid-area:staaf;height:8px;border-radius:999px;background:var(--neutraal-zacht);overflow:hidden}.modulerij .staaf .vulling{height:100%;border-radius:999px;background:var(--accent)}.modulerij .meta{grid-area:meta;text-align:right;font-variant-numeric:tabular-nums}.modulerij .subcel{grid-area:sub;text-align:right}.apparaatrij{display:flex;gap:var(--ruimte-5);flex-wrap:wrap}.apparaatrij .cijfer{display:block;font-size:26px;font-weight:650;font-variant-numeric:tabular-nums}.apparaatrij .label{font-size:12.5px;color:var(--tekst-flauw)}.uurbalk{display:flex;align-items:flex-end;gap:3px;height:110px}.uurbalk.breed{gap:2px}.uurbalk .uur{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}.uurbalk .uur .staaf{width:100%;min-height:2px;background:var(--accent);border-radius:2px 2px 0 0;transition:height var(--normaal) var(--soepel)}.uurbalk .uur span{font-size:12.5px;color:var(--tekst-flauw);margin-top:3px;height:12px}.spoorlijst{border:1px solid var(--rand);border-radius:var(--r-m);overflow:hidden;font-size:12.5px;font-variant-numeric:tabular-nums}.spoorregel{display:grid;grid-template-columns:130px 46px minmax(0,1fr) 40px 60px;gap:var(--ruimte-2);padding:5px var(--ruimte-3);border-bottom:1px solid var(--rand);align-items:center}.spoorregel:last-child{border-bottom:none}.spoorregel.fout{background:var(--rood-zacht)}.spoorregel .tijd{color:var(--tekst-flauw)}.spoorregel .methode{font-weight:650;font-size:12.5px;color:var(--tekst-zacht)}.spoorregel .pad{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spoorregel .status,.spoorregel .duur{text-align:right;color:var(--tekst-flauw)}.spoorregel.fout .status{color:var(--rood);font-weight:650}@media(max-width:700px){.spoorregel{grid-template-columns:1fr auto;grid-template-areas:"pad status" "tijd duur"}.spoorregel .methode{display:none}.spoorregel .pad{grid-area:pad}.spoorregel .tijd{grid-area:tijd}.spoorregel .status{grid-area:status}.spoorregel .duur{grid-area:duur}}.modulerij.klikbaar{cursor:pointer}.modulerij.klikbaar:hover{background:var(--vlak-zacht)}.modulerij .naam .chip{margin-left:var(--ruimte-2)}.grafiek{position:relative;width:100%}.grafiek svg{width:100%;height:auto;display:block;overflow:visible}.grafiek .raster{stroke:var(--rand);stroke-width:1;vector-effect:non-scaling-stroke}.grafiek .aslabel{font-size:12.5px;fill:var(--tekst-flauw)}.grafiek .doellijn{stroke:var(--tekst-flauw);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.grafiek .doellabel{font-size:12.5px;fill:var(--tekst-flauw)}.grafiek .reeks{color:var(--accent)}.grafiek .reeks.r1{color:var(--merk-koel)}.grafiek .lijn{stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.grafiek .stip{fill:currentColor}.grafiek .raakvlak{fill:transparent;cursor:crosshair}.grafiek .staaf{fill:var(--accent);transition:fill var(--snel) var(--soepel)}.grafiek .staaf.aan{fill:var(--accent-hover)}.grafiek-leeg{padding:var(--ruimte-5);text-align:center;color:var(--tekst-flauw);font-size:14px;border:1px dashed var(--rand-sterk);border-radius:var(--r-m)}.grafiek-tip{position:absolute;top:0;transform:translate(-50%);background:var(--merk-donker);color:#fff;padding:var(--ruimte-2) var(--ruimte-3);border-radius:var(--r-s);font-size:12.5px;pointer-events:none;white-space:nowrap;box-shadow:var(--schaduw-m);z-index:3}.grafiek-tip .periode{opacity:.7;font-size:12.5px;margin-bottom:2px}.grafiek-tip>div:not(.periode){display:flex;gap:var(--ruimte-3);justify-content:space-between}.grafiek-tip .naam{opacity:.75}.grafiek-tip .waarde{font-weight:650;font-variant-numeric:tabular-nums}.verhouding{margin-bottom:var(--ruimte-3)}.verhouding .baan{display:flex;height:10px;border-radius:999px;background:var(--neutraal-zacht);overflow:hidden}.verhouding .vulling{background:var(--groen);transition:width var(--normaal) var(--soepel)}.verhouding.krap .vulling,.verhouding.over .vulling{background:var(--amber)}.verhouding .over{background:var(--rood)}.verhouding .onder{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px;font-size:12.5px;color:var(--tekst-zacht)}.verhouding .cijfers{font-variant-numeric:tabular-nums;color:var(--tekst-flauw)}.verhouding .cijfers b{color:var(--tekst);margin-left:4px}.verhouding.over .cijfers b{color:var(--rood)}.tegels.vier{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.signalenband .signaal{width:100%;text-align:left;font:inherit;cursor:pointer;align-items:center}.signalenband .signaal:hover{border-color:var(--tekst-zacht)}.signalenband .signaal.slecht{border-color:var(--rood);background:var(--rood-zacht);color:var(--rood)}.signalenband .signaal.let_op{border-color:var(--amber);background:var(--amber-zacht);color:var(--amber)}.signalenband .signaal>svg:last-child{flex:none;opacity:.5}.minibaan{position:relative;height:16px;min-width:68px;border-radius:999px;background:var(--neutraal-zacht);overflow:hidden}.minibaan .vulling{position:absolute;inset:0 auto 0 0;background:var(--accent-zacht)}.minibaan span{position:relative;display:block;text-align:center;font-size:12.5px;line-height:16px;font-variant-numeric:tabular-nums;color:var(--tekst)}.kaart-kop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ruimte-3);flex-wrap:wrap;margin-bottom:var(--ruimte-3)}.kaart-kop h2{margin:0;font-size:16px}.kpikaart .uitleg .grafiek{margin-bottom:var(--ruimte-2)}.monteurrij{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(200px,1.4fr);align-items:center;gap:var(--ruimte-4);padding-block:var(--ruimte-3);border-top:1px solid var(--rand)}.monteurrij .naam{font-weight:550}.monteurrij .uren{text-align:right}.monteurrij .uren .cijfer{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums}.monteurrij .uren .label{font-size:12.5px;color:var(--tekst-flauw);margin-left:3px}.monteurrij .maten{display:flex;align-items:center;gap:var(--ruimte-2);flex-wrap:wrap;justify-content:flex-end}@media(max-width:760px){.monteurrij{grid-template-columns:1fr auto;grid-template-areas:"naam uren" "maten maten";gap:var(--ruimte-2)}.monteurrij .naam{grid-area:naam}.monteurrij .uren{grid-area:uren}.monteurrij .maten{grid-area:maten;justify-content:flex-start}}.tweebaans{display:flex;flex-direction:column;gap:2px;min-width:74px}.tweebaans .minibaan{height:13px}.tweebaans .minibaan span{line-height:13px;font-size:12.5px}.minibaan.kosten .vulling{background:var(--amber);opacity:.42}.onzeker{color:var(--tekst-zacht);font-style:italic}.chip.vaag{opacity:.62;border-style:dashed}.verloopregel{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:var(--ruimte-4);padding-block:var(--ruimte-2);border-top:1px solid var(--rand)}.verloopregel .wie{display:flex;flex-direction:column;min-width:0}.verloopregel .wie .naam{font-weight:550}.strook{display:flex;gap:2px}.strook .vakje{width:11px;height:18px;border-radius:2px;background:var(--neutraal-zacht)}.strook .vakje.aan{background:var(--accent)}@media(max-width:700px){.verloopregel{grid-template-columns:1fr auto;grid-template-areas:"wie chip" "strook strook";gap:var(--ruimte-2)}.verloopregel .wie{grid-area:wie}.verloopregel .strook{grid-area:strook;flex-wrap:wrap}}.cohorttabel{border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}.cohorttabel th,.cohorttabel td{padding:5px 7px;text-align:center;white-space:nowrap}.cohorttabel th{color:var(--tekst-flauw);font-weight:550;font-size:12.5px}.cohorttabel th:first-child,.cohorttabel td:first-child{text-align:left}.cohorttabel .cohortvak{background:var(--accent);color:#fff;border-radius:var(--r-s)}.cohorttabel .leeg{background:none}.banden{display:flex;flex-direction:column;gap:var(--ruimte-2)}.band{display:grid;grid-template-columns:86px 1fr 48px;align-items:center;gap:var(--ruimte-3);font-size:14px}.band .bandnaam{color:var(--tekst-zacht)}.band .bandbaan{height:14px;border-radius:999px;background:var(--neutraal-zacht);overflow:hidden}.band .bandbaan .vulling{height:100%;background:var(--accent)}.band .bandgetal{text-align:right;font-variant-numeric:tabular-nums}.trechterstap{display:grid;grid-template-columns:minmax(140px,1.1fr) 2fr auto 56px;align-items:center;gap:var(--ruimte-3);padding-block:var(--ruimte-2);font-size:14px}.trechterstap .stapnaam{color:var(--tekst-zacht);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trechterstap .stapbaan{height:18px;border-radius:var(--r-s);background:var(--neutraal-zacht);overflow:hidden}.trechterstap .stapbaan .vulling{height:100%;background:var(--accent);transition:width var(--normaal) var(--soepel)}.trechterstap .stapgetal{text-align:right;font-variant-numeric:tabular-nums;font-weight:550}.trechterstap .stapval{text-align:right;font-variant-numeric:tabular-nums;color:var(--rood);font-size:12.5px}@media(max-width:700px){.trechterstap{grid-template-columns:1fr auto 48px;grid-template-areas:"naam getal val" "baan baan baan";gap:var(--ruimte-1) var(--ruimte-2)}.trechterstap .stapnaam{grid-area:naam}.trechterstap .stapbaan{grid-area:baan}.trechterstap .stapgetal{grid-area:getal}.trechterstap .stapval{grid-area:val}}.methode{display:inline-block;min-width:42px;font-size:12.5px;font-weight:650;color:var(--tekst-flauw)}.tabelrol{overflow-x:auto}.soortenrij{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--ruimte-3);margin-bottom:var(--ruimte-4)}.soortkaart{display:flex;flex-direction:column;gap:3px;padding:var(--ruimte-3) var(--ruimte-4);text-align:left;font:inherit;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);cursor:pointer;transition:border-color var(--snel) var(--soepel),box-shadow var(--snel) var(--soepel)}.soortkaart:hover{border-color:var(--rand-sterk)}.soortkaart.aan{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.soortkaart .naam{font-weight:600}.soortkaart .uitleg,.soortkaart .tel{font-size:12.5px;color:var(--tekst-flauw)}.soortkaart .tel{margin-top:2px;color:var(--tekst-zacht)}.sjabloonkeuze{display:flex;gap:var(--ruimte-2);flex-wrap:wrap;margin-bottom:var(--ruimte-3)}.sjabloonbouwer{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:var(--ruimte-4);align-items:start}.sjabloonbouwer .blokinstellingen{grid-column:2}@media(min-width:1560px){.sjabloonbouwer{grid-template-columns:minmax(230px,280px) minmax(520px,1fr) minmax(260px,310px)}.sjabloonbouwer .blokinstellingen{grid-column:3}}@media(max-width:820px){.sjabloonbouwer{grid-template-columns:1fr}.sjabloonbouwer .blokinstellingen{grid-column:1}.blokkenlijst,.blokinstellingen{position:static}}.blokkenlijst,.blokinstellingen{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);padding:var(--ruimte-3);position:sticky;top:var(--ruimte-4)}.blokkenlijst .lijstkop{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--ruimte-3)}.naaminvoer{font:inherit;font-weight:650;font-size:16px;border:1px solid transparent;border-radius:var(--r-s);padding:3px 5px;margin-left:-5px;background:none;color:var(--tekst)}.naaminvoer:hover{border-color:var(--rand)}.naaminvoer:focus{border-color:var(--accent);outline:none}.blokregel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-2);border-radius:var(--r-s);cursor:pointer;border:1px solid transparent}.blokregel:hover{background:var(--neutraal-zacht)}.blokregel.aan{background:var(--accent-zacht);border-color:var(--accent)}.blokregel.fout{border-color:var(--rood)}.blokregel.uit .wat{opacity:.45}.blokregel .wat{display:flex;flex-direction:column;min-width:0}.blokregel .wat .naam{font-weight:550;font-size:14px}.blokregel .wat .uitleg{font-size:12.5px;color:var(--tekst-flauw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schakelaar{width:34px;height:20px;flex:none;border-radius:999px;border:none;background:var(--neutraal-sterk, #cbd5e1);position:relative;cursor:pointer;transition:background var(--snel) var(--soepel)}.schakelaar[aria-pressed=true]{background:var(--accent)}.schakelaar:disabled{opacity:.5;cursor:not-allowed}.schakelaar .knopje{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--snel) var(--soepel)}.schakelaar[aria-pressed=true] .knopje{transform:translate(14px)}.blokregel .verplaatsen{display:flex;flex-direction:column;gap:1px}.blokregel .verplaatsen button{border:none;background:none;color:var(--tekst-flauw);cursor:pointer;padding:1px 3px;border-radius:3px}.blokregel .verplaatsen button:hover:not(:disabled){background:var(--vlak);color:var(--tekst)}.blokregel .verplaatsen button:disabled{opacity:.25;cursor:default}.blokerbij{width:100%;margin-top:var(--ruimte-2);padding:var(--ruimte-2);display:flex;align-items:center;justify-content:center;gap:var(--ruimte-2);font:inherit;font-size:14px;color:var(--tekst-zacht);background:none;border:1px dashed var(--rand-sterk);border-radius:var(--r-s);cursor:pointer}.blokerbij:hover{border-color:var(--accent);color:var(--accent)}.blokkiezer{margin-top:var(--ruimte-2);border:1px solid var(--rand);border-radius:var(--r-s);padding:var(--ruimte-2);background:var(--achtergrond)}.blokkiezer .kop{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ruimte-2)}.blokkiezer .sluit{border:none;background:none;cursor:pointer;color:var(--tekst-flauw)}.blokkiezer .keuze{display:flex;flex-direction:column;width:100%;text-align:left;font:inherit;gap:1px;padding:var(--ruimte-2);border:none;background:none;border-radius:var(--r-s);cursor:pointer}.blokkiezer .keuze:hover{background:var(--neutraal-zacht)}.blokkiezer .keuze .naam{font-weight:550;font-size:14px}.blokkiezer .keuze .uitleg{font-size:12.5px;color:var(--tekst-flauw)}.voorbeeldkolom{display:flex;flex-direction:column;gap:var(--ruimte-3);min-width:0}.voorbeeldbalk{display:flex;justify-content:space-between;align-items:center;gap:var(--ruimte-3);flex-wrap:wrap}.voorbeeldbalk .acties{display:flex;gap:var(--ruimte-2);align-items:center}.papier{background:#fff;border:1px solid var(--rand);border-radius:var(--r-s);box-shadow:var(--schaduw-m);overflow:hidden}.papier iframe{display:block;width:100%;aspect-ratio:210 / 297;border:none;background:#fff}.voorbeeldvoet{display:flex;justify-content:flex-end;align-items:center;gap:var(--ruimte-2)}.kaart.poort{padding:var(--ruimte-3) var(--ruimte-4);border-color:var(--rood);background:var(--rood-zacht)}.kaart.poort .kop{display:flex;align-items:center;gap:var(--ruimte-2);color:var(--rood);margin-bottom:var(--ruimte-2)}.kaart.poort .bevinding,.kaart.waarschuwing .bevinding{padding:var(--ruimte-2) 0;border-top:1px solid var(--rand)}.bevinding .titel{font-weight:600;font-size:14px}.bevinding .tekst{font-size:14px;color:var(--tekst-zacht)}.bevinding .bron{font-size:12.5px;color:var(--tekst-flauw);margin-top:3px}.kaart.waarschuwing{padding:var(--ruimte-3) var(--ruimte-4);border-color:var(--amber);background:var(--amber-zacht)}.geschiedenis .versieregel{display:flex;justify-content:space-between;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-2) 0;border-top:1px solid var(--rand)}.instellingenkop{margin-bottom:var(--ruimte-3)}.instellingenkop h3{margin:0;font-size:16px}.blokinstellingen .dekt{display:flex;align-items:flex-start;gap:var(--ruimte-2);font-size:12.5px;color:var(--groen);background:var(--groen-zacht);padding:var(--ruimte-2);border-radius:var(--r-s);margin-bottom:var(--ruimte-3)}.regelvinkje{display:flex;align-items:flex-start;gap:var(--ruimte-2);padding:var(--ruimte-2) 0;font-size:14px;cursor:pointer}.regelvinkje input{margin-top:2px;flex:none}.regelvinkje .uitleg{display:block;font-size:12.5px;color:var(--tekst-flauw)}.lijstkeuze{display:flex;flex-direction:column}.invoegen{margin-top:var(--ruimte-3);padding-top:var(--ruimte-2);border-top:1px solid var(--rand)}.invoegen .kopje{display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-flauw);margin-bottom:var(--ruimte-2)}.invoegen .groep{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:5px}.invoegen .groepnaam{font-size:12.5px;color:var(--tekst-flauw);min-width:62px}.variabele{font:inherit;font-size:12.5px;padding:2px 7px;border-radius:999px;border:1px solid var(--accent);color:var(--accent);background:var(--accent-zacht);cursor:pointer}.variabele:hover{background:var(--accent);color:#fff}.huisstijl{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--ruimte-4);align-items:start}.logovak{display:flex;align-items:center;gap:var(--ruimte-4);padding:var(--ruimte-4);margin:var(--ruimte-3) 0;border:1px dashed var(--rand-sterk);border-radius:var(--r-m);background:#fff}.logovak img{max-height:60px;max-width:220px}.logovak .leeg{color:var(--tekst-flauw);font-size:14px}.logoacties{display:flex;gap:var(--ruimte-2);margin-left:auto}.logoacties .knop{cursor:pointer}.voorstel{border:1px solid var(--accent);background:var(--accent-zacht);border-radius:var(--r-m);padding:var(--ruimte-3);margin-bottom:var(--ruimte-3)}.voorstel .kop{display:flex;align-items:center;gap:var(--ruimte-2);color:var(--accent);margin-bottom:var(--ruimte-2)}.voorstel .stalen{display:flex;gap:var(--ruimte-2);margin-bottom:var(--ruimte-3)}.voorstel .staal{padding:var(--ruimte-2) var(--ruimte-3);border-radius:var(--r-s);color:#fff;font-size:12.5px;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.35)}.voorstel .acties{display:flex;gap:var(--ruimte-2)}.kleurkiezer{display:flex;align-items:center;gap:var(--ruimte-2)}.kleurkiezer input[type=color]{width:42px;height:30px;padding:0;border:1px solid var(--rand);border-radius:var(--r-s);background:none;cursor:pointer}.kleurkiezer code{font-size:12.5px;color:var(--tekst-zacht)}.huisstijl .velden{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--ruimte-3)}.huisstijl .velden .veld.breed{grid-column:1 / -1}.leegstand{text-align:center;padding:var(--ruimte-6) var(--ruimte-4);max-width:620px;margin:0 auto}.leegstand h2{font-size:16px;margin:var(--ruimte-3) 0 var(--ruimte-2)}.leegstand p{color:var(--tekst-zacht);margin:0 auto var(--ruimte-4);max-width:46ch}.filterknop.erbij{border-style:dashed;color:var(--tekst-zacht);display:inline-flex;align-items:center;gap:5px}.klantkiezer{margin-bottom:var(--ruimte-4)}.klantkiezer .kop{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--ruimte-3);margin-bottom:var(--ruimte-3)}.klantkiezer .kop h3{margin:0 0 3px;font-size:16px}.klantkiezer .sluit{border:none;background:none;cursor:pointer;color:var(--tekst-flauw);flex:none}.zoekinvoer{width:100%;max-width:460px;padding:var(--ruimte-2) var(--ruimte-3);border:1px solid var(--rand);border-radius:var(--r-s);font:inherit;background:var(--achtergrond);color:var(--tekst)}.klantkiezer .treffer{display:flex;align-items:baseline;gap:var(--ruimte-3);width:100%;max-width:460px;text-align:left;font:inherit;padding:var(--ruimte-2) var(--ruimte-3);margin-top:2px;border:none;background:none;border-radius:var(--r-s);cursor:pointer}.klantkiezer .treffer:hover:not(:disabled){background:var(--accent-zacht)}.klantkiezer .treffer:disabled{opacity:.5;cursor:not-allowed}.klantkiezer .treffer .naam{font-weight:550}.postvak{position:relative}.belletje{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:var(--r-s);background:none;color:var(--tekst-zacht);cursor:pointer}.belletje:hover{background:var(--vlak);border-color:var(--rand);color:var(--tekst)}.belletje.heeft{color:var(--tekst)}.belletje .teller{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--rood);color:#fff;font-size:12.5px;font-weight:700;line-height:16px;text-align:center}.postvakpaneel{position:absolute;top:calc(100% + 6px);right:0;width:min(380px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 90px));display:flex;flex-direction:column;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);box-shadow:var(--schaduw-l, var(--schaduw-m));z-index:40;overflow:hidden}.postvakpaneel .paneelkop{display:flex;justify-content:space-between;align-items:center;padding:var(--ruimte-3);border-bottom:1px solid var(--rand)}.postvakpaneel .paneelkop .acties{display:flex;gap:var(--ruimte-3)}.tekstknop{border:none;background:none;padding:0;font:inherit;font-size:12.5px;color:var(--accent);cursor:pointer}.tekstknop:hover{text-decoration:underline}.postvakpaneel .toestemming{padding:var(--ruimte-3);border-bottom:1px solid var(--rand);background:var(--accent-zacht)}.postvakpaneel .toestemming .wat{display:flex;flex-direction:column;gap:3px;margin-bottom:var(--ruimte-3)}.postvakpaneel .toestemming span{font-size:12.5px;color:var(--tekst-zacht)}.postvakpaneel .toestemming .knoppen{display:flex;gap:var(--ruimte-2)}.postvakpaneel .lijst{overflow-y:auto}.postvakpaneel .leeg{display:flex;flex-direction:column;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-6) var(--ruimte-4);color:var(--tekst-flauw);font-size:14px}.postvakpaneel .melding{display:flex;gap:var(--ruimte-2);width:100%;text-align:left;font:inherit;padding:var(--ruimte-3);border:none;border-bottom:1px solid var(--rand);background:none;cursor:pointer}.postvakpaneel .melding:hover{background:var(--neutraal-zacht)}.postvakpaneel .melding .stip{flex:none;width:7px;height:7px;margin-top:6px;border-radius:50%;background:transparent}.postvakpaneel .melding.nieuw .stip{background:var(--accent)}.postvakpaneel .melding.nieuw.dringend .stip{background:var(--rood)}.postvakpaneel .melding .inhoud{display:flex;flex-direction:column;gap:2px;min-width:0}.postvakpaneel .melding .titel{display:flex;align-items:center;gap:var(--ruimte-2);font-size:14px;font-weight:550}.postvakpaneel .melding.nieuw .titel{font-weight:650}.postvakpaneel .melding .tekst{font-size:12.5px;color:var(--tekst-zacht)}.postvakpaneel .melding .wanneer{font-size:12.5px;color:var(--tekst-flauw)}.apparaatkaart .regel{display:flex;align-items:flex-start;gap:var(--ruimte-3)}.apparaatkaart .regel>button{margin-left:auto;flex:none}.apparaatkaart .apparaat{display:flex;justify-content:space-between;gap:var(--ruimte-3);padding:var(--ruimte-2) 0;margin-top:var(--ruimte-2);border-top:1px solid var(--rand);font-size:14px}.meldregel{display:flex;align-items:flex-start;gap:var(--ruimte-3);padding:var(--ruimte-3) 0;border-top:1px solid var(--rand);cursor:pointer}.meldregel:first-of-type{border-top:none}.meldregel input{margin-top:3px;flex:none}.meldregel .wat{display:flex;flex-direction:column;gap:2px;min-width:0}.meldregel .naam{display:flex;align-items:center;gap:var(--ruimte-2);flex-wrap:wrap;font-weight:550;font-size:14px}.meldregel .uitleg{font-size:12.5px;color:var(--tekst-zacht)}.meldregel .herkomst{font-size:12.5px;color:var(--tekst-flauw);font-style:italic}@media(max-width:560px){.postvakpaneel{position:fixed;top:var(--top);right:8px;left:8px;width:auto}}.versieregel{display:flex;align-items:center;gap:6px;width:100%;min-height:32px;padding:7px 6px;margin-top:2px;border:none;border-radius:var(--r-s);background:none;font:inherit;font-size:12.5px;color:var(--tekst-flauw);cursor:pointer}.versieregel:hover{color:var(--tekst-zacht)}.versieregel .merkje{padding:0 5px;border-radius:999px;border:1px solid var(--rand-sterk);font-size:12.5px}.versieregel .merkje.let-op{border-color:var(--amber);color:var(--amber);font-weight:700}.versieluik{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--ruimte-4);background:#0b132073}.versieluik .kaart{width:min(560px,100%);max-height:80vh;overflow-y:auto}.versieluik h2{margin:0;font-size:20px}.versieluik h3{margin:var(--ruimte-4) 0 var(--ruimte-2);font-size:14px}.versieluik .waarschuwregel{display:flex;flex-direction:column;gap:3px;margin-top:var(--ruimte-3);padding:var(--ruimte-3);border-radius:var(--r-s);border:1px solid var(--amber);background:var(--amber-zacht);font-size:14px}.uitgavetekst{margin:0;padding:var(--ruimte-3);border-radius:var(--r-s);background:var(--achtergrond);border:1px solid var(--rand);font-family:inherit;font-size:12.5px;line-height:1.5;white-space:pre-wrap;color:var(--tekst-zacht)}.zoekkeuze{position:relative}.zoekkeuze>input{width:100%;padding-right:30px}.zoekkeuze-wis{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:0;border-radius:50%;background:none;color:var(--tekst-flauw);font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center}.zoekkeuze-wis:hover{background:var(--neutraal-zacht);color:var(--tekst)}.zoekkeuze-wis:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.zoekkeuze-lijst{position:absolute;z-index:60;top:calc(100% + 3px);left:0;right:0;max-height:240px;overflow-y:auto;background:var(--vlak-verhoogd);border:1px solid var(--rand);border-radius:var(--r-m);box-shadow:var(--schaduw-l);padding:4px}.zoekkeuze-stil{padding:9px 10px;font-size:12.5px;color:var(--tekst-flauw)}.zoekkeuze-rij{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ruimte-3);width:100%;padding:7px 9px;border:0;border-radius:var(--r-s);background:none;font:inherit;font-size:14px;color:var(--tekst);text-align:left;cursor:pointer}.zoekkeuze-rij.aan{background:var(--accent-zacht)}.zoekkeuze-rij.gekozen .zoekkeuze-naam{font-weight:640}.zoekkeuze-naam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zoekkeuze-bij{font-size:12.5px;color:var(--tekst-flauw);white-space:nowrap;flex:none}.inst2-sluitingvorm{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:12px;padding-top:12px;border-top:1px solid var(--rand)}.inst2-sluitingvorm label{display:flex;flex-direction:column;gap:4px;min-width:0}.inst2-sluitingvorm label span{font-size:12.5px;color:var(--tekst-flauw)}.inst2-sluitingvorm input{padding:6px 9px;border:1px solid var(--rand-sterk);border-radius:6px;font:inherit;min-width:0}@media(max-width:720px){.inst2-sluitingvorm{grid-template-columns:1fr 1fr}.inst2-sluitingvorm label:first-child,.inst2-sluitingvorm>button{grid-column:1 / -1}}tbody td a,.rij-item a{display:inline-flex;align-items:center;min-height:28px;padding:2px 0}.sluitvraag{display:flex;align-items:center;gap:var(--ruimte-3);flex-wrap:wrap;padding:var(--ruimte-3) var(--ruimte-4);background:var(--amber-zacht);border-top:1px solid var(--rand);border-bottom:1px solid var(--rand)}.sluitvraag-tekst{display:flex;flex-direction:column;min-width:0;flex:1;font-size:14px}.sluitvraag-tekst strong{color:var(--amber);font-weight:600}.sluitvraag-tekst span{color:var(--tekst-zacht)}.paginakop .sub,.kaart-kop .sub,.veld .hint,.uitleg{max-width:78ch}.merklogo{display:block}.merklogo img{width:auto;display:block}.merklogo .donker{display:none}:root[data-thema=donker] .merklogo .licht{display:none}:root[data-thema=donker] .merklogo .donker{display:block}.artk-blad,.calc-blad,.plan-blad{display:flex;flex-direction:column;gap:20px}.artk-kop,.calc-kop,.plan-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.artk-kop h1,.calc-kop h1,.plan-kop h1{margin:0}.artk-rol,.calc-rol,.plan-rol{margin:2px 0 0;color:var(--tekst-zacht);font-size:14px}.plan-acties{display:flex;gap:10px;align-items:center}.artk-fout,.calc-fout,.plan-fout{padding:10px 14px;border-radius:8px;background:#a132281a;color:#a13228;border:1px solid currentColor}.calc-melding{padding:10px 14px;border-radius:8px;background:#2a7d5f1f;color:#2a7d5f;border:1px solid currentColor}.artk-leeg,.calc-leeg,.plan-leeg{color:var(--tekst-zacht);padding:14px 2px}.artk-werkbank,.calc-werkbank{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:20px;align-items:start}.artk-lijst,.calc-lijst{display:flex;flex-direction:column;gap:10px;background:var(--vlak);border:1px solid var(--rand);border-radius:12px;padding:14px}.artk-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.artk-vink{display:flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap}.artk-rijen,.calc-rijen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.artk-rij,.calc-rij{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:9px 8px;border-radius:8px;display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:2px 10px;font:inherit;color:inherit}.artk-rij:hover,.calc-rij:hover{background:#7f7f7f1a}.artk-rij.actief,.calc-rij.actief{background:#7f7f7f2e}.artk-code,.calc-nummer{font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--tekst-zacht)}.artk-oms,.calc-titel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artk-prijs,.calc-bedrag{font-variant-numeric:tabular-nums;font-size:14px}.calc-stand{grid-column:1 / -1;font-size:12.5px;color:var(--tekst-zacht);text-transform:uppercase;letter-spacing:.06em}.artk-kaart,.calc-kaart{background:var(--vlak);border:1px solid var(--rand);border-radius:12px;padding:20px 22px;display:flex;flex-direction:column;gap:18px;min-width:0}.artk-kaartkop,.calc-kaartkop{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.artk-kaartkop h2,.calc-kaartkop h2{margin:0}.artk-cijfers{display:flex;flex-wrap:wrap;gap:26px;margin:0}.artk-cijfers dt{font-size:12.5px;color:var(--tekst-zacht);text-transform:uppercase;letter-spacing:.05em}.artk-cijfers dd{margin:2px 0 0;font-size:20px;font-variant-numeric:tabular-nums}.artk-vak h3,.calc-regels h3,.calc-opbouw h3{margin:0 0 8px;font-size:14px}.artk-signaal{color:#a13228;font-size:12.5px}.artk-tabel,.calc-tabel,.plan-tabel{width:100%;border-collapse:collapse;font-size:14px}.artk-tabel th,.calc-tabel th,.plan-tabel th{text-align:left;font-size:12.5px;color:var(--tekst-zacht);font-weight:600;padding:6px 8px}.artk-tabel td,.calc-tabel td,.plan-tabel td{padding:7px 8px;border-top:1px solid var(--rand)}.artk-tabel .rechts,.calc-tabel .rechts{text-align:right;font-variant-numeric:tabular-nums}.calc-tabelhoes,.plan-rasterhoes{overflow-x:auto}.calc-hoofdstuk td{font-weight:650;background:#7f7f7f14}.calc-vlag{margin-left:8px;font-size:12.5px;padding:1px 6px;border-radius:999px;background:#7f7f7f24;color:var(--tekst-zacht)}.artk-formulier{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.artk-formulier label{display:flex;flex-direction:column;gap:5px;font-size:14px;color:var(--tekst-zacht)}.artk-formulier .breed{grid-column:1 / -1}.artk-marge{align-self:end;padding-bottom:8px;font-size:14px;color:var(--tekst-zacht)}.artk-knoppen{display:flex;gap:10px}.calc-inhoud{display:grid;grid-template-columns:1fr minmax(240px,300px);gap:22px;align-items:start}.calc-staffel{margin:0;display:flex;flex-direction:column;gap:7px}.calc-staffel>div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.calc-staffel dt{color:var(--tekst-zacht)}.calc-staffel dd{margin:0;font-variant-numeric:tabular-nums}.calc-som{border-top:1px solid var(--rand);padding-top:7px;font-weight:650}.calc-som dt,.calc-marge dt{color:var(--tekst)}.calc-marge{font-weight:600}.calc-uren{display:flex;justify-content:space-between;margin-top:14px;padding-top:10px;border-top:1px solid var(--rand);font-size:14px}.calc-vast{margin:0;padding:10px 14px;border-radius:8px;background:#7f7f7f1a;color:var(--tekst-zacht);font-size:14px}.plan-strook{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(96px,1fr);gap:10px;overflow-x:auto}.plan-tegel{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--rand);border-radius:10px;background:var(--vlak)}.plan-tegel b{font-size:26px;font-variant-numeric:tabular-nums}.plan-weeknr{font-size:12.5px;color:var(--tekst-zacht);text-transform:uppercase;letter-spacing:.05em}.plan-vrij{font-size:12.5px;color:var(--tekst-zacht)}.plan-totaal h2,.plan-leegstand h2{margin:0 0 10px;font-size:16px}.plan-raster{width:100%;border-collapse:collapse}.plan-raster th,.plan-raster td{padding:8px 10px;border:1px solid var(--rand)}.plan-naamkop,.plan-naam{text-align:left;min-width:190px}.plan-naam small{display:block;font-weight:400;color:var(--tekst-zacht);font-size:12.5px}.plan-cel{text-align:center}.plan-cel b{display:block;font-variant-numeric:tabular-nums;font-size:16px}.plan-cel span{font-size:12.5px;color:var(--tekst-zacht)}.plan-ruimte{background:#2a7d5f1f}.plan-vol{background:#9a6b122e}.plan-overboekt{background:#a1322833}.plan-afwezig{background:#7f7f7f1f}.plan-uitleg{color:var(--tekst-zacht);font-size:14px;max-width:70ch}.plan-leegstand{padding:26px;border:1px dashed var(--rand);border-radius:12px;background:var(--vlak)}.plan-luik{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:20px;z-index:40}.plan-luikvak{background:var(--vlak);border-radius:14px;padding:22px;max-width:860px;width:100%;max-height:86vh;overflow:auto}.plan-luikvak header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.plan-luikvak h2{margin:0}.veld.smal{width:84px}@media(max-width:1100px){.artk-werkbank,.calc-werkbank,.calc-inhoud{grid-template-columns:1fr}}.kans-contact{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--rand);border-radius:10px;background:#7f7f7f0d}.kans-contact>label{font-size:12.5px;font-weight:600;color:var(--tekst-zacht)}.kans-contactsoort{display:flex;flex-wrap:wrap;gap:6px}.kans-contactsoort .chip{cursor:pointer;border:1px solid var(--rand);background:var(--vlak);font:inherit;font-size:12.5px;padding:3px 10px}.kans-contactsoort .chip.actief{border-color:currentColor;background:#116bff1f;font-weight:600}.kans-laatste{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:var(--tekst-zacht);padding-top:4px}.calcrij{grid-template-columns:22px minmax(0,1fr) 66px 52px 92px 76px 54px 96px 34px}.regelkoppen.calcrij{font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-flauw);padding:0 4px 4px;border-bottom:1px solid var(--rand)}.regelkoppen .rechts{text-align:right}.calcuren{text-align:right;font-size:14px;font-variant-numeric:tabular-nums;color:var(--tekst-zacht);white-space:nowrap}.rijtoevoeg{align-self:flex-start;margin:2px 0 0 26px;color:var(--tekst-flauw)}.rijtoevoeg:hover{color:var(--accent)}.soortstip{width:7px;height:7px;border-radius:50%;flex:0 0 7px;display:inline-block}.calc-schuiven{display:flex;flex-direction:column;gap:var(--ruimte-3)}.calc-schuif{display:grid;grid-template-columns:1fr 62px;gap:4px var(--ruimte-2);align-items:center}.calc-schuif label{font-size:14px;color:var(--tekst-zacht)}.schuifgetal{border:1px solid var(--rand);padding:3px 6px;font-size:14px}.schuifbalk{grid-column:1 / -1;width:100%;accent-color:var(--accent);margin:0}.calc-afwijking{margin:0;padding:var(--ruimte-2);border-radius:var(--r-s);background:var(--vlak-zacht);border-left:2px solid var(--amber);font-size:12.5px;line-height:1.45;color:var(--tekst-zacht)}.margemerk{font-size:12.5px;font-weight:620;font-variant-numeric:tabular-nums;color:var(--amber);border:1px solid var(--amber);border-radius:var(--r-s);padding:0 4px;line-height:15px;white-space:nowrap}.menu-marge{display:flex;align-items:center;gap:6px;padding:2px 8px 6px}.menu-marge .cel{border:1px solid var(--rand);border-radius:var(--r-s);padding:4px 6px;font-size:14px;width:78px;text-align:right}.menu-marge .cel:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.menu-eenheid{font-size:12.5px;color:var(--tekst-flauw)}.menu-uitkomst{display:flex;align-items:center;gap:5px;padding:0 8px 6px;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--tekst-flauw)}.menu-uitkomst .sterk{font-weight:640;color:var(--tekst)}.menu-uitleg{margin:2px 8px 4px;font-size:12.5px;line-height:1.4;color:var(--tekst-flauw);max-width:200px}.somrij.marge{font-weight:650;color:var(--groen)}.somrij.urenrij{margin-top:var(--ruimte-2);padding-top:var(--ruimte-2);border-top:1px solid var(--rand);color:var(--tekst-zacht)}.somrij .soortstip{margin-right:6px}.calc-zoeker{display:flex;flex-direction:column;gap:2px;margin:2px 0 6px 26px;padding:var(--ruimte-2);border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak-zacht);box-shadow:var(--schaduw-s)}.calc-zoekbalk{display:flex;align-items:center;gap:6px;color:var(--tekst-flauw);padding-bottom:2px;border-bottom:1px solid var(--rand)}.calc-treffer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--ruimte-2);align-items:baseline;text-align:left;border:0;background:none;color:inherit;font:inherit;font-size:14px;padding:5px 6px;border-radius:var(--r-s);cursor:pointer}.calc-treffer:hover,.calc-treffer:focus-visible{background:var(--accent-zacht);outline:none}.calc-treffernaam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calc-trefferprijs{font-variant-numeric:tabular-nums;color:var(--tekst-zacht);white-space:nowrap}.calc-trefferprijs small{color:var(--tekst-flauw)}.calc-hint{font-size:12.5px;color:var(--tekst-flauw);margin:0;padding:0 var(--ruimte-1)}.veldje{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.veldje>span{font-size:12.5px;font-weight:600;color:var(--tekst-flauw)}.veldje.smal{max-width:180px;flex:0 0 auto}@media(max-width:900px){.calcrij{grid-template-columns:22px repeat(4,minmax(0,1fr)) 34px}.regelkoppen.calcrij{display:none}}.onderbouwing-let-op{margin:var(--ruimte-2) 0 0;font-size:12.5px;line-height:1.45;color:var(--tekst-zacht);padding-top:var(--ruimte-2);border-top:1px solid var(--rand)}.somrij.eind.gevaar span:last-child{color:var(--rood)}.calo{display:flex;flex-direction:column;gap:var(--ruimte-4)}.calo-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ruimte-4);flex-wrap:wrap}.calo-titel h1{margin:0;letter-spacing:-.02em}.calo-titel p{margin:2px 0 0;color:var(--tekst-zacht);font-size:14px}.calo-cijfers{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--rand);border:1px solid var(--rand);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--schaduw-s)}.calo-cijfer{background:var(--vlak);padding:var(--ruimte-3) var(--ruimte-4);display:flex;flex-direction:column;gap:1px}.calo-label{font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--tekst-flauw)}.calo-cijfer b{font-size:26px;font-weight:680;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}.calo-cijfer b.mager{color:var(--rood)}.calo-bij{font-size:12.5px;color:var(--tekst-zacht)}.calo-balk{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-3);flex-wrap:wrap}.calo-filters{display:flex;gap:2px;padding:3px;background:var(--neutraal-zacht);border-radius:var(--r-m)}.calo-filter{display:inline-flex;align-items:center;gap:6px;border:0;background:none;font:inherit;font-size:14px;color:var(--tekst-zacht);padding:5px 11px;border-radius:var(--r-s);cursor:pointer}.calo-filter:hover{color:var(--tekst)}.calo-filter.aan{background:var(--vlak);color:var(--tekst);font-weight:600;box-shadow:var(--schaduw-s)}.calo-telling{font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--tekst-flauw);background:var(--neutraal-zacht);border-radius:999px;padding:0 5px;min-width:18px;text-align:center}.calo-filter.aan .calo-telling{background:var(--accent-zacht);color:var(--accent)}.calo-zoek{display:flex;align-items:center;gap:6px;flex:1;min-width:220px;max-width:360px;padding:0 var(--ruimte-2);border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak);color:var(--tekst-flauw)}.calo-zoek:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.calo-lijst{display:flex;flex-direction:column;gap:4px}.calo-rij{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr) 62px 104px 118px 132px 24px;gap:var(--ruimte-3);align-items:center;padding:var(--ruimte-3) var(--ruimte-4);text-align:left}.calo-koprij{padding-top:0;padding-bottom:4px;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--tekst-flauw)}.calo-koprij .rechts{text-align:right}.calo-kaart{width:100%;border:1px solid var(--rand);border-radius:var(--r-l);background:var(--vlak);font:inherit;color:inherit;cursor:pointer;transition:border-color .14s ease-out,box-shadow .14s ease-out,transform .14s ease-out}.calo-kaart:hover{border-color:var(--rand-sterk);box-shadow:var(--schaduw-m)}.calo-kaart:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}@media(prefers-reduced-motion:no-preference){.calo-kaart:hover{transform:translateY(-1px)}}.calo-onderwerp{display:flex;flex-direction:column;gap:3px;min-width:0}.calo-naam{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calo-meta{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--tekst-flauw)}.calo-nummer{font-variant-numeric:tabular-nums}.calo-koppel{display:inline-flex;align-items:center;gap:3px}.calo-relatie{font-size:14px;color:var(--tekst-zacht);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calo-getal{text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.calo-getal.zacht{color:var(--tekst-zacht)}.calo-getal.sterk{font-weight:650;font-size:14px}.calo-marge{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.calo-margecijfer{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--groen)}.calo-margecijfer.mager{color:var(--rood)}.calo-staaf{display:block;width:100%;height:4px;border-radius:999px;background:var(--neutraal-zacht);overflow:hidden}.calo-staaf>span{display:block;height:100%;border-radius:999px;background:var(--groen)}.calo-staaf>span.mager{background:var(--rood)}.calo-pijl{color:var(--tekst-flauw);display:flex;justify-content:flex-end}.calo-kaart:hover .calo-pijl{color:var(--accent)}.calo-leeg{display:flex;flex-direction:column;align-items:center;gap:var(--ruimte-2);text-align:center;padding:var(--ruimte-6) var(--ruimte-4);border:1px dashed var(--rand-sterk);border-radius:var(--r-l);background:var(--vlak)}.calo-leeg.klein{padding:var(--ruimte-5) var(--ruimte-4)}.calo-leegmerk{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--accent-zacht);color:var(--accent);margin-bottom:2px}.calo-leeg h2{margin:0;font-size:16px}.calo-leeg p{margin:0;max-width:54ch;color:var(--tekst-zacht);font-size:14px;line-height:1.55}.calo-leeg .knop{margin-top:var(--ruimte-2)}.calo-schim{border:1px solid var(--rand);border-radius:var(--r-l);background:var(--vlak);height:62px}.calo-schim>span{height:9px;border-radius:999px;background:var(--neutraal-zacht)}@media(prefers-reduced-motion:no-preference){.calo-schim>span{animation:calo-pols 1.4s ease-in-out infinite}.calo-schim>span:nth-child(2){animation-delay:.15s}.calo-schim>span:nth-child(3){animation-delay:.3s}}@keyframes calo-pols{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:1080px){.calo-rij{grid-template-columns:minmax(0,1fr) 100px 120px 24px}.calo-koprij,.calo-relatie,.calo-rij>.calo-getal:first-of-type{display:none}}.bonsoorten{display:flex;flex-wrap:wrap;gap:6px;margin:var(--ruimte-3) 0}.bonsoort{flex:1;min-width:92px;padding:8px 12px;border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak);font:inherit;font-size:14px;color:var(--tekst-zacht);cursor:pointer;transition:border-color var(--snel) var(--soepel),color var(--snel) var(--soepel)}.bonsoort:hover{border-color:var(--accent-rand);color:var(--tekst)}.bonsoort.aan{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent);font-weight:600}.bonsoort:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ms-lijst{display:flex;flex-direction:column;gap:var(--ruimte-4)}.ms-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ruimte-5);align-items:start}.ms-bewerk{display:flex;flex-direction:column;gap:var(--ruimte-3);min-width:0}.ms-bewerk textarea.cel{font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,monospace;font-size:12.5px;line-height:1.6;resize:vertical}.ms-velden{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ruimte-1)}.ms-veldkop{font-size:12.5px;color:var(--tekst-flauw);margin-right:var(--ruimte-1)}.ms-veld{padding:3px 8px;font-family:ui-monospace,Cascadia Mono,monospace;font-size:12.5px;color:var(--accent);background:var(--accent-zacht);border:1px solid var(--accent-rand);border-radius:var(--r-s);cursor:pointer;transition:background var(--snel) var(--soepel)}.ms-veld:hover{background:color-mix(in srgb,var(--accent) 16%,var(--vlak))}.ms-acties{display:flex;align-items:center;gap:var(--ruimte-2)}.ms-voorbeeld{min-width:0}.ms-voorbeeld h3{margin:0 0 var(--ruimte-2);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-flauw)}.ms-voorbeeld>.subcel{margin-top:var(--ruimte-2)}.ms-mail{background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-m);overflow:hidden}.ms-regel{display:flex;gap:var(--ruimte-3);padding:var(--ruimte-2) var(--ruimte-3);font-size:12.5px;border-bottom:1px solid var(--rand)}.ms-regel span{flex:none;width:68px;color:var(--tekst-flauw)}.ms-regel b{min-width:0;overflow-wrap:anywhere}.ms-mail pre{margin:0;padding:var(--ruimte-3);font-family:inherit;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--tekst);background:var(--vlak)}@media(max-width:1100px){.ms-body{grid-template-columns:minmax(0,1fr)}}.clog{display:flex;flex-direction:column;gap:var(--ruimte-4)}.clog-stand{--stand: var(--rand-sterk);display:flex;align-items:flex-start;gap:var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-4);background:color-mix(in srgb,var(--stand) 8%,var(--vlak));border:1px solid color-mix(in srgb,var(--stand) 28%,transparent);border-left:3px solid var(--stand);border-radius:var(--r-m)}.clog-stand svg{margin-top:1px;flex:none;color:var(--stand)}.clog-stand>div{display:flex;flex-direction:column;gap:2px;min-width:0}.clog-stand b{font-size:14px}.clog-stand span{font-size:12.5px;color:var(--tekst-zacht)}.clog-stand.bereikt{--stand: var(--groen)}.clog-stand.geprobeerd{--stand: var(--amber)}.clog-stand.wacht{--stand: var(--accent)}.clog-vastleggen{display:flex;flex-direction:column;gap:var(--ruimte-3);padding:var(--ruimte-4);background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-m)}.clog-kanalen{display:flex;gap:var(--ruimte-1)}.clog-kanaal{display:flex;align-items:center;gap:6px;padding:7px 12px;min-height:34px;font-size:14px;color:var(--tekst-zacht);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);cursor:pointer;transition:border-color var(--snel) var(--soepel),color var(--snel) var(--soepel)}.clog-kanaal:hover{border-color:var(--rand-sterk)}.clog-kanaal.aan{color:var(--accent);font-weight:550;border-color:var(--accent);background:var(--accent-zacht)}.clog-uitkomsten{display:flex;flex-wrap:wrap;gap:var(--ruimte-2)}.clog-uitkomst{--uit: var(--rand-sterk);padding:9px 14px;min-height:38px;font-size:14px;font-weight:500;color:var(--tekst);background:var(--vlak);border:1px solid var(--uit);border-radius:var(--r-m);cursor:pointer;transition:background var(--snel) var(--soepel),transform var(--snel) var(--soepel)}.clog-uitkomst:hover:not(:disabled){background:color-mix(in srgb,var(--uit) 12%,var(--vlak));transform:translateY(-1px)}.clog-uitkomst:disabled{opacity:.5;cursor:default}.clog-uitkomst.groen{--uit: var(--groen);color:var(--groen)}.clog-uitkomst.amber{--uit: var(--amber);color:var(--amber)}.clog-uitkomst.rood{--uit: var(--rood);color:var(--rood)}.clog-extra{display:flex;gap:var(--ruimte-2);align-items:center}.clog-extra>input{flex:1;min-width:0}.clog-opvolg{display:flex;align-items:center;gap:var(--ruimte-2);flex:none;font-size:12.5px;color:var(--tekst-flauw)}.clog-hint{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px;color:var(--accent)}.clog-tijdlijn{position:relative;margin:0;padding:0 0 0 var(--ruimte-5);list-style:none;display:flex;flex-direction:column;gap:var(--ruimte-4)}.clog-tijdlijn:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--rand)}.clog-regel{--uit: var(--rand-sterk);position:relative;display:flex;gap:var(--ruimte-3)}.clog-stip{position:absolute;left:calc(var(--ruimte-5) * -1 + 1px);top:4px;width:9px;height:9px;border-radius:50%;background:var(--vlak);border:2px solid var(--uit)}.clog-regel.bereikt{--uit: var(--groen)}.clog-regel.geen_gehoor,.clog-regel.voicemail,.clog-regel.geen_reactie{--uit: var(--amber)}.clog-regel.verkeerd_nummer{--uit: var(--rood)}.clog-regel.teruggebeld_gevraagd{--uit: var(--accent)}.clog-inhoud{min-width:0;flex:1}.clog-kop{display:flex;align-items:center;gap:var(--ruimte-2);font-size:14px}.clog-kop svg{color:var(--uit);flex:none}.clog-nummer{padding:1px 7px;font-size:12.5px;color:var(--tekst-flauw);background:var(--neutraal-zacht);border-radius:999px}.clog-inhoud p{margin:3px 0 0;font-size:14px;line-height:1.55;color:var(--tekst-zacht);white-space:pre-wrap}.clog-voet{display:flex;align-items:center;gap:var(--ruimte-2);margin-top:3px;font-size:12.5px;color:var(--tekst-flauw)}.clog-merk{padding:1px 7px;color:var(--accent);background:var(--accent-zacht);border:1px solid var(--accent-rand);border-radius:999px}.clog-leeg{padding:var(--ruimte-4) 0}.clog-leeg p{margin:0 0 var(--ruimte-2);font-size:14px}.clog-leeg .subcel{max-width:52ch}@media(max-width:720px){.clog-extra{flex-direction:column;align-items:stretch}}.leadtellers{display:flex;align-items:center;gap:var(--ruimte-1);padding:3px;background:none;border:0;border-radius:var(--r-s);cursor:pointer}.leadtellers:hover{background:var(--neutraal-zacht)}.leadtellers:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.leadteller{--uit: var(--amber);display:inline-flex;align-items:center;gap:4px;padding:2px 7px;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--uit);background:color-mix(in srgb,var(--uit) 12%,var(--vlak));border:1px solid color-mix(in srgb,var(--uit) 34%,transparent);border-radius:999px}.leadteller.bereikt{--uit: var(--groen)}@media(max-width:900px){.leadtellers{display:none}}.lfilter{display:flex;flex-direction:column;gap:var(--ruimte-3);margin-bottom:var(--ruimte-4)}.lfilter-balk{display:flex;align-items:center;gap:var(--ruimte-3);flex-wrap:wrap}.lfilter-status{display:flex;gap:var(--ruimte-1);flex-wrap:wrap;flex:0 1 auto}.lfilter-rechts{display:flex;align-items:center;justify-content:flex-end;gap:var(--ruimte-2);flex:1 1 auto;min-width:0;margin-left:auto}.lfilter-zoek{flex:0 1 300px;min-width:160px}.lfilter-zoek input{padding-right:28px}.lfilter-wisveld{position:absolute;right:6px;display:grid;place-items:center;width:18px;height:18px;color:var(--tekst-flauw);background:none;border:0;border-radius:50%;cursor:pointer}.lfilter-wisveld:hover{color:var(--tekst);background:var(--neutraal-zacht)}.lfilter-knop{gap:7px;white-space:nowrap}.lfilter-knop.aan{color:var(--accent);border-color:var(--accent-rand);background:var(--accent-zacht)}.lfilter-teller{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--tekst-op-accent);background:var(--accent);border-radius:999px}.lfilter-paneel{display:flex;flex-direction:column;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s);overflow:hidden;animation:lfilter-open var(--normaal) var(--soepel)}@keyframes lfilter-open{0%{opacity:0;transform:translateY(-4px)}}.lfilter-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--ruimte-4);padding:var(--ruimte-4)}.lfilter-raster .veld>label{font-size:12.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--tekst-flauw)}.lfilter-periode{grid-column:1 / -1}.lfilter-perioderij{display:flex;align-items:center;gap:var(--ruimte-2);flex-wrap:wrap}.lfilter-perioderij input[type=date]{width:auto;min-height:30px;font-size:12.5px}.lfilter-of,.lfilter-tot{font-size:12.5px;color:var(--tekst-flauw)}.lfilter-of{margin:0 var(--ruimte-1)}.lfilter-voet{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-3);padding:var(--ruimte-2) var(--ruimte-4);font-size:12.5px;color:var(--tekst-zacht);font-variant-numeric:tabular-nums;background:var(--vlak-zacht);border-top:1px solid var(--rand)}.lfilter-actief{display:flex;align-items:center;gap:var(--ruimte-2);flex-wrap:wrap}.lfilter-chip{display:inline-flex;align-items:center;gap:7px;padding:4px 9px 4px 11px;font:inherit;font-size:12.5px;font-weight:500;color:var(--accent);background:var(--accent-zacht);border:1px solid var(--accent-rand);border-radius:999px;cursor:pointer;transition:background var(--snel) var(--soepel)}.lfilter-chip:hover{background:color-mix(in srgb,var(--accent) 18%,var(--vlak))}.lfilter-chip svg{opacity:.7}@media(max-width:820px){.lfilter-rechts{width:100%;margin-left:0}.lfilter-zoek{flex:1;width:auto;max-width:none}}@media(prefers-reduced-motion:reduce){.lfilter-paneel{animation:none}}.perfilter{position:relative;display:inline-flex}.perfilter-knop{gap:7px;white-space:nowrap}.perfilter-knop.aan{color:var(--accent);border-color:var(--accent-rand);background:var(--accent-zacht)}.perfilter-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:40;min-width:232px;padding:var(--ruimte-1);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);box-shadow:var(--schaduw-m)}.perfilter-keuze{display:block;width:100%;padding:7px 10px;font:inherit;font-size:14px;text-align:left;color:var(--tekst);background:none;border:0;border-radius:var(--r-s);cursor:pointer}.perfilter-keuze:hover{background:var(--neutraal-zacht)}.perfilter-keuze.aan{color:var(--accent);font-weight:550;background:var(--accent-zacht)}.perfilter-scheiding{height:1px;margin:var(--ruimte-1) 0;background:var(--rand)}.perfilter-eigen{padding:var(--ruimte-2) 10px 6px}.perfilter-eigen>span{display:block;margin-bottom:6px;font-size:12.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--tekst-flauw)}.perfilter-datums{display:flex;align-items:center;gap:6px}.perfilter-datums input{min-width:0;flex:1;min-height:30px;font-size:12.5px}.perfilter-tot{font-size:12.5px;color:var(--tekst-flauw)}.perfilter-uitleg{margin:6px 0 0;font-size:12.5px;color:var(--tekst-flauw)}.tk-standen{grid-template-columns:repeat(4,1fr)}.tk-stand.mijn{--stand: var(--accent)}.tk-stand.achterstallig{--stand: var(--rood)}.tk-stand.zonder{--stand: var(--amber)}.tk-stand.alle{--stand: var(--merk-koel)}.tk-stand.zonder:not(.leeg) b,.tk-stand.achterstallig:not(.leeg) b{color:var(--stand)}.rij-item.tk-los{border-left:3px solid var(--amber);padding-left:calc(var(--ruimte-3) - 3px);background:color-mix(in srgb,var(--amber) 5%,transparent)}@media(max-width:900px){.tk-standen{grid-template-columns:repeat(2,1fr)}}.ktl{display:flex;flex-direction:column;gap:var(--ruimte-3)}.ktl-vastleggen{display:flex;flex-direction:column;gap:var(--ruimte-2);padding:var(--ruimte-3);background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-m);margin-bottom:var(--ruimte-3)}.ktl-kanalen{display:flex;gap:var(--ruimte-1);flex-wrap:wrap}.ktl-kanaal{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;min-height:30px;font:inherit;font-size:12.5px;color:var(--tekst-zacht);background:var(--vlak);border:1px solid var(--rand);border-radius:999px;cursor:pointer}.ktl-kanaal.aan{color:var(--accent);font-weight:550;border-color:var(--accent-rand);background:var(--accent-zacht)}.ktl-invoer{display:flex;gap:var(--ruimte-2);flex-wrap:wrap}.ktl-invoer input:first-child{flex:1;min-width:180px}.ktl-filters{display:flex;align-items:center;gap:var(--ruimte-2);flex-wrap:wrap}.ktl-filters select{max-width:170px}.ktl-schakelaar{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--tekst-zacht);cursor:pointer}.ktl-telling{margin:0;font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.ktl-systeem .tijdlijn-inhoud .kop{font-weight:500;color:var(--tekst-zacht)}.ktl-systeem .tijdlijn-stip{color:var(--tekst-flauw)}.ktl-kop{margin:var(--ruimte-4) 0 var(--ruimte-2);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-flauw)}.of-balk{flex-wrap:wrap}.of-rechts{display:flex;align-items:center;gap:var(--ruimte-2);margin-left:auto;flex-wrap:wrap}.of-zoek{flex:0 1 260px;min-width:160px}.of-rechts select{max-width:170px}.audit-filters{display:flex;align-items:center;gap:var(--ruimte-2);flex-wrap:wrap;margin-bottom:var(--ruimte-3)}.audit-filters select{max-width:200px}.audit-zoek{flex:0 1 220px;min-width:150px}.audit-lijst{margin:0;padding:0;list-style:none}.audit-regel{display:grid;grid-template-columns:96px 190px 130px minmax(0,1fr);gap:var(--ruimte-3);align-items:baseline;padding:7px 0;font-size:12.5px;border-bottom:1px solid var(--rand)}.audit-regel:last-child{border-bottom:0}.audit-moment{color:var(--tekst-flauw);font-variant-numeric:tabular-nums;white-space:nowrap}.audit-actie{font-family:ui-monospace,Cascadia Mono,monospace;font-size:12.5px;color:var(--accent);overflow-wrap:anywhere}.audit-wie{color:var(--tekst-zacht);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-wat{color:var(--tekst);overflow-wrap:anywhere}@media(max-width:900px){.audit-regel{grid-template-columns:1fr;gap:2px}}.wsj{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:var(--ruimte-4);align-items:start}.wsj-rij.gekozen{background:var(--accent-zacht)}.wsj-open{flex:1;min-width:0;text-align:left;background:none;border:0;font:inherit;cursor:pointer;padding:0}.wsj-kop{margin:var(--ruimte-4) 0 var(--ruimte-2);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-flauw)}.wsj-regels{display:flex;flex-direction:column;gap:var(--ruimte-2)}.wsj-regel{display:flex;align-items:center;gap:var(--ruimte-2)}.wsj-regel.kop{padding-top:var(--ruimte-2)}.wsj-koptekst{flex:1;font-weight:600}.wsj-artikel{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.wsj-vrij{flex:0 1 150px}.wsj-aantal{width:84px;text-align:right;font-variant-numeric:tabular-nums}.wsj-eenheid{width:66px}.wsj-soort{width:138px}.wsj-toevoegen{display:flex;gap:var(--ruimte-2);margin-top:var(--ruimte-3)}@media(max-width:1100px){.wsj{grid-template-columns:minmax(0,1fr)}.wsj-regel{flex-wrap:wrap}}.plan-kpi{grid-template-columns:repeat(4,1fr);margin-bottom:var(--ruimte-4)}.plan-stand{cursor:default}.plan-stand:hover{transform:none;box-shadow:var(--schaduw-s)}.plan-stand.bezetting{--stand: var(--accent)}.plan-stand.vrij{--stand: var(--groen)}.plan-stand.overboekt{--stand: var(--rood)}.plan-stand.verlof{--stand: var(--amber)}.plan-stand.overboekt:not(.leeg) b,.plan-stand.verlof:not(.leeg) b{color:var(--stand)}.plan-verlof{margin-bottom:var(--ruimte-4)}.plan-filter{display:flex;align-items:center;gap:var(--ruimte-2);margin-bottom:var(--ruimte-3)}.plan-filter label{font-size:12.5px;font-weight:600;color:var(--tekst-zacht)}.plan-filter select{max-width:220px}@media(max-width:900px){.plan-kpi{grid-template-columns:repeat(2,1fr)}}.fbalk{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--ruimte-2);margin:0;padding:var(--ruimte-2) var(--ruimte-3);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s)}.fknoppen{display:flex;gap:var(--ruimte-2);flex:0 1 auto;min-width:0;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0}.fknoppen::-webkit-scrollbar{display:none}@supports (animation-timeline: scroll()){.fknoppen{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}}.fknopwrap{position:relative;flex:none}.fknop{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 10px 0 12px;border:1px solid var(--rand);border-radius:999px;background:var(--vlak);color:var(--tekst-zacht);font:inherit;font-size:12.5px;font-weight:550;cursor:pointer;white-space:nowrap;transition:border-color var(--snel) var(--soepel),background var(--snel) var(--soepel)}.fknop:hover{border-color:var(--rand-sterk);color:var(--tekst)}.fknop:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.fknop.aan{background:var(--accent-zacht);border-color:var(--accent-rand);color:var(--accent);font-weight:600}.fwis{display:grid;place-items:center;width:18px;height:18px;margin-right:-4px;border-radius:50%;color:inherit;cursor:pointer}.fwis:hover{background:var(--accent-rand)}.fwis:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.frechts{display:flex;align-items:center;gap:var(--ruimte-2);flex:none;margin-left:auto}.fzoek{position:relative;display:flex;align-items:center;flex:0 1 260px;min-width:0}.fzoek svg{position:absolute;left:9px;color:var(--tekst-flauw);pointer-events:none}.fzoek input{width:100%;min-height:34px;padding:0 var(--ruimte-3) 0 30px;border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak);color:var(--tekst);font:inherit;font-size:14px}.fzoek input:focus-visible{outline:2px solid var(--ring);outline-offset:-1px;border-color:var(--accent)}.fzoekwis{position:absolute;right:6px;display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:50%;background:none;color:var(--tekst-flauw);cursor:pointer}.fzoekwis:hover{color:var(--tekst);background:var(--neutraal-zacht)}.fmenu{position:fixed;top:0;left:0;z-index:200;min-width:220px;max-height:340px;overflow-y:auto;padding:var(--ruimte-1);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);box-shadow:var(--schaduw-m);animation:fopduiken var(--snel) var(--soepel)}@keyframes fopduiken{0%{opacity:0;transform:translateY(-4px)}}.fmenukop{padding:var(--ruimte-2) var(--ruimte-2) var(--ruimte-1);font-size:12.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-flauw)}.fmenu button{display:flex;align-items:center;gap:var(--ruimte-2);width:100%;min-height:36px;padding:0 var(--ruimte-2);border:0;border-radius:var(--r-s);background:none;color:var(--tekst);font:inherit;font-size:14px;text-align:left;cursor:pointer}.fmenu button:hover{background:var(--neutraal-zacht)}.fmenu button[aria-checked=true]{color:var(--accent);font-weight:600}.fvink{display:grid;place-items:center;width:16px;flex:none;opacity:0}[aria-checked=true]>.fvink{opacity:1}.ftelling{margin-left:auto;font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.fwaas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0b132066;animation:finfaden var(--snel) var(--soepel)}@keyframes finfaden{0%{opacity:0}}.fblad{position:fixed;left:0;right:0;bottom:0;z-index:100;max-height:70vh;display:flex;flex-direction:column;background:var(--vlak);border-top-left-radius:var(--r-xl);border-top-right-radius:var(--r-xl);box-shadow:var(--schaduw-l);padding-bottom:env(safe-area-inset-bottom,0);animation:fomhoog var(--normaal) var(--soepel)}@keyframes fomhoog{0%{transform:translateY(100%)}}.fbladkop{display:flex;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-3) var(--ruimte-4);border-bottom:1px solid var(--rand)}.fbladkop b{font-size:16px}.fbladkop .knop{margin-left:auto}.fbladlijf{overflow-y:auto;padding:var(--ruimte-2)}.fbladlijf button{display:flex;align-items:center;gap:var(--ruimte-2);width:100%;min-height:48px;padding:0 var(--ruimte-3);border:0;border-radius:var(--r-m);background:none;color:var(--tekst);font:inherit;font-size:16px;text-align:left;cursor:pointer}.fbladlijf button[aria-checked=true]{color:var(--accent);font-weight:600;background:var(--accent-zacht)}.fbladlijf .ftelling{font-size:14px}@media(max-width:700px){.fzoek{flex:none;width:34px}.fzoek input,.fzoek input::placeholder{padding-right:0;color:transparent}.fzoek.open{flex:1 1 auto;width:auto}.fzoek.open input{color:var(--tekst);padding-right:26px}.fzoek.open input::placeholder{color:var(--tekst-flauw)}.frechts{margin-left:auto}}@media(prefers-reduced-motion:reduce){.fmenu,.fblad,.fwaas{animation:none}}.fknoppen .perfilter{flex:none}.fknoppen .perfilter-knop{min-height:34px;padding:0 10px 0 12px;border-radius:999px;font-size:12.5px;font-weight:550;color:var(--tekst-zacht)}.fknoppen .perfilter-knop.aan{background:var(--accent-zacht);border-color:var(--accent-rand);color:var(--accent);font-weight:600}@media(max-width:700px){.filterbalk{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}.filterbalk::-webkit-scrollbar{display:none}.filterbalk>*{flex:none}.filterknop{min-height:40px;padding:0 14px;font-size:14px}}@media(max-width:700px){.fknop,.fknoppen .perfilter-knop{min-height:44px;font-size:14px;padding:0 12px 0 14px}.fzoek input{min-height:44px}.fzoek{width:44px}}@media(max-width:700px){.leadrij,.signaalrij{flex-wrap:wrap}.leadacties{width:100%;margin-top:var(--ruimte-2);flex-wrap:wrap}}@media(max-width:700px){.gebruikerknop .gebruikernaam{display:none}.gebruikerknop{padding:4px 6px}.topbalk{gap:var(--ruimte-2);padding:0 var(--ruimte-3)}.zoekknop .toets{display:none}}.filterbalk:has(+.fbalk){margin-bottom:0}.kaart{--kaart-vulling: var(--ruimte-4)}:where(.kaart)>:where(:not(.kaart-kop,.kaart-body,.kaart-inleiding,.tabelwrap,.tabelrol,table,hr)){padding-inline:var(--kaart-vulling)}:where(.kaart)>:where(:not(.kaart-kop,.kaart-body,.kaart-inleiding,.tabelwrap,.tabelrol,table,hr)):first-child{padding-top:var(--kaart-vulling)}:where(.kaart)>:where(:not(.kaart-kop,.kaart-body,.kaart-inleiding,.tabelwrap,.tabelrol,table,hr)):last-child{padding-bottom:var(--kaart-vulling)}.kaart.gevuld,.kaart.tegel,.kaart.hulp-tegel,.kaart.hulp-regel,.kaart.hulp-buur,.kaart.eigenschuld,.kaart.scheidingsband,.kaart.poort,.kaart.waarschuwing,.kaart.inst-rail,.kaart.rollijst,.kaart.leegblok{--kaart-vulling: 0px}.kaart.gevuld{padding:var(--ruimte-4)}.kaart-inleiding{padding:var(--ruimte-4) var(--ruimte-4) var(--ruimte-3)}.kaart-inleiding>:last-child{margin-bottom:0}.kaart>.rij-item:last-child{padding-bottom:var(--ruimte-3)}.kaart>:where(h1,h2,h3,h4):first-child{padding-top:var(--kaart-vulling)}.kaart>.velden:last-child{padding-bottom:var(--ruimte-4)}table.lijsttabel{width:100%;border-collapse:collapse}table.lijsttabel th{padding:var(--ruimte-2) var(--ruimte-4);text-align:left;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--tekst-flauw);border-bottom:1px solid var(--rand);white-space:nowrap}table.lijsttabel td{padding:9px var(--ruimte-4);border-bottom:1px solid var(--rand);vertical-align:middle}table.lijsttabel tbody tr:last-child td{border-bottom:none}.velden{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--ruimte-3)}.velden .veld.breed{grid-column:1 / -1}.leesveld{min-height:34px;display:flex;align-items:center;padding:6px 10px;border:1px solid var(--rand);border-radius:var(--r-s);background:var(--vlak-zacht);color:var(--tekst-zacht);font-size:14px}.knoprij{display:flex;justify-content:flex-end;gap:var(--ruimte-2);margin-top:var(--ruimte-4)}.themakeuze{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--ruimte-3)}.themakaart{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak);font:inherit;color:var(--tekst);text-align:left;cursor:pointer;transition:border-color var(--snel) var(--soepel),background var(--snel) var(--soepel)}.themakaart:hover{border-color:var(--rand-sterk)}.themakaart.aan{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent)}.themakaart .naam{font-weight:620;font-size:14px}.themakaart .uitleg{font-size:12.5px;color:var(--tekst-zacht)}.themakaart.aan .uitleg{color:inherit;opacity:.85}.themakaart .gekozen{position:absolute;top:var(--ruimte-3);right:var(--ruimte-3);display:flex}.hulp-zoek{display:flex;align-items:center;gap:var(--ruimte-3);padding:0 var(--ruimte-4);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s);color:var(--tekst-flauw);transition:border-color var(--snel) var(--soepel),box-shadow var(--snel) var(--soepel)}.hulp-zoek:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.hulp-zoek input{flex:1;min-width:0;min-height:52px;border:none;background:none;font:inherit;font-size:16px;color:var(--tekst)}.hulp-zoek input:focus{outline:none}.hulp-zoek .wissen{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:50%;background:none;color:var(--tekst-flauw);cursor:pointer}.hulp-zoek .wissen:hover{background:var(--vlak-zacht);color:var(--tekst)}.hulp-tegels{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:var(--ruimte-4)}.hulp-tegel{display:flex;gap:var(--ruimte-3);padding:var(--ruimte-4);text-decoration:none;color:inherit;transition:border-color var(--snel) var(--soepel),transform var(--snel) var(--soepel)}.hulp-tegel:hover{border-color:var(--accent);transform:translateY(-1px)}.hulp-tegel .vak,.hulp-nieuw .vak{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:var(--r-m);background:var(--accent-zacht);color:var(--accent)}.hulp-tegel .lijf,.hulp-nieuw .lijf{display:flex;flex-direction:column;gap:3px;min-width:0}.hulp-tegel .titel,.hulp-nieuw .titel{font-weight:640;font-size:16px}.hulp-tegel .uitleg,.hulp-nieuw .uitleg{font-size:14px;color:var(--tekst-zacht);line-height:1.45}.hulp-tegel .telling{margin-top:4px;font-size:12.5px;color:var(--tekst-flauw)}.hulp-lijst{display:flex;flex-direction:column;gap:var(--ruimte-2)}.hulp-regel{display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-4);text-decoration:none;color:inherit;transition:border-color var(--snel) var(--soepel)}.hulp-regel:hover{border-color:var(--accent)}.hulp-regel .lijf{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.hulp-regel .kruimel{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--tekst-flauw);margin-bottom:2px}.hulp-regel .titel{font-weight:620;font-size:16px}.hulp-regel .uitleg{font-size:14px;color:var(--tekst-zacht);line-height:1.5}.hulpvraag-lijst{display:flex;flex-direction:column;margin-top:var(--ruimte-3);border-top:1px solid var(--rand)}.hulpvraag-regel{display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-3) 0;border-bottom:1px solid var(--rand)}.hulpvraag-regel:last-child{border-bottom:none}.hulpvraag-regel .lijf{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.hulpvraag-regel .titel{font-weight:600;font-size:14px}.hulpvraag-regel .uitleg{font-size:12.5px;color:var(--tekst-flauw)}.hulp-regel mark{background:var(--accent-zacht);color:var(--accent);border-radius:3px;padding:0 2px}.hulp-telling{margin:0}.hulp-kruimels{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--tekst-flauw)}.hulp-kruimels a{color:var(--tekst-zacht);text-decoration:none}.hulp-kruimels a:hover{color:var(--accent);text-decoration:underline}.hulp-kruimels [aria-current]{color:var(--tekst);font-weight:600}.hulp-artikel{max-width:74ch}.hulp-artikel h2{margin:0 0 4px;font-size:26px;line-height:1.25}.hulp-samenvatting{margin:0 0 var(--ruimte-4);font-size:16px;color:var(--tekst-zacht)}.hulp-tekst{display:flex;flex-direction:column;gap:var(--ruimte-3);font-size:16px;line-height:1.65}.hulp-tekst p{margin:0}.hulp-tekst h3{margin:var(--ruimte-3) 0 0;font-size:16px;font-weight:660}.hulp-tekst a{color:var(--accent)}.hulp-verwijzing{display:inline-flex;align-items:center;gap:3px;text-decoration:none;font-weight:550;border-bottom:1px solid currentColor}.hulp-verwijzing:hover{text-decoration:none;opacity:.8}.hulp-knop{display:inline-block;padding:1px 6px;border:1px solid var(--rand);border-radius:var(--r-s);background:var(--vlak-zacht);font-size:.92em;font-weight:600;color:var(--tekst);white-space:nowrap}.hulp-stappen,.hulp-punten{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}.hulp-stappen li::marker{font-weight:680;color:var(--accent)}.hulp-melding{display:flex;gap:var(--ruimte-3);align-items:flex-start;padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--rand);border-radius:var(--r-m)}.hulp-melding p{margin:0}.hulp-melding p+p{margin-top:6px}.hulp-melding svg{margin-top:3px}.hulp-melding.waarschuwing{border-color:var(--amber);background:var(--amber-zacht);color:var(--amber)}.hulp-melding.tip{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent)}.hulp-melding.waarschuwing strong,.hulp-melding.tip strong{color:var(--tekst)}table.hulp-tabel{width:100%;border-collapse:collapse;font-size:14px}table.hulp-tabel td{padding:7px 12px;border-bottom:1px solid var(--rand);vertical-align:top}table.hulp-tabel tr:last-child td{border-bottom:none}table.hulp-tabel td:first-child{white-space:nowrap;color:var(--tekst-zacht)}.hulp-verder{display:grid;grid-template-columns:1fr 1fr;gap:var(--ruimte-3);max-width:74ch}.hulp-buur{display:flex;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-3) var(--ruimte-4);text-decoration:none;color:inherit;min-width:0}.hulp-buur:hover{border-color:var(--accent)}.hulp-buur.rechts{justify-content:flex-end;text-align:right}.hulp-buur span{display:flex;flex-direction:column;min-width:0}.hulp-buur .label{font-size:12.5px;color:var(--tekst-flauw)}.hulp-buur .titel{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hulp-nieuw .kop{display:flex;align-items:center;gap:var(--ruimte-3);width:100%;padding:var(--ruimte-4);border:none;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.hulp-nieuw .kop .chevron{margin-left:auto;display:flex;color:var(--tekst-flauw);transition:transform var(--snel) var(--soepel)}.hulp-nieuw .kop .chevron.open{transform:rotate(180deg)}.hulp-nieuw .kaart-body{border-top:1px solid var(--rand);display:flex;flex-direction:column;gap:var(--ruimte-4);align-items:flex-start}.hulp-nieuw .uitgave .regel{display:flex;align-items:center;gap:var(--ruimte-2);margin-bottom:var(--ruimte-2)}@media(max-width:700px){.hulp-verder{grid-template-columns:1fr}.hulp-artikel h2{font-size:20px}}.wp{display:flex;flex-direction:column;gap:var(--ruimte-4)}.wp-kop{display:flex;align-items:flex-start;gap:var(--ruimte-3);flex-wrap:wrap}.wp-titel{flex:1;min-width:220px}.wp-titel h1{margin:2px 0 0;font-size:26px;letter-spacing:-.02em}.wp-titel p{margin:2px 0 0;color:var(--tekst-zacht);font-size:14px}.wp-acties{display:flex;align-items:center;gap:var(--ruimte-2);flex-wrap:wrap}.wp-zoom{display:flex;gap:2px;padding:3px;background:var(--neutraal-zacht);border-radius:var(--r-m)}.wp-zoomknop{border:0;background:none;font:inherit;font-size:12.5px;color:var(--tekst-zacht);padding:5px 11px;border-radius:var(--r-s);cursor:pointer}.wp-zoomknop:hover{color:var(--tekst)}.wp-zoomknop.aan{background:var(--vlak);color:var(--tekst);font-weight:600;box-shadow:var(--schaduw-s)}.wp-cijfers{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--rand);border:1px solid var(--rand);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--schaduw-s)}.wp-cijfer{background:var(--vlak);padding:var(--ruimte-3) var(--ruimte-4);display:flex;flex-direction:column;gap:1px}.wp-label{font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--tekst-flauw)}.wp-cijfer b{font-size:20px;font-weight:680;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}.wp-cijfer b.mager{color:var(--amber)}.wp-bij{font-size:12.5px;color:var(--tekst-zacht)}.wp-bord{border:1px solid var(--rand);border-radius:var(--r-l);background:var(--vlak);overflow-x:auto;box-shadow:var(--schaduw-s)}.wp-raster{min-width:min-content;position:relative}.wp-tijdkop{display:flex;position:sticky;top:0;z-index:20;background:var(--vlak);border-bottom:1px solid var(--rand)}.wp-hoek,.wp-naam,.wp-mensnaam,.wp-mensenkop{position:sticky;left:0;z-index:10;background:var(--vlak);flex:none;border-right:1px solid var(--rand)}.wp-hoek{display:flex;flex-direction:column;justify-content:flex-end;gap:1px;padding:var(--ruimte-2) var(--ruimte-3);font-size:12.5px;font-weight:640;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-flauw)}.wp-hoekbij{font-size:12.5px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--tekst-flauw)}.wp-tijd{flex:none}.wp-maanden,.wp-weken,.wp-dagen{display:flex}.wp-maand{flex:none;padding:5px 8px;font-size:12.5px;font-weight:640;border-left:1px solid var(--rand);white-space:nowrap;overflow:hidden}.wp-week{flex:none;padding:3px 4px;font-size:12.5px;color:var(--tekst-flauw);border-left:1px solid var(--rand);text-align:center;white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums}.wp-dagkop{flex:none;display:flex;flex-direction:column;align-items:center;padding:2px 0 4px;font-variant-numeric:tabular-nums}.wp-dagkop.weekend{background:var(--vlak-zacht)}.wp-dagletter{font-size:12.5px;color:var(--tekst-flauw);text-transform:uppercase}.wp-dagnummer{font-size:12.5px;font-weight:600}.wp-rijen{position:relative}.wp-achter{position:absolute;top:0;bottom:0;right:0;pointer-events:none;z-index:0}.wp-weekendstrook{position:absolute;top:0;bottom:0;background:var(--vlak-zacht)}.wp-maandlijn{position:absolute;top:0;bottom:0;width:1px;background:var(--rand)}.wp-vandaag{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);opacity:.75}.wp-vandaagmerk{position:absolute;top:0;left:3px;font-size:12.5px;font-weight:640;color:var(--accent);white-space:nowrap}.wp-rij{display:flex;align-items:stretch;border-bottom:1px solid var(--rand);position:relative;z-index:1;min-height:56px}.wp-rij.aan,.wp-rij.aan .wp-naam{background:var(--accent-zacht)}.wp-naam{display:flex;align-items:center;gap:4px;padding:6px var(--ruimte-2) 6px var(--ruimte-3)}.wp-naamknop{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;padding:0}.wp-fasenaam{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:14px;font-weight:600;overflow:hidden;white-space:nowrap}.wp-begroting{font-size:12.5px;font-weight:550;color:var(--tekst-flauw);font-variant-numeric:tabular-nums;flex:none}.wp-naamacties{display:flex;gap:1px;opacity:0;transition:opacity var(--snel) var(--soepel)}.wp-rij:hover .wp-naamacties,.wp-rij:focus-within .wp-naamacties{opacity:1}.wp-uren{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--tekst-zacht);font-variant-numeric:tabular-nums}.wp-uren.leeg{color:var(--tekst-flauw);font-style:italic}.wp-urenbalk{width:54px;height:4px;border-radius:999px;background:var(--neutraal-zacht);overflow:hidden;flex:none}.wp-urenbalk>span{display:block;height:100%;border-radius:999px;background:var(--groen)}.wp-uren.deels .wp-urenbalk>span{background:var(--amber)}.wp-uren.mager .wp-urenbalk>span{background:var(--rood)}.wp-koppen{color:var(--tekst-flauw)}.wp-spoor{position:relative;flex:none;padding:6px 0}.wp-geendatum{position:absolute;left:8px;top:14px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tekst-flauw);font-style:italic}.wp-balk{position:absolute;top:6px;height:26px;border-radius:var(--r-s);background:var(--accent);color:#fff;display:flex;align-items:center;gap:5px;padding:0 9px;cursor:grab;overflow:hidden;box-shadow:var(--schaduw-s);touch-action:none;transition:box-shadow var(--snel) var(--soepel)}.wp-balk:hover{box-shadow:var(--schaduw-m)}.wp-balk.aan{outline:2px solid var(--tekst);outline-offset:1px}.wp-balk:focus-visible{outline:2px solid var(--tekst);outline-offset:2px}.wp-balk.sleept{cursor:grabbing;opacity:.85;box-shadow:var(--schaduw-l)}.wp-balknaam{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1}.wp-gereed{position:absolute;left:0;top:0;bottom:0;background:#ffffff3d}.wp-volgt{margin-left:auto;opacity:.7;display:flex;position:relative;z-index:1}.wp-greep{position:absolute;top:0;bottom:0;width:10px;cursor:ew-resize;z-index:2}.wp-greep.links{left:0}.wp-greep.rechts{right:0}.wp-greep:after{content:"";position:absolute;top:8px;bottom:8px;left:3px;width:2px;border-radius:2px;background:#ffffff8c}.wp-inzet{position:absolute;top:36px;height:15px;border:0;border-radius:3px;background:var(--accent-zacht);border-left:2px solid var(--accent);color:var(--accent);font:inherit;font-size:12.5px;font-weight:600;display:flex;align-items:center;padding:0 5px;overflow:hidden;cursor:pointer;text-align:left}.wp-inzet:hover:not(:disabled){background:var(--rood);border-color:var(--rood);color:#fff}.wp-inzet:disabled{cursor:default}.wp-inzet.team{border-left-color:var(--paars, #8b6fd6);color:var(--paars, #8b6fd6)}.wp-inzetnaam{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-mensen{border-top:2px solid var(--rand-sterk);background:var(--vlak-zacht)}.wp-mensenkop{display:flex;flex-direction:column;gap:1px;padding:var(--ruimte-2) var(--ruimte-3);font-size:12.5px;font-weight:640;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-flauw);background:var(--vlak-zacht)}.wp-mensenlijf{display:flex;flex-direction:column}.wp-mensrij{display:flex;align-items:stretch;border-top:1px solid var(--rand);min-height:24px}.wp-mensnaam{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:2px var(--ruimte-3);font-size:12.5px;background:var(--vlak-zacht)}.wp-mensuren{font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.wp-mensspoor{display:flex;flex:none}.wp-cel{flex:none;display:flex;align-items:flex-end;border-right:1px solid var(--rand);min-height:22px}.wp-cel.weekend{background:var(--neutraal-zacht)}.wp-cel.afwezig{background:repeating-linear-gradient(45deg,var(--neutraal-zacht),var(--neutraal-zacht) 3px,var(--vlak-zacht) 3px,var(--vlak-zacht) 6px)}.wp-cel.vol>span{display:block;width:100%;background:var(--groen);opacity:.75}.wp-cel.botst>span{background:var(--rood);opacity:1}.wp-hint{margin:0;font-size:12.5px;line-height:1.6;color:var(--tekst-flauw)}.wp-hint kbd{font:inherit;background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:4px;padding:0 4px}.wp-leeg{display:flex;flex-direction:column;align-items:center;gap:var(--ruimte-2);text-align:center;padding:var(--ruimte-6) var(--ruimte-4);border:1px dashed var(--rand-sterk);border-radius:var(--r-l);background:var(--vlak)}.wp-leegmerk{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--accent-zacht);color:var(--accent)}.wp-leeg h2{margin:0;font-size:16px}.wp-leeg p{margin:0;max-width:58ch;color:var(--tekst-zacht);font-size:14px;line-height:1.55}.wp-leegacties{display:flex;gap:var(--ruimte-2);flex-wrap:wrap;justify-content:center;margin-top:var(--ruimte-2)}.wp-soortkeuze{display:flex;gap:6px;margin-bottom:var(--ruimte-3)}.wp-soort{flex:1;padding:8px 12px;border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak);font:inherit;font-size:14px;color:var(--tekst-zacht);cursor:pointer}.wp-soort.aan{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent);font-weight:600}.wp-keuzelijst{display:flex;flex-direction:column;gap:3px;margin-top:var(--ruimte-3);max-height:240px;overflow-y:auto}.wp-kandidaat{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte-3);width:100%;padding:8px 10px;border:1px solid var(--rand);border-radius:var(--r-m);background:var(--vlak);font:inherit;color:inherit;cursor:pointer;text-align:left}.wp-kandidaat:hover{border-color:var(--accent-rand)}.wp-kandidaat.aan{border-color:var(--accent);background:var(--accent-zacht)}.wp-kandidaat.vol .wp-kandidaatruimte{color:var(--rood)}.wp-kandidaatnaam{font-size:14px;font-weight:550}.wp-kandidaatruimte{font-size:12.5px;color:var(--tekst-zacht);font-variant-numeric:tabular-nums;white-space:nowrap}.wp-kandidaatweg{color:var(--amber)}.wp-drijf{display:flex;align-items:flex-start;gap:var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-4);border:1px solid var(--amber);border-left-width:3px;border-radius:var(--r-m);background:var(--vlak-zacht);font-size:14px;line-height:1.55;color:var(--tekst-zacht)}.wp-drijf>svg{color:var(--amber);flex:none;margin-top:1px}.wp-drijf>div{flex:1;min-width:0}.wp-drijf strong{color:var(--tekst)}.wp-drijf .knop{flex:none;white-space:nowrap}.wb{display:flex;flex-direction:column;gap:var(--ruimte-4)}.wb-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ruimte-4)}.wb-kop h1{margin:0;font-size:26px;letter-spacing:-.02em}.wb-kop p{margin:2px 0 0;color:var(--tekst-flauw);font-size:14px}.standen{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--ruimte-3)}.stand{--stand: var(--rand-sterk);position:relative;display:flex;flex-direction:column;gap:2px;padding:var(--ruimte-3) var(--ruimte-4);min-height:92px;text-align:left;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-l);box-shadow:var(--schaduw-s);cursor:pointer;transition:transform var(--snel) var(--soepel),box-shadow var(--snel) var(--soepel),border-color var(--snel) var(--soepel)}.stand:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--stand);border-radius:var(--r-l) var(--r-l) 0 0;transition:height var(--snel) var(--soepel)}.stand:hover{transform:translateY(-2px);box-shadow:var(--schaduw-m);border-color:var(--rand-sterk)}.stand:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.stand.aan{border-color:var(--stand);background:var(--vlak-verhoogd)}.stand.aan:before{height:5px}.stand.leeg:not(.aan){opacity:.62}.wb-stand.te_plannen{--stand: var(--merk-koel)}.wb-stand.vandaag{--stand: var(--accent)}.wb-stand.onderweg{--stand: var(--amber)}.wb-stand.doorboeken{--stand: var(--groen)}.wb-stand.loopt_uit{--stand: var(--rood)}.standkop{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--tekst-zacht)}.standkop svg{color:var(--stand)}.stand b{font-size:30px;line-height:1.05;font-weight:650;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--tekst)}.stand.aan b,.wb-stand.loopt_uit:not(.leeg) b,.wb-stand.doorboeken:not(.leeg) b{color:var(--stand)}.standbij{font-size:12.5px;color:var(--tekst-flauw)}.wb-spoedmelding{display:flex;align-items:center;gap:var(--ruimte-2);margin:calc(var(--ruimte-2) * -1) 0 0;padding:var(--ruimte-2) var(--ruimte-3);font-size:14px;color:var(--rood);background:var(--rood-zacht);border:1px solid color-mix(in srgb,var(--rood) 26%,transparent);border-radius:var(--r-m)}.wb-afkap{display:flex;align-items:center;gap:var(--ruimte-2);margin:0;padding:var(--ruimte-2) var(--ruimte-3);font-size:12.5px;color:var(--amber);background:var(--amber-zacht);border-radius:var(--r-m)}.wb-balk{display:flex;align-items:center;gap:var(--ruimte-3);flex-wrap:wrap}.wb-weergave{display:flex;padding:3px;gap:2px;background:var(--neutraal-zacht);border-radius:var(--r-m)}.wb-weergaveknop{display:flex;align-items:center;gap:6px;padding:6px 12px;min-height:32px;font-size:14px;font-weight:500;color:var(--tekst-zacht);background:transparent;border:0;border-radius:var(--r-s);cursor:pointer;transition:background var(--snel) var(--soepel),color var(--snel) var(--soepel)}.wb-weergaveknop.aan{color:var(--tekst);background:var(--vlak);box-shadow:var(--schaduw-s)}.wb-zoek{position:relative;flex:1;min-width:220px;display:flex;align-items:center}.wb-zoek svg{position:absolute;left:10px;color:var(--tekst-flauw);pointer-events:none}.wb-zoek input{width:100%;padding-left:32px}.wb-soorten{display:flex;gap:var(--ruimte-1);flex-wrap:wrap;min-width:0}.wb-soort{flex:none;--soort: var(--rand-sterk);display:flex;align-items:center;gap:6px;padding:6px 11px;min-height:32px;font-size:12.5px;color:var(--tekst-zacht);text-transform:capitalize;background:var(--vlak);border:1px solid var(--rand);border-radius:999px;cursor:pointer;transition:border-color var(--snel) var(--soepel),background var(--snel) var(--soepel)}.wb-soort:hover{border-color:var(--rand-sterk)}.wb-soort.aan{color:var(--tekst);font-weight:550;border-color:var(--soort);background:color-mix(in srgb,var(--soort) 10%,var(--vlak))}.wb-soortstip{width:7px;height:7px;border-radius:50%;background:var(--soort)}.wb-soort.uitvoering{--soort: var(--accent)}.wb-soort.service{--soort: var(--groen)}.wb-soort.storing{--soort: var(--rood)}.wb-soort.onderhoud{--soort: var(--amber)}.wb-lijst{display:flex;flex-direction:column;gap:var(--ruimte-5)}.wb-dag{display:flex;flex-direction:column;gap:var(--ruimte-2)}.wb-dagkop{position:sticky;top:0;z-index:2;display:flex;align-items:baseline;gap:var(--ruimte-2);margin:0;padding:var(--ruimte-2) 0;font-size:14px;font-weight:600;letter-spacing:-.01em;background:var(--grond)}.wb-dagkop.vandaag{color:var(--accent)}.wb-dagbij{font-size:12.5px;font-weight:400;color:var(--tekst-flauw)}.wb-rij{--soort: var(--rand-sterk);position:relative;display:grid;grid-template-columns:62px minmax(0,1fr) 170px auto 20px;align-items:center;gap:var(--ruimte-3);width:100%;padding:11px var(--ruimte-4);text-align:left;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m);cursor:pointer;overflow:hidden;transition:border-color var(--snel) var(--soepel),box-shadow var(--snel) var(--soepel),transform var(--snel) var(--soepel)}.wb-rij:hover{border-color:var(--rand-sterk);box-shadow:var(--schaduw-m);transform:translate(2px)}.wb-rij:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.wb-soortrand{position:absolute;inset:0 auto 0 0;width:3px;background:var(--soort)}.wb-rij.uitvoering{--soort: var(--accent)}.wb-rij.service{--soort: var(--groen)}.wb-rij.storing{--soort: var(--rood)}.wb-rij.onderhoud{--soort: var(--amber)}.wb-rij.let-op{background:color-mix(in srgb,var(--rood) 4%,var(--vlak));border-color:color-mix(in srgb,var(--rood) 24%,var(--rand))}.wb-tijd{display:flex;flex-direction:column;line-height:1.25}.wb-tijd b{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.wb-tijd .wb-geentijd{color:var(--tekst-flauw);font-weight:400}.wb-tijd span{font-size:12.5px;color:var(--tekst-flauw);font-variant-numeric:tabular-nums}.wb-wat{display:flex;flex-direction:column;gap:2px;min-width:0}.wb-titel{font-size:14px;font-weight:550;color:var(--tekst);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-onder{display:flex;align-items:center;gap:var(--ruimte-2);min-width:0;font-size:12.5px;color:var(--tekst-flauw)}.wb-onder>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-nummer{font-variant-numeric:tabular-nums;color:var(--tekst-zacht);flex:none}.wb-plek{display:inline-flex;align-items:center;gap:4px;flex:none}.wb-monteur{display:flex;align-items:center;gap:var(--ruimte-2);min-width:0;font-size:14px;color:var(--tekst-zacht)}.wb-monteurnaam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-poppetje{flex:none;display:grid;place-items:center;width:26px;height:26px;font-size:12.5px;font-weight:650;letter-spacing:.02em;text-transform:uppercase;color:var(--accent);background:var(--accent-zacht);border:1px solid var(--accent-rand);border-radius:50%}.wb-nietbelegd{font-style:italic;color:var(--tekst-flauw)}.wb-merken{display:flex;align-items:center;gap:var(--ruimte-1);justify-content:flex-end}.wb-status{display:inline-flex;align-items:center;padding:3px 9px;font-size:12.5px;font-weight:550;text-transform:capitalize;color:var(--tekst-zacht);background:var(--neutraal-zacht);border-radius:999px;white-space:nowrap}.wb-status.ingepland{color:var(--blauw);background:var(--blauw-zacht)}.wb-status.bezig{color:var(--amber);background:var(--amber-zacht)}.wb-status.klaar{color:var(--groen);background:var(--groen-zacht)}.wb-soortchip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;font-size:12.5px;text-transform:capitalize;color:var(--tekst-zacht);border:1px solid var(--rand-sterk);border-radius:999px}.wb-soortchip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--rand-sterk)}.wb-soortchip.uitvoering:before{background:var(--accent)}.wb-soortchip.service:before{background:var(--groen)}.wb-soortchip.storing:before{background:var(--rood)}.wb-soortchip.onderhoud:before{background:var(--amber)}.wb-pijl{color:var(--tekst-flauw);opacity:0;transition:opacity var(--snel) var(--soepel)}.wb-rij:hover .wb-pijl,.wb-rij:focus-visible .wb-pijl{opacity:1}.wb-schim{display:flex;flex-direction:column;gap:8px;padding:14px var(--ruimte-4);background:var(--vlak);border:1px solid var(--rand);border-radius:var(--r-m)}.wb-schim span{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--neutraal-zacht) 25%,var(--vlak-zacht) 37%,var(--neutraal-zacht) 63%);background-size:400% 100%;animation:wb-glans 1.4s ease-in-out infinite}.wb-schim span:first-child{width:42%}.wb-schim span:last-child{width:24%;height:8px}@keyframes wb-glans{0%{background-position:100% 0}to{background-position:0 0}}.wb-leeg{display:flex;flex-direction:column;align-items:center;gap:var(--ruimte-2);padding:var(--ruimte-6) var(--ruimte-4);text-align:center;background:var(--vlak);border:1px dashed var(--rand-sterk);border-radius:var(--r-l)}.wb-leegmerk{display:grid;place-items:center;width:48px;height:48px;color:var(--groen);background:var(--groen-zacht);border-radius:50%}.wb-leeg h2{margin:var(--ruimte-2) 0 0;font-size:16px}.wb-leeg p{margin:0;max-width:46ch;font-size:14px;color:var(--tekst-flauw)}.wbk-stap{--stap: var(--rand-sterk);display:flex;align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-3) var(--ruimte-4);margin-bottom:var(--ruimte-4);background:color-mix(in srgb,var(--stap) 8%,var(--vlak));border:1px solid color-mix(in srgb,var(--stap) 30%,transparent);border-left:3px solid var(--stap);border-radius:var(--r-m)}.wbk-stap>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.wbk-stap b{font-size:14px;color:var(--stap)}.wbk-stap span{font-size:12.5px;color:var(--tekst-zacht)}.wbk-stap>.knop{flex:none}.wbk-stap.geld{--stap: var(--groen)}.wbk-stap.alarm{--stap: var(--rood)}.wbk-stap.open{--stap: var(--merk-koel)}.wbk-stap.loopt{--stap: var(--amber)}.wbk-stap.klaar,.wbk-stap.rustig{--stap: var(--rand-sterk)}.wbk-stap.rustig b,.wbk-stap.klaar b,.wbk-stap.open b{color:var(--tekst)}.wbk-blok{padding:var(--ruimte-4) 0;border-top:1px solid var(--rand)}.wbk-blok h3{margin:0 0 var(--ruimte-3);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-flauw)}.wbk-plek{display:flex;align-items:flex-start;gap:var(--ruimte-3)}.wbk-plek>svg{margin-top:2px;color:var(--tekst-flauw);flex:none}.wbk-plek>div{display:flex;flex-direction:column;gap:2px;min-width:0}.wbk-plek b{font-size:14px}.wbk-plek span{font-size:14px;color:var(--tekst-zacht)}.wbk-toegang{display:flex;align-items:flex-start;gap:var(--ruimte-2);margin:var(--ruimte-3) 0 0;padding:var(--ruimte-2) var(--ruimte-3);font-size:12.5px;color:var(--amber);background:var(--amber-zacht);border-radius:var(--r-s)}.wbk-toegang svg{margin-top:2px;flex:none}.wbk-contact{display:flex;align-items:center;gap:var(--ruimte-3);margin-top:var(--ruimte-3);padding:var(--ruimte-3);background:var(--vlak-zacht);border:1px solid var(--rand);border-radius:var(--r-m)}.wbk-contact>div{display:flex;flex-direction:column;min-width:0;flex:1}.wbk-contact b{font-size:14px}.wbk-contact>div span{font-size:12.5px;color:var(--tekst-flauw)}.wbk-bel{flex:none;font-variant-numeric:tabular-nums}.wbk-installatie{display:flex;flex-direction:column;gap:2px}.wbk-installatie b{font-size:14px}.wbk-installatie span{font-size:12.5px;color:var(--tekst-flauw)}.wbk-tekst{margin:0;font-size:14px;line-height:1.6;color:var(--tekst-zacht);white-space:pre-wrap}.wbk-tekst.gedaan{margin-top:var(--ruimte-3);padding-left:var(--ruimte-3);border-left:2px solid var(--groen);color:var(--tekst)}.wbk-cijfers{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ruimte-2)}.wbk-cijfer{display:flex;flex-direction:column;gap:2px;padding:var(--ruimte-2) var(--ruimte-3);background:var(--vlak-zacht);border-radius:var(--r-s)}.wbk-cijfer span{font-size:12.5px;color:var(--tekst-flauw)}.wbk-cijfer b{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.wbk-cijfer.over b{color:var(--amber)}.wbk-getekend,.wbk-ongetekend{display:flex;align-items:center;gap:var(--ruimte-2);margin:0 0 var(--ruimte-3);font-size:14px}.wbk-getekend{color:var(--groen)}.wbk-ongetekend{color:var(--amber)}@media(max-width:1180px){.wb-rij{grid-template-columns:56px minmax(0,1fr) auto 20px}.wb-monteur .wb-monteurnaam,.wb-nietbelegd{display:none}}@media(max-width:900px){.standen{grid-template-columns:repeat(2,1fr)}.wb-stand.loopt_uit{grid-column:span 2}.wb-rij{grid-template-columns:52px minmax(0,1fr) auto}.wb-monteur,.wb-pijl{display:none}.wbk-cijfers{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.stand,.wb-rij{transition:none}.stand:hover,.wb-rij:hover{transform:none}.wb-schim span{animation:none}}