.gereedschap,.logboek{max-width:var(--paginabreedte,78rem);margin:0 auto;padding-block:1.5rem 3rem;padding-inline:1.25rem}.gereedschap .uitleg{font-family:var(--schrift-inhoud);font-size:var(--tekst-m);color:var(--inkt-zacht);max-width:46em;margin:0 0 1.25rem}.gereedschap .stil,.logboek .stil{font-family:var(--schrift-inhoud);color:var(--inkt-zacht);margin:0}.gereedschap .fout,.logboek .fout{font-family:var(--schrift-inhoud);color:var(--naar-buiten);border-left:2px solid var(--naar-buiten);margin:0;padding-left:.8rem}.gereedschap h2{font-size:var(--tekst-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--inkt-flauw);border-bottom:1px solid var(--rand);margin:1.5rem 0 .4rem;padding-bottom:.3rem;font-weight:600}.gereedschap .tool{border-bottom:1px solid color-mix(in srgb, var(--rand) 55%, transparent);grid-template-columns:14rem minmax(0,1fr) 12rem;align-items:start;gap:.3rem 1.25rem;padding:.75rem 0;display:grid}.gereedschap .tool:last-child{border-bottom:none}@media (width<=62rem){.gereedschap .tool{grid-template-columns:1fr;gap:.25rem}}.gereedschap .tool .kop{flex-direction:column;gap:.1rem;min-width:0;display:flex}.gereedschap .tool .kop b{font-size:var(--tekst-m)}.gereedschap .tool .kop code{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:var(--tekst-xs);color:var(--inkt-flauw)}.gereedschap .tool .wat{font-family:var(--schrift-inhoud);font-size:var(--tekst-m);color:var(--inkt-zacht);margin:0;line-height:1.5}.gereedschap .tool .gevoelig{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:var(--tekst-xs);color:var(--naar-buiten);margin-top:.2rem;display:block}.gereedschap .tool .aard{flex-wrap:wrap;grid-column:2;align-items:baseline;gap:.4rem;display:flex}@media (width<=62rem){.gereedschap .tool .aard{grid-column:1}}.merk{font-size:var(--tekst-xs);white-space:nowrap;border-radius:2px;padding:.05rem .35rem;font-weight:600}.merk.leest,.merk.stelt{color:#2f6b46;background:#2f6b462e}.merk.legt{background:color-mix(in srgb, var(--naar-buiten) 15%, transparent);color:var(--naar-buiten)}.merk.buiten{background:color-mix(in srgb, var(--naar-buiten) 28%, transparent);color:var(--naar-buiten)}.aard-uitleg{font-size:var(--tekst-xs);color:var(--inkt-flauw)}.gereedschap .tool .wie{flex-wrap:wrap;align-content:start;gap:.25rem;display:flex}.gebruiker{font-size:var(--tekst-xs);white-space:nowrap;border-radius:2px;padding:.08rem .35rem}.gebruiker.allow{color:#2f6b46;background:#2f6b4629}.gebruiker.ask{background:color-mix(in srgb, var(--naar-buiten) 14%, transparent);color:var(--naar-buiten)}.gebruiker.deny{background:color-mix(in srgb, var(--inkt-flauw) 16%, transparent);color:var(--inkt-flauw)}.niemand{font-size:var(--tekst-s);color:var(--inkt-flauw);font-style:italic}.gereedschap .voor-iedereen{align-items:center;gap:.5rem;display:inline-flex}.gereedschap .voor-iedereen>span{color:var(--inkt-zacht)}.gereedschap .voor-iedereen select{font:inherit;color:var(--inkt);background:var(--vel);border:1px solid var(--rand);border-radius:var(--rond-knop);padding:.2rem .4rem}.logboek .tabelhouder{border:1px solid var(--rand);border-radius:var(--rond-vel,3px);background:var(--vel);overflow-x:auto}.logboek table{border-collapse:collapse;width:100%;min-width:42rem}.logboek th{background:var(--vel);text-align:left;font-size:var(--tekst-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--inkt-flauw);border-bottom:1px solid var(--rand);white-space:nowrap;padding:.6rem .8rem .5rem;font-weight:600;position:sticky;top:0}.logboek td{border-bottom:1px solid color-mix(in srgb, var(--rand) 55%, transparent);font-size:var(--tekst-s);vertical-align:baseline;padding:.5rem .8rem}.logboek tr:last-child td{border-bottom:none}.logboek .tijd,.logboek .tool,.logboek .uit{font-variant-numeric:tabular-nums;white-space:nowrap;font-family:ui-monospace,IBM Plex Mono,monospace}.logboek .tijd{color:var(--inkt-flauw)}.logboek .tool{color:var(--inkt-zacht)}.logboek td b{font-weight:600}.logboek .afd{font-size:var(--tekst-xs);color:var(--inkt-flauw);font-family:ui-monospace,IBM Plex Mono,monospace;display:block}.logboek .uit.klaar{color:#2f6b46}.logboek .uit.mislukt,.logboek .uit.wacht_op_mens{color:var(--naar-buiten)}.logboek .knop-rand{margin-top:.9rem}.desk{grid-template-columns:var(--lijst) minmax(0, 1fr);background:var(--bureau);height:100dvh;color:var(--inkt);font-family:var(--schrift-ui);font-size:var(--tekst-m);line-height:var(--regel-ui);display:grid}.wachtrij{border-right:var(--lijn);flex-direction:column;min-height:0;display:flex}.wachtrij-kop{padding:var(--r5) var(--r4) var(--r3);border-bottom:var(--lijn)}.wachtrij-kop h1{font-size:var(--tekst-xl);letter-spacing:-.015em;margin:0;font-weight:600}.wachtrij-telling{margin:var(--r1) 0 0;color:var(--inkt-zacht);font-size:var(--tekst-s)}.wachtrij-lijst{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.rij{text-align:left;border:0;border-bottom:var(--lijn);width:100%;color:inherit;font:inherit;padding:var(--r3) var(--r4);cursor:pointer;background:0 0;border-left:3px solid #0000;display:block}.rij:hover{background:color-mix(in srgb, var(--bureau-diep) 55%, transparent)}.rij[aria-current=true]{background:var(--bureau-diep);border-left-color:var(--inkt)}.rij:focus-visible{outline:var(--focus);outline-offset:-2px}.rij-titel{font-size:var(--tekst-l);line-height:var(--regel-strak);letter-spacing:-.01em;display:block}.rij-onder{gap:var(--r2);margin-top:var(--r1);color:var(--inkt-flauw);font-size:var(--tekst-s);align-items:baseline;display:flex}.naar-buiten-punt{background:var(--naar-buiten);border-radius:50%;flex:none;align-self:center;width:6px;height:6px}.werkvlak{gap:var(--r6);padding:var(--r6) var(--r6) var(--r7);grid-template-columns:minmax(0,1fr) 15rem;align-content:start;display:grid;overflow-y:auto}.vraag{margin:0 0 var(--r2);font-size:var(--tekst-xl);letter-spacing:-.015em;grid-column:1/-1;max-width:44rem;font-weight:600}.waarschuwing{align-items:center;gap:var(--r2);margin-bottom:var(--r3);color:var(--naar-buiten);font-size:var(--tekst-s);grid-column:1/-1;font-weight:500;display:flex}.vel{background:var(--vel);border:var(--lijn);border-radius:var(--rond-vel);padding:var(--r5) var(--r5) var(--r6);max-width:var(--leesbreedte);min-width:0}.vel-inhoud{font-family:var(--schrift-inhoud);font-size:var(--tekst-lees);line-height:var(--regel-lees);white-space:pre-wrap;margin:0}.vel-leeg{font-family:var(--schrift-ui);font-size:var(--tekst-s);color:var(--inkt-flauw);margin:0}.ruwe-invoer{margin-top:var(--r5);border-top:var(--lijn);padding-top:var(--r3)}.ruwe-invoer summary{font-size:var(--tekst-s);color:var(--inkt-zacht);cursor:pointer}.ruwe-invoer pre{margin:var(--r3) 0 0;font-size:var(--tekst-s);color:var(--inkt-zacht);line-height:1.5;overflow-x:auto}.kantlijn{font-size:var(--tekst-s);color:var(--inkt-zacht);gap:var(--r4);padding-top:var(--r1);flex-direction:column;display:flex}.kantlijn dt{color:var(--inkt-flauw);margin-bottom:1px}.kantlijn dd{color:var(--inkt);overflow-wrap:anywhere;margin:0}.keuze{align-items:center;gap:var(--r4);margin-top:var(--r5);max-width:var(--leesbreedte);grid-column:1;display:flex}.knop-loslaten{background:var(--loslaten);color:#fff;border-radius:var(--rond-knop);padding:var(--r3) var(--r5);font:inherit;cursor:pointer;border:0;font-weight:600}.knop-loslaten:hover{background:var(--loslaten-diep)}.knop-stil{color:var(--inkt-zacht);font:inherit;padding:var(--r3) var(--r2);cursor:pointer;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--rand);text-decoration-color:var(--rand);background:0 0;border:0}.knop-stil:hover{color:var(--inkt)}.knop-loslaten:focus-visible,.knop-stil:focus-visible{outline:var(--focus);outline-offset:2px}.sneltoets{color:var(--inkt-flauw);font-size:var(--tekst-xs);margin-left:auto}.midden{text-align:center;padding:var(--r7);color:var(--inkt-zacht);place-content:center;gap:var(--r2);display:grid}.leeg-getal{color:var(--inkt);letter-spacing:-.03em;font-size:2.5rem;font-weight:600}.fout{border-left:3px solid var(--naar-buiten);padding:var(--r3) var(--r4);background:var(--vel);grid-column:1/-1;max-width:44rem}@media (width<=60rem){.desk{grid-template-columns:1fr}.wachtrij{border-right:0;border-bottom:var(--lijn);max-height:40dvh}.werkvlak{padding:var(--r4);gap:var(--r4);grid-template-columns:1fr}.kantlijn{gap:var(--r4);flex-flow:wrap}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.medewerkerscherm{border:1px solid var(--rand);border-radius:var(--rond-groot);background:var(--vel);flex-direction:column;margin:.85rem;display:flex;overflow:hidden}.medewerkerscherm .paneelkop{color:#fff;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.medewerkerscherm .paneelkop .wie{font-weight:600;font-size:var(--tekst-l);min-width:0}.medewerkerscherm .paneelkop .rol{opacity:.82;font-weight:400}.medewerkerscherm .standmerk{font-size:var(--tekst-xs);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;background:#ffffff2e;border:1px solid #ffffff6b;border-radius:999px;flex:none;padding:.15rem .65rem;font-weight:700}.medewerkerscherm .openvraag{background:var(--naar-buiten-vlak);border-bottom:var(--lijn);flex-direction:column;gap:.55rem;padding:.8rem .9rem .85rem;display:flex}.medewerkerscherm .vraagkop{font-size:var(--tekst-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--naar-buiten);align-items:center;gap:.45rem;font-weight:700;display:flex}.medewerkerscherm .vraagkop i{background:var(--naar-buiten);border-radius:50%;flex:none;width:7px;height:7px}.medewerkerscherm .vraagzin{font-size:var(--tekst-m);margin:0;font-weight:500}.medewerkerscherm .vel-inhoud{font-family:var(--schrift-inhoud);font-size:var(--tekst-lees);line-height:var(--regel-lees);background:var(--vel);border:1px solid var(--rand);border-radius:var(--rond-vel);white-space:pre-wrap;max-height:11rem;max-width:var(--leesbreedte);padding:.7rem .85rem;overflow-y:auto}.medewerkerscherm .let{font-size:var(--tekst-s);color:var(--naar-buiten);margin:0;font-weight:600}.medewerkerscherm .melding{background:var(--vel);border:1px solid var(--naar-buiten);border-radius:var(--rond-knop);color:var(--naar-buiten);font-size:var(--tekst-s);margin:0;padding:.5rem .7rem}.medewerkerscherm .knoppen{flex-wrap:wrap;gap:.5rem;display:flex}.medewerkerscherm .knop{font:inherit;font-weight:600;font-size:var(--tekst-s);border-radius:var(--rond-knop);cursor:pointer;border:1px solid var(--rand);background:var(--vel);color:var(--inkt);padding:.55rem .95rem}.medewerkerscherm .knop:disabled{opacity:.55;cursor:default}.medewerkerscherm .knop.hoofd{background:var(--loslaten);border-color:var(--loslaten);color:#fff}.medewerkerscherm .knop.gevaar{border-color:var(--naar-buiten);color:var(--naar-buiten);background:0 0}.medewerkerscherm .bladrij{border-bottom:var(--lijn);background:var(--bureau-diep);scrollbar-width:none;gap:2px;padding:0 .4rem;display:flex;overflow-x:auto}.medewerkerscherm .bladrij::-webkit-scrollbar{display:none}.medewerkerscherm .blad{font:inherit;font-size:var(--tekst-s);color:var(--inkt-zacht);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.7rem .7rem .55rem;font-weight:500;display:inline-flex}.medewerkerscherm .blad[aria-selected=true]{color:var(--inkt);border-bottom-color:var(--loslaten);font-weight:600}.medewerkerscherm .blad:focus-visible{outline:var(--focus);outline-offset:-3px}.medewerkerscherm .telling{font-size:var(--tekst-xs);background:var(--rand);color:var(--inkt-zacht);font-variant-numeric:tabular-nums;border-radius:999px;padding:.16rem .36rem;font-weight:700;line-height:1}.medewerkerscherm .blad[aria-selected=true] .telling{background:var(--loslaten);color:#fff}.medewerkerscherm .vak{flex-direction:column;gap:.9rem;padding:.8rem .9rem 1rem;display:flex}.medewerkerscherm .vak .stil{color:var(--inkt-flauw);margin:0}.medewerkerscherm .stap{border-bottom:1px solid var(--bureau-diep);grid-template-columns:3rem minmax(0,1fr) auto;align-items:baseline;gap:.6rem;padding:.45rem 0;display:grid}.medewerkerscherm .stap:last-child{border-bottom:0}.medewerkerscherm .stap .tijd{font-size:var(--tekst-s);color:var(--inkt-flauw);font-variant-numeric:tabular-nums}.medewerkerscherm .stap .wat{overflow-wrap:anywhere}.medewerkerscherm .waarmee{font-size:var(--tekst-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--inkt-zacht);background:var(--bureau);border:1px solid var(--rand);border-radius:999px;margin-top:.25rem;padding:.1rem .45rem;font-weight:700;display:inline-block}.medewerkerscherm .stap .prijs{font-size:var(--tekst-s);color:var(--inkt-flauw);font-variant-numeric:tabular-nums;white-space:nowrap}.medewerkerscherm .totaal{border-top:var(--lijn);font-size:var(--tekst-s);color:var(--inkt-zacht);justify-content:space-between;align-items:baseline;padding-top:.6rem;display:flex}.medewerkerscherm .totaal b{font-size:var(--tekst-m);color:var(--inkt);font-variant-numeric:tabular-nums}.medewerkerscherm .instructies{gap:.7rem;display:grid}.medewerkerscherm .instructies label{gap:.2rem;display:grid}.medewerkerscherm .instructies label>span{font-size:var(--tekst-s);letter-spacing:.04em;color:var(--inkt-zacht);font-weight:600}.medewerkerscherm .instructies textarea{font:inherit;color:var(--inkt);background:var(--vel);border:1px solid var(--rand);border-radius:var(--rond-knop);resize:vertical;padding:.45rem .6rem}.medewerkerscherm .instructies .acties{align-items:center;gap:.75rem;display:flex}.medewerkerscherm .nietopgeslagen{color:var(--naar-buiten);font-size:var(--tekst-s)}.medewerkerscherm .gereedschapskist{gap:.9rem;display:grid}.medewerkerscherm .gereedschapskist h4{font-size:var(--tekst-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--inkt-flauw);margin:0 0 .25rem;font-weight:700}.medewerkerscherm .toolregel{border-bottom:1px solid var(--bureau-diep);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.4rem 0;display:grid}.medewerkerscherm .toolregel:last-child{border-bottom:0}.medewerkerscherm .toolnaam{font-weight:400}.medewerkerscherm .toolregel select{font:inherit;font-size:var(--tekst-s);color:var(--inkt);background:var(--vel);border:1px solid var(--rand);border-radius:var(--rond-klein);padding:.35rem .5rem}.medewerkerscherm .geremd{color:var(--naar-buiten);font-size:var(--tekst-s);grid-column:1/-1}@media (width<=52rem){.medewerkerscherm .knop,.medewerkerscherm .toolregel select{min-height:var(--duim)}.medewerkerscherm .knop{flex:auto}.medewerkerscherm .blad{padding:.9rem .8rem .75rem}}.takenlijst{border-bottom:var(--lijn);padding:.75rem 1rem 1rem}.takenlijst h3{font-size:var(--tekst-s);letter-spacing:.04em;color:var(--inkt-zacht);margin:0 0 .5rem;font-weight:600}.takenlijst ul{margin:0 0 .9rem;padding:0;list-style:none}.takenlijst .regel{border-bottom:var(--lijn);flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.35rem 0;display:flex}.takenlijst .titel{flex:14rem}.takenlijst .herkomst,.takenlijst .later{color:var(--inkt-flauw);font-size:var(--tekst-s);white-space:nowrap}.takenlijst .later{font-style:italic}.takenlijst .regel.mis .titel{color:var(--naar-buiten)}.takenlijst .regel .fout{color:var(--inkt-zacht);font-size:var(--tekst-s);flex:100%}.takenlijst .geven{gap:.4rem;display:grid}.takenlijst .geven label{font-size:var(--tekst-s);color:var(--inkt-zacht)}.takenlijst textarea{font:inherit;color:var(--inkt);background:var(--vel);border:1px solid var(--rand);border-radius:var(--rond-knop);resize:vertical;padding:.4rem .5rem}.takenlijst .geven button{justify-self:start}.afspraken{border-bottom:var(--lijn);padding:.75rem 1rem 1rem}.afspraken h3{font-size:var(--tekst-s);letter-spacing:.04em;color:var(--inkt-zacht);margin:0 0 .5rem;font-weight:600}.afspraken ul{margin:0 0 .75rem;padding:0;list-style:none}.afspraken .afspraak{border-bottom:var(--lijn);flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.35rem 0;display:flex}.afspraken .afspraak .titel{flex:10rem}.afspraken .afspraak .wanneer{color:var(--inkt-flauw);font-size:var(--tekst-s);white-space:nowrap}.afspraken .knop-rand.klein{font-size:var(--tekst-s);padding:.15rem .5rem}.afspraken .nieuw{gap:.6rem;display:grid}.afspraken label{gap:.2rem;display:grid}.afspraken label>span{font-size:var(--tekst-s);color:var(--inkt-zacht)}.afspraken input,.afspraken select,.afspraken textarea{font:inherit;color:var(--inkt);background:var(--vel);border:1px solid var(--rand);border-radius:var(--rond-knop);padding:.3rem .45rem}.afspraken textarea{resize:vertical}.afspraken .wanneer-regel{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.afspraken .wanneer-regel input[type=number]{width:5rem}.afspraken .knoppen{gap:.5rem;display:flex}.kantoor{max-width:var(--paginabreedte,78rem);margin:0 auto;padding-block:1.5rem 3rem;padding-inline:1.25rem}.kantoor-stil,.leeg{font-family:var(--schrift-inhoud);font-size:var(--tekst-m);color:var(--inkt-zacht);margin:0;padding:1rem}.kantoor-fout{font-family:var(--schrift-inhoud);color:var(--naar-buiten);border-left:2px solid var(--naar-buiten);margin:0 0 1rem;padding-left:.8rem}.gang{border-bottom:1px solid var(--rand);flex-wrap:wrap;gap:.35rem;margin-bottom:1.1rem;display:flex}.deur{font:inherit;font-weight:600;font-size:var(--tekst-m);color:var(--inkt-zacht);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:.45rem;margin-bottom:-1px;padding:.55rem .85rem;display:flex}.deur:hover{color:var(--inkt)}.deur[aria-current=true]{color:var(--inkt);border-bottom-color:var(--loslaten)}.deur .aantal{font-size:var(--tekst-xs);color:var(--inkt-flauw);background:color-mix(in srgb, var(--inkt-flauw) 14%, transparent);border-radius:2px;padding:0 .3rem;font-weight:400}.deur .belletje{background:var(--naar-buiten);min-width:1.15rem;height:1.15rem;color:var(--vel);font-size:var(--tekst-xs);border-radius:.6rem;justify-content:center;align-items:center;padding:0 .3rem;font-weight:700;display:inline-flex}.kamer{grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:1rem;display:grid}@media (width<=62rem){.kamer{grid-template-columns:1fr}}.kantoor .kaart{background:var(--vel);border:1px solid var(--rand);border-radius:var(--rond-vel,3px)}.kantoor .kaart>h2{font-size:var(--tekst-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--inkt-flauw);border-bottom:1px solid var(--rand);margin:0;padding:.7rem .85rem .5rem;font-weight:600}.mensen{margin:0;padding:0;list-style:none}.mensen li{border-bottom:1px solid color-mix(in srgb, var(--rand) 60%, transparent)}.mensen li:last-child{border-bottom:none}.persoon{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;grid-template-columns:auto 1fr auto;gap:.1rem .6rem;padding:.6rem .85rem;display:grid}.persoon:hover,.persoon[aria-current=true]{background:color-mix(in srgb, var(--loslaten) 9%, transparent)}.persoon .vlag{background:var(--inkt-flauw);border-radius:50%;width:9px;height:9px;margin-top:.42rem}.persoon .vlag.werkt{background:#2f6b46}.persoon .vlag.wacht_op_jou{background:var(--naar-buiten)}.persoon .vlag.vastgelopen{background:var(--naar-buiten);box-shadow:0 0 0 3px color-mix(in srgb, var(--naar-buiten) 25%, transparent)}.persoon .naam{font-weight:600}.persoon .stand{font-size:var(--tekst-xs);color:var(--inkt-flauw);white-space:nowrap;align-self:center}.persoon .wat{font-size:var(--tekst-s);color:var(--inkt-zacht);text-overflow:ellipsis;white-space:nowrap;grid-column:2/-1;font-family:ui-monospace,IBM Plex Mono,monospace;overflow:hidden}.knop-rand{font:inherit;color:var(--inkt);border:1px solid var(--rand);border-radius:var(--rond-knop,2px);cursor:pointer;background:0 0;padding:.45rem .9rem;font-weight:600}.knop-rand:hover{border-color:var(--loslaten);color:var(--loslaten)}.kantoor-werkvlak{min-width:0}.open-scherm{flex-direction:column;display:flex}.terugbalk{border-bottom:1px solid var(--rand);align-items:center;gap:.8rem;padding:.55rem .85rem;display:flex}.terugbalk h2{font-size:var(--tekst-m);letter-spacing:0;text-transform:none;color:var(--inkt);border:0;margin:0 auto 0 0;padding:0;font-weight:600}.terugbalk .knop-rand{font-size:var(--tekst-s);padding:.3rem .7rem}.kantoor .afdeling-bij-naam{color:var(--inkt-flauw);font-weight:400}.kosten{max-width:var(--paginabreedte);margin:0 auto;padding:1.5rem 1.25rem}.kosten .kop{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.kosten h1{font-size:var(--tekst-xl);margin:0}.kosten .periode{color:var(--inkt-zacht);align-items:center;gap:.5rem;display:inline-flex}.kosten .periode select{font:inherit;color:var(--inkt);background:var(--vel);border:1px solid var(--rand);border-radius:var(--rond-knop);padding:.2rem .4rem}.kosten .totalen{border-bottom:var(--lijn);color:var(--inkt-zacht);flex-wrap:wrap;align-items:baseline;gap:1.5rem;margin:1rem 0 0;padding-bottom:1rem;display:flex}.kosten .totalen b{color:var(--inkt);font-variant-numeric:tabular-nums}.kosten .totalen .groot b{font-size:var(--tekst-xl)}.kosten .totalen .bedrag{color:var(--inkt-flauw);margin-left:auto}.kosten h2{font-size:var(--tekst-m);color:var(--inkt-zacht);margin:1.5rem 0 .5rem;font-weight:600}.kosten table{border-collapse:collapse;width:100%}.kosten th,.kosten td{text-align:left;border-bottom:var(--lijn);padding:.4rem .75rem .4rem 0}.kosten th{font-weight:600;font-size:var(--tekst-s);color:var(--inkt-zacht)}.kosten .getal{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.kosten .ongebruikt td{color:var(--inkt-flauw)}.kosten .kanttekening{max-width:var(--leesbreedte);color:var(--inkt-zacht);font-size:var(--tekst-s);margin-top:1.5rem}@media (width<=40rem){.kosten section{overflow-x:auto}.kosten table{min-width:34rem}}.stijl{max-width:var(--paginabreedte,78rem);flex-direction:column;gap:1.25rem;margin:0 auto;padding-block:1.5rem 3rem;padding-inline:1.25rem;display:flex}.stijl .fout{font-family:var(--schrift-inhoud);color:var(--naar-buiten);border-left:2px solid var(--naar-buiten);margin:0;padding-left:.8rem}.stijl .blok{background:var(--vel);border:1px solid var(--rand);border-radius:var(--rond-vel,3px);padding:1rem 1.1rem 1.1rem}.stijl h2{font-size:var(--tekst-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--inkt-flauw);margin:0 0 .5rem;font-weight:600}.stijl .uitleg{font-family:var(--schrift-inhoud);font-size:var(--tekst-m);color:var(--inkt-zacht);max-width:44em;margin:0 0 .7rem}.stijl textarea,.stijl input{font:inherit;background:var(--bureau);width:100%;color:var(--inkt);border:1px solid var(--rand);border-radius:2px;padding:.5rem .6rem}.stijl textarea{font-family:var(--schrift-inhoud);font-size:var(--tekst-m);resize:vertical;min-height:6rem;line-height:1.6}.stijl .acties{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.7rem;display:flex}.stijl .melding{font-size:var(--tekst-s);color:var(--inkt-zacht);margin-right:auto}.knop-loslaten{font:inherit;background:var(--loslaten);color:var(--vel);border-radius:var(--rond-knop,2px);cursor:pointer;border:0;padding:.45rem .95rem;font-weight:600}.knop-loslaten:disabled{opacity:.55;cursor:default}.stemmen{margin:0 0 .8rem;padding:0;list-style:none}.stemmen li{border-bottom:1px solid color-mix(in srgb, var(--rand) 55%, transparent)}.stemknop{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;align-items:baseline;gap:.6rem;padding:.55rem 0;display:flex}.stemknop:hover{color:var(--loslaten)}.stemknop .rol{font-size:var(--tekst-s);color:var(--inkt-flauw)}.stemvak{flex-direction:column;gap:.35rem;padding:0 0 .9rem;display:flex}.stemvak label,.veldnaam{font-size:var(--tekst-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--inkt-flauw);font-weight:600}.prompt pre,.voorbeeld pre{color:#e9eee3;border-left:2px solid var(--loslaten);white-space:pre-wrap;word-break:break-word;font-family:var(--schrift-inhoud);font-size:var(--tekst-m);background:#171c15;border-radius:2px;max-height:18rem;margin:.35rem 0 0;padding:.75rem .85rem;line-height:1.55;overflow:auto}.aannemen .velden{grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1rem;display:grid}@media (width<=52rem){.aannemen .velden{grid-template-columns:1fr}}.aannemen .velden label,.aannemen .velden .veld{flex-direction:column;gap:.25rem;min-width:0;display:flex}.aannemen .velden .breed{grid-column:1/-1}.aannemen .velden span{font-size:var(--tekst-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--inkt-flauw);font-weight:600}.kleuren{flex-wrap:wrap;gap:.35rem;display:flex}.kleurtje{cursor:pointer;border:2px solid #0000;border-radius:2px;width:1.7rem;height:1.7rem;padding:0}.kleurtje.gekozen{border-color:var(--inkt)}.rechten{border-top:1px solid var(--rand);margin-bottom:1rem;padding-top:.8rem}.toolrij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.toolnaam{flex-direction:column;min-width:0;display:flex}.toolnaam code{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:var(--tekst-xs);color:var(--inkt-flauw)}.standen{border:1px solid var(--rand);border-radius:2px;display:inline-flex;overflow:hidden}.standkeuze{font:inherit;font-size:var(--tekst-xs);border:0;border-right:1px solid var(--rand);color:var(--inkt-zacht);cursor:pointer;white-space:nowrap;background:0 0;padding:.25rem .55rem}.standkeuze:last-child{border-right:0}.standkeuze.gekozen{color:var(--vel);font-weight:700}.standkeuze.deny.gekozen{background:var(--inkt-flauw)}.standkeuze.ask.gekozen{background:var(--naar-buiten)}.standkeuze.allow.gekozen{background:#2f6b46}.voorbeeld .telling{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:var(--tekst-s);color:var(--inkt-zacht);margin:.4rem 0 0}.werkbord{max-width:var(--paginabreedte);margin:0 auto;padding:1.5rem 1.25rem}.werkbord .tellers{border-bottom:var(--lijn);flex-wrap:wrap;gap:1.25rem;padding-bottom:1rem;display:flex}.werkbord .teller{color:var(--inkt-zacht)}.werkbord .teller b{font-size:var(--tekst-l);color:var(--inkt);font-variant-numeric:tabular-nums}.werkbord .teller:not(.wacht_op_jou){color:var(--inkt-flauw)}.werkbord .teller:not(.wacht_op_jou) b{color:var(--inkt-zacht)}.werkbord h2{font-size:var(--tekst-m);color:var(--inkt-zacht);margin:1.5rem 0 .5rem;font-weight:600}.werkbord ul{margin:0;padding:0;list-style:none}.werkbord .post{border-bottom:var(--lijn);grid-template-columns:10rem 1fr auto;align-items:baseline;gap:1rem;padding:.5rem 0;display:grid}.werkbord .post .wie{font-weight:600}.werkbord .post .wat{color:var(--inkt-zacht);overflow-wrap:anywhere}.werkbord .post .wanneer{color:var(--inkt-flauw);font-variant-numeric:tabular-nums;white-space:nowrap}.werkbord .post .wanneer.gepland{font-style:italic}@media (width<=34rem){.werkbord .post{grid-template-columns:1fr auto}.werkbord .post .wat{grid-column:1/-1}}.schil{min-height:100%}.rail{width:var(--rail);z-index:10;padding:var(--r4) var(--r2) var(--r3);background:var(--rail-vlak);color:var(--rail-tekst);flex-direction:column;gap:2px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.rail .merk{padding:0 .65rem var(--r4);color:#fff;font-family:var(--schrift-inhoud);font-size:var(--tekst-l);letter-spacing:-.01em;align-items:center;gap:.55rem;display:flex}.rail .merk i{background:#7fd0c9;border-radius:3px;flex:none;width:10px;height:10px}.rail nav{flex-direction:column;gap:2px;min-width:0;display:flex}.plek{font:inherit;font-weight:500;font-size:var(--tekst-m);border-radius:var(--rond-knop);color:var(--rail-tekst);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.45rem;padding:.5rem .7rem;display:flex}.plek:hover{background:#ffffff12}.plek[aria-current=true]{background:var(--rail-aan);color:#fff;font-weight:600}.plek:focus-visible{outline-offset:-2px;outline:2px solid #7fd0c9}.plek .belletje{background:var(--naar-buiten);color:#fff;min-width:1.15rem;height:1.15rem;font-size:var(--tekst-xs);border-radius:.6rem;flex:none;justify-content:center;align-items:center;padding:0 .3rem;font-weight:700;display:inline-flex}.railvoet{padding-top:var(--r3);margin-top:auto}.uitloggen{font:inherit;font-size:var(--tekst-s);text-align:left;color:#9fbdb9;border-radius:var(--rond-knop);cursor:pointer;background:0 0;border:0;width:100%;padding:.5rem .7rem}.uitloggen:hover{color:#fff;background:#ffffff12}.uitloggen:focus-visible{outline-offset:-2px;outline:2px solid #7fd0c9}.werkveld{margin-left:var(--rail);min-width:0}@media (width<=52rem){.rail{width:auto;padding:var(--r2) var(--r2) calc(var(--r2) + env(safe-area-inset-bottom,0px));scrollbar-width:none;border-top:1px solid #ffffff1f;flex-direction:row;align-items:center;gap:0;inset:auto 0 0;overflow:auto hidden}.rail::-webkit-scrollbar{display:none}.rail .merk{display:none}.rail nav{flex-direction:row;flex:none;gap:2px}.plek{min-height:var(--duim);white-space:nowrap;flex:none;justify-content:center;padding:.5rem .9rem}.railvoet{padding-top:0;padding-left:var(--r2);margin-top:0;margin-left:var(--r2);border-left:1px solid #ffffff24;flex:none}.uitloggen{min-height:var(--duim);white-space:nowrap;width:auto;padding:.5rem .9rem}.werkveld{padding-bottom:var(--onderbalk);margin-left:0}}.themakeuze{margin-bottom:var(--r2);background:#ffffff12;border-radius:999px;gap:2px;padding:2px;display:flex}.thema{min-width:0;font:inherit;font-size:var(--tekst-xs);color:#9fbdb9;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1;padding:.35rem .2rem;font-weight:600}.thema:hover{color:#fff}.thema[aria-pressed=true]{background:var(--rail-aan);color:#fff}.thema:focus-visible{outline-offset:-2px;outline:2px solid #7fd0c9}@media (width<=52rem){.themakeuze{margin-bottom:0;margin-right:var(--r2)}.thema{min-height:var(--duim);padding:.35rem .6rem}}.kennis{max-width:var(--paginabreedte);margin:0 auto;padding:1.5rem 1.25rem}.kennis .uitleg{max-width:var(--leesbreedte);margin-bottom:1.5rem}.kennis h1{font-family:var(--schrift-inhoud);font-size:var(--tekst-xl);margin:0 0 .4rem;font-weight:500}.kennis .uitleg p{color:var(--inkt-zacht);margin:0}.kennis .kast{grid-template-columns:16rem 1fr;align-items:start;gap:1.5rem;display:grid}.kennis .planken ul{margin:0 0 1rem;padding:0;list-style:none}.kennis .boek{text-align:left;width:100%;font:inherit;color:var(--inkt);border:none;border-bottom:var(--lijn);cursor:pointer;background:0 0;padding:.4rem 0;display:grid}.kennis .boek[aria-current=true] .pad{font-weight:600}.kennis .boek .tekens{color:var(--inkt-flauw);font-size:var(--tekst-s);font-variant-numeric:tabular-nums}.kennis .voorzetten{gap:.3rem;display:grid}.kennis .veldnaam{font-size:var(--tekst-s);letter-spacing:.04em;color:var(--inkt-zacht);margin-top:.5rem;font-weight:600}.kennis .voorzet{font:inherit;text-align:left;color:var(--inkt-zacht);border:1px dashed var(--rand);border-radius:var(--rond-knop);cursor:pointer;background:0 0;padding:.35rem .5rem}.kennis .voorzet:hover{color:var(--inkt);border-color:var(--inkt-zacht)}.kennis .vel{gap:.6rem;display:grid}.kennis .padveld{gap:.2rem;display:grid}.kennis .padveld span{font-size:var(--tekst-s);color:var(--inkt-zacht)}.kennis input,.kennis textarea{font:inherit;color:var(--inkt);background:var(--vel);border:1px solid var(--rand);border-radius:var(--rond-knop);padding:.4rem .55rem}.kennis textarea{font-family:var(--schrift-inhoud);font-size:var(--tekst-lees);line-height:var(--regel-lees);resize:vertical}.kennis .acties{align-items:center;gap:.75rem;display:flex}.kennis .nietopgeslagen{color:var(--naar-buiten);font-size:var(--tekst-s)}@media (width<=48rem){.kennis .kast{grid-template-columns:1fr}}.kennis .voorzet{gap:.1rem;display:grid}.kennis .voorzet .waarover{color:var(--inkt)}.kennis .voorzet .wie{color:var(--inkt-flauw);font-size:var(--tekst-s)}.kennis .waarom{color:var(--inkt-zacht);font-size:var(--tekst-s);margin:.2rem 0 .4rem}.werk{max-width:var(--paginabreedte);margin:0 auto;padding:1.5rem 1.25rem}.werk .uitleg{max-width:var(--leesbreedte);margin-bottom:1.5rem}.werk h1{font-family:var(--schrift-inhoud);font-size:var(--tekst-xl);margin:0 0 .4rem;font-weight:500}.werk .uitleg p{color:var(--inkt-zacht);margin:0}.werk .kast{grid-template-columns:18rem 1fr;align-items:start;gap:1.5rem;display:grid}.werk .planken ul{margin:0;padding:0;list-style:none}.werk .stukregel{text-align:left;width:100%;font:inherit;color:var(--inkt);border:none;border-bottom:var(--lijn);cursor:pointer;background:0 0;gap:.1rem;padding:.45rem 0;display:grid}.werk .stukregel[aria-current=true] .titel{font-weight:600}.werk .bij{color:var(--inkt-flauw);font-size:var(--tekst-s)}.werk .klaarvlag{color:var(--loslaten)}.werk .vel{gap:.75rem;display:grid}.werk .vel .kop h2{font-family:var(--schrift-inhoud);font-size:var(--tekst-l);margin:0 0 .15rem;font-weight:500}.werk .inhoud{background:var(--vel);border:var(--lijn);border-radius:var(--rond-vel);font-family:var(--schrift-inhoud);font-size:var(--tekst-lees);line-height:var(--regel-lees);white-space:pre-wrap;overflow-wrap:anywhere;max-width:var(--leesbreedte);margin:0;padding:1rem}.werk .acties{align-items:center;gap:.75rem;display:flex}.werk .isklaar{color:var(--loslaten);font-weight:600}@media (width<=48rem){.werk .kast{grid-template-columns:1fr}}[hidden]{display:none!important}:root{--inkt:#0e1011;--inkt-zacht:#394144;--inkt-flauw:#5d676a;--bureau:#eef0f1;--bureau-diep:#e3e6e7;--vel:#fff;--rand:#dfe3e3;--loslaten:#0a5f5c;--loslaten-diep:#084a48;--loslaten-vlak:#e6f1f0;--naar-buiten:#b33a1e;--naar-buiten-vlak:#fceee9;--rail-vlak:#10312f;--rail-tekst:#dbeae8;--rail-aan:#14423f;--schrift-ui:"Archivo", ui-sans-serif, system-ui, sans-serif;--schrift-inhoud:"Newsreader", ui-serif, Georgia, serif;--tekst-xs:.6875rem;--tekst-s:.8125rem;--tekst-m:.9375rem;--tekst-l:1.125rem;--tekst-xl:1.375rem;--tekst-lees:1.0625rem;--regel-strak:1.25;--regel-ui:1.45;--regel-lees:1.65;--r1:.25rem;--r2:.5rem;--r3:.75rem;--r4:1rem;--r5:1.5rem;--r6:2rem;--r7:3rem;--rond-groot:12px;--rond-vel:10px;--rond-knop:8px;--rond-klein:6px;--lijn:1px solid var(--rand);--focus:2px solid var(--loslaten);--rail:13rem;--onderbalk:4.25rem;--lijst:22rem;--leesbreedte:34rem;--paginabreedte:78rem;--duim:44px}:root[data-theme=dark]{--inkt:#eef1f1;--inkt-zacht:#b3bcbd;--inkt-flauw:#8e9899;--bureau:#151819;--bureau-diep:#101314;--vel:#1e2223;--rand:#343a3b;--loslaten:#3fa39e;--loslaten-diep:#56b8b3;--loslaten-vlak:#17332f;--naar-buiten:#e06a4c;--naar-buiten-vlak:#31201a;--rail-vlak:#0c1112;--rail-tekst:#b9c4c4;--rail-aan:#1a2122}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bureau);color:var(--inkt);font-family:var(--schrift-ui);-webkit-font-smoothing:antialiased}.poort{min-height:100dvh;padding:var(--r5);place-content:center;display:grid}.poort-blok{align-items:flex-start;gap:var(--r4);flex-direction:column;max-width:24rem;display:flex}.poort-blok h1{letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:600}.poort-uitleg{color:var(--inkt-zacht);line-height:var(--regel-ui);margin:0}.poort-fout{border-left:3px solid var(--naar-buiten);padding:var(--r2) var(--r3);background:var(--vel);font-size:var(--tekst-s);margin:0}