@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-400-normal-g7Dtegnw.woff2)format("woff2"),url(/assets/figtree-latin-400-normal-BD4aNku5.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-700-normal-th6qEP7c.woff2)format("woff2"),url(/assets/figtree-latin-700-normal-BCCt2T1q.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-ext-400-normal-CXAzuTZb.woff2)format("woff2"),url(/assets/figtree-latin-ext-400-normal-Gbh-3PTk.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-ext-700-normal-CS4sQkGV.woff2)format("woff2"),url(/assets/figtree-latin-ext-700-normal-BoDi4KL2.woff)format("woff")}:root{--bg:#fff;--paneel:#fff;--text:#111;--muted:#565656;--lijn:#cfcfcf;--accent:#1f4fd8;--accent-tekst:#fff;--accent-zacht:#e8eefc;--goed:#0f6b53;--goed-bg:#dff3ec;--let-op-bg:#fff1c9;--let-op:#6b4a00;--fout-bg:#fde6e2;--fout:#b3261e;--info-bg:#e8eefc;--info:#163a9c;--c-les:#25324a;--c-overig:#7d8fb3}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}h1,h2,h3{line-height:1.25}h1{margin:4px 0 16px;font-size:24px}h2{margin:0 0 10px;font-size:17px}h3{margin:18px 0 6px;font-size:14px}.kop-balk{background:var(--paneel);border-bottom:1px solid var(--lijn);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px max(16px,50% - 590px);display:flex}.sub{color:var(--muted);font-size:13px}nav{align-items:center;gap:4px;display:flex}.tab{color:var(--text);border-radius:6px;padding:7px 12px;text-decoration:none}.tab[aria-current=page]{background:var(--accent-zacht);color:var(--accent);font-weight:600}main{max-width:1180px;margin:0 auto;padding:20px 16px 40px}.voet{max-width:1180px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 auto;padding:0 16px 40px;font-size:13px;display:flex}.paneel{background:var(--paneel);border:1px solid var(--lijn);border-radius:10px;margin-bottom:14px;padding:16px 18px}.kolommen{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.kolommen>.paneel{margin-bottom:0}.kolommen+.paneel{margin-top:14px}.rij-tussen{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hulp{color:var(--muted);margin:4px 0 8px;font-size:13px}.terug{margin:0;font-size:14px}.kop{margin-top:6px}.taakbrief{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.kolom-uitkomst{position:sticky;top:8px}@media (width<=1100px){.taakbrief{grid-template-columns:minmax(0,1fr)}.kolom-uitkomst{position:static}}.velden{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.veld{flex-direction:column;gap:3px;margin-bottom:8px;display:flex}.velden .veld{margin-bottom:0}.veld-label{color:var(--muted);font-size:13px}.veld-breed{grid-column:1/-1}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--lijn);border-radius:6px;min-width:0;padding:7px 9px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);padding:0}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vink{align-items:center;gap:8px;margin:6px 0;display:flex}.vinkjes{gap:2px;display:grid}button{font:inherit;cursor:pointer;color:var(--accent-tekst);background:var(--accent);border:0;border-radius:6px;padding:8px 14px}.knop-tekst{color:var(--accent);background:0 0;padding:6px 8px}.knop-tekst:hover{background:var(--accent-zacht)}.knop-gevaar{color:var(--fout);border:1px solid var(--fout);background:0 0}.onderkant{margin-top:4px}.tabel-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--lijn);vertical-align:top;padding:7px 9px}thead th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:12px;font-weight:600}tbody th{font-weight:500}tfoot th{border-bottom:0;font-weight:700}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.neg{color:var(--fout)}.regels .tot th,.regels .tot td{font-weight:700}.uitleg{color:var(--muted);font-size:13px}.rooster input{text-align:right;width:100%;max-width:110px}td input[type=number]{text-align:right;width:90px}.meer{margin:8px 0}.meer summary{cursor:pointer;color:var(--accent);font-size:14px}.kaarten{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0;display:grid}.kaart{background:var(--bg);border:1px solid var(--lijn);border-radius:8px;padding:8px 10px}.kaart span{color:var(--muted);font-size:12px;display:block}.kaart strong{font-variant-numeric:tabular-nums;font-size:17px}.kaart-nadruk{background:var(--accent-zacht);border-color:var(--accent)}.kaart-neg strong{color:var(--fout)}.meldingen{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.melding{border-radius:6px;padding:8px 12px;font-size:14px}.melding.info{background:var(--info-bg);color:var(--info)}.melding.let-op{background:var(--let-op-bg);color:var(--let-op)}.melding.fout{background:var(--fout-bg);color:var(--fout)}p.melding{margin:8px 0}.badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px}.fout{color:var(--fout)}.cao{border:1px solid var(--lijn);background:var(--accent-zacht);color:var(--accent);white-space:nowrap;vertical-align:baseline;border-radius:999px;padding:0 6px;font-size:11px;line-height:1.5;text-decoration:none;display:inline-block}button.cao{cursor:pointer;font-family:inherit}button.cao:hover{text-decoration:underline}.cao-paneel{z-index:30;border:0;border-left:1px solid var(--lijn);background:var(--bg);width:min(420px,100%);height:100%;color:inherit;margin:0;padding:20px;position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-4px 0 16px #0000001f}.cao-paneel h2{margin-top:0}.cao-paneel blockquote{white-space:pre-line;border-left:3px solid var(--accent);margin:12px 0;padding-left:12px}.cao-sluit{float:right;cursor:pointer;color:inherit;background:0 0;border:0;font-size:24px}.cao-titel{font-weight:600}.cao-geen,.cao-bron,.cao-soort{color:var(--muted);font-size:13px}.cao-aanname{color:var(--muted);background:0 0}.stats{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.stat{background:var(--bg);border:1px solid var(--lijn);text-align:center;border-radius:8px;min-width:56px;padding:6px 12px}.stat span{color:var(--muted);font-size:12px;display:block}.stat-totaal{border-color:var(--accent);background:var(--accent-zacht)}.rij{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:10px;margin-bottom:8px;display:grid}.rij-afwijking{grid-template-columns:minmax(220px,1.2fr) 150px minmax(200px,2fr)}.afwijking-naam{flex-direction:column;align-self:center;gap:2px;display:flex}@media (width<=700px){.rij-afwijking{grid-template-columns:1fr}}.afwijkingen{gap:6px;margin:0;padding:0;list-style:none;display:grid}@media print{.kop-balk,.voet,.terug,.kolom-invoer,.knop-tekst,button{display:none!important}body{color:#000;background:#fff}.paneel{border:0;padding:0}.taakbrief{display:block}.kolom-uitkomst{position:static}.kaart,.melding{color:#000;background:#fff;border:1px solid #999}input{color:#000;background:0 0;border:0;padding:0}}.versie{color:var(--muted)}.matrix{min-width:760px}.matrix th.lid{text-transform:none;letter-spacing:0;min-width:78px;font-size:12px}.matrix td.midden{text-align:center}.matrix .taaknaam input{width:100%;min-width:180px}.matrix td input[type=number]{width:76px}.matrix tr.groep th{background:var(--bg);text-transform:none;color:var(--text);letter-spacing:0;font-size:14px}.matrix tr.uit{opacity:.55}.matrix tfoot th{text-align:left}.kaarten-drie{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.kaart-hulp{color:var(--muted);font-size:12px;display:block}.stap{border-top:1px solid var(--lijn);margin-top:14px;padding-top:12px}details.stap>summary{cursor:pointer;padding:4px 0}.stap-kop{margin:0;font-size:16px;font-weight:700}.knoppen{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--accent-zacht);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:2px 4px 2px 10px;font-size:13px;display:inline-flex}.chip-voorstel{border:1px dashed var(--accent)}.chip button{color:inherit;background:0 0;border-radius:999px;padding:0 6px;font-size:16px;line-height:1}.belasting{background:var(--lijn);border-radius:4px;width:120px;height:10px;overflow:hidden}.belasting span{background:var(--accent);height:100%;display:block}.belasting span.te-veel{background:var(--fout)}.voorstel{border:1px dashed var(--accent);border-radius:8px;margin:10px 0;padding:4px 14px 10px}.voorstel-lijst{margin:6px 0;padding-left:18px}.voorkeuren{margin-top:8px}.onderling{margin:4px 0;padding-left:18px}.ingevuld{margin:8px 0}.ingevuld summary{cursor:pointer;color:var(--accent)}.tag{vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.tag.verplicht{background:var(--accent-zacht);color:var(--accent);border:1px solid var(--accent)}.tag.optioneel{color:var(--muted);border:1px solid var(--lijn);background:0 0}details.meer>summary{cursor:pointer;list-style:revert;flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}details.meer>summary h2{margin:0;display:inline}details.meer[open]>summary{margin-bottom:8px}.ontbreekt{margin:6px 0;padding-left:18px}.melding .vink{margin:2px 0}.rolbalk{background:var(--let-op-bg);color:var(--let-op);flex-wrap:wrap;align-items:center;gap:6px 16px;padding:8px 16px;font-size:13px;display:flex}.rolbalk label{align-items:center;gap:8px;font-weight:600;display:flex}.rolbalk select{width:auto;min-width:160px}.rolbalk .hulp{color:inherit}.teller{background:var(--accent);min-width:18px;color:var(--accent-tekst);text-align:center;border-radius:999px;padding:0 5px;font-size:12px;font-weight:700;display:inline-block}.knop{background:var(--accent);color:var(--accent-tekst);white-space:nowrap;border-radius:6px;padding:8px 14px;text-decoration:none;display:inline-block}.actie-blok{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.actie-blok h2,.actie-blok p{margin:0}.intro{max-width:80ch;margin:0 0 12px}.effect{border-left:3px solid var(--accent);background:var(--accent-zacht);border-radius:0 6px 6px 0;margin:12px 0;padding:8px 12px}.effect h3{margin-top:0}.regel-lijst{margin:4px 0;padding-left:18px}.verzoek-lijst,.verzoek-kaarten{gap:10px;margin:0;padding:0;list-style:none;display:grid}.verzoek-regel,.verzoek-kaart{border:1px solid var(--lijn);background:var(--bg);border-radius:8px;padding:10px 12px}.verzoek-kaart h3{margin:0;font-size:15px}.toelichting{margin-top:4px}nav{flex-wrap:wrap}@media (width<=480px){.tab{padding:6px 9px;font-size:14px}.rolbalk select{min-width:0;max-width:100%}}.schooljaar-balk{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:2px;display:flex}.schooljaar{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.schooljaar select{width:auto;padding:2px 6px}.let-op-rij th,.let-op-rij td{background:var(--let-op-bg)}a.kaart-link{color:inherit;text-decoration:none}a.kaart-link:hover{border-color:var(--accent)}textarea{resize:vertical;width:100%}.route{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.route li{border:1px solid var(--lijn);color:var(--muted);border-radius:999px;padding:3px 12px;font-size:13px}.route li.klaar{color:var(--goed);border-color:var(--goed)}.route li.nu{background:var(--accent-zacht);color:var(--accent);border-color:var(--accent);font-weight:600}.plan-rubriek>summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}.plan-rubriek h3{margin:0;display:inline}.plan-gegevens{border-left:3px solid var(--lijn);margin:8px 0;padding:8px 12px}.plan-gegevens p,.plan-gegevens ul{margin:4px 0}.plan-document{border:1px solid var(--lijn);background:var(--bg);border-radius:8px;padding:12px 16px}.doc-deel{break-inside:avoid;margin:12px 0}.doc-deel h3{margin:0 0 4px}@media print{body.print-plan .rolbalk,body.print-plan .kop-balk,body.print-plan .voet,body.print-plan main>:not(:last-child),body.print-plan main .paneel .rij-tussen button{display:none!important}body.print-plan .plan-document{background:#fff;border:0;padding:0}body.print-plan main{padding:0}}.paneel-kop{margin:0 0 10px;font-size:17px}.rij-rechts{justify-content:flex-end;display:flex}.voortgang-balk{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.voortgang-tekst{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:220px;display:flex}.stippen{gap:5px;display:flex}.stip{background:var(--lijn);border-radius:50%;width:10px;height:10px}.stip.klaar{background:var(--goed)}.stip.nu{background:var(--accent);width:14px;height:14px}.knop{background:var(--accent);color:var(--accent-tekst);padding:7px 14px;text-decoration:none;display:inline-block}.menu-ruimte{flex:1}.subtabs{flex-wrap:wrap;gap:4px;margin:0 0 12px;display:flex}.aandacht{gap:4px;margin:0;padding-left:18px;display:grid}.onboarding .keuzes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:12px 0;display:grid}.onboarding .keuzes button{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.onboarding .keuzes button .hulp{color:inherit;opacity:.9}.keuzes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:12px 0;display:grid}.keuze{text-align:left;border:1px solid var(--lijn);color:inherit;cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.keuze-aan{border-color:var(--accent);background:var(--accent-zacht)}:root{--r:4px;--kop-font:Georgia, "Iowan Old Style", "Palatino Linotype", serif;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lijn-sterk:#111;--markeer:#f2b01e;--markeer-tekst:#111;--nu:#c93a24;--c1:#1f4fd8;--c2:#16806a;--c3:#a86f00;--c4:#e0452f;--c5:#6d3fb5}body{font-family:var(--font);line-height:1.55}h1,h2,h3,.merk{font-family:var(--kop-font);font-weight:600}h1{letter-spacing:-.01em;font-size:30px}h2{font-size:20px}.kop-balk{border-bottom:1px solid var(--lijn)}.merk{letter-spacing:-.01em;font-size:20px}.paneel,.tab,button,input,select,textarea,.badge,.cao,.tag,.teller,.chip,.chip button,.knop,.melding,.kaart,.stat,.taakkaart,.voorstel,.verzoek-regel,.verzoek-kaart,.plan-document,.keuze,.belasting,.route li,.effect,.stip,.schooljaarband span{border-radius:var(--r)}.tab{border-bottom:2px solid #0000;padding:9px 13px;transition:background .12s}.tab:hover{background:var(--accent-zacht)}.tab[aria-current=page]{background:var(--accent-zacht);color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.paneel{border:0;border-top:1px solid var(--lijn);background:0 0;border-radius:0;padding:18px 0 8px}.taakbrief .paneel{background:0 0}.kaart{border:0;border-left:2px solid var(--lijn);background:0 0;border-radius:0;padding:2px 14px}.kaart strong{font-family:var(--kop-font);font-size:26px;font-weight:600;line-height:1.15;display:block}a.kaart-link{color:inherit;background:var(--paneel);border:1px solid var(--lijn);border-radius:var(--r);padding:12px 40px 12px 14px;text-decoration:none;transition:border-color .12s,background .12s;display:block;position:relative}a.kaart-link:after{content:"→";color:var(--accent);font-size:20px;transition:transform .12s;position:absolute;top:12px;right:14px}a.kaart-link:hover{border-color:var(--accent);background:var(--accent-zacht)}a.kaart-link:hover:after{transform:translate(3px)}.kaart-nadruk{background:var(--accent-zacht);border-left-color:var(--accent)}.stat{border:0;border-left:2px solid var(--lijn);text-align:left;background:0 0;border-radius:0}.stat-totaal{background:var(--accent-zacht);border-left-color:var(--accent)}.badge,.tag{border:0;padding:2px 8px;font-weight:600}.badge.goed{background:var(--goed-bg);color:var(--goed)}.badge.let-op{background:var(--let-op-bg);color:var(--let-op)}.badge.fout{background:var(--fout-bg);color:var(--fout)}.badge.info{background:var(--info-bg);color:var(--info)}.melding{border-left:3px solid}button,.knop{min-height:40px;padding:10px 16px;font-weight:600;transition:filter .12s,background .12s,border-color .12s}button:not(.knop-tekst):not(.cao):not(.cao-sluit):not(.keuze):hover:not(:disabled),.knop:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}.knop-tekst{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:0 0;min-height:36px;padding:8px 12px}.knop-tekst:hover{background:var(--accent-zacht);border-color:var(--accent)}.knop-gevaar{min-height:36px}input,select,textarea{border:1px solid color-mix(in srgb, var(--text) 58%, var(--bg));background:var(--paneel);min-height:40px;padding:9px 10px}input:hover,select:hover,textarea:hover{border-color:var(--text)}input[type=checkbox]{min-height:0}thead th{border-bottom:1px solid var(--lijn)}.num,.getal{font-variant-numeric:tabular-nums}.meer summary{font-weight:600}.meer summary::marker{color:var(--accent)}.band-bijschrift{color:var(--muted);margin:6px 0 0;font-size:12px}.urenbalk{gap:2px;height:28px;margin:10px 0 8px;display:flex;overflow:hidden}.urenbalk span{min-width:2px;display:block}.urenbalk .tekort{background:repeating-linear-gradient(135deg, var(--fout) 0 5px, var(--fout-bg) 5px 10px)}.urenlegenda{flex-wrap:wrap;gap:4px 16px;margin:0 0 14px;padding:0;font-size:13px;list-style:none;display:flex}.urenlegenda i{border:1px solid var(--lijn);border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.kolom-uitkomst .kaarten{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}.keuzes .keuze,.onboarding .keuzes button{text-align:left}.weergavekeuze{color:var(--muted);margin-left:8px;font-size:13px}.weergavekeuze select{min-height:32px;margin-left:4px;padding:4px 8px}@media print{.urenbalk{-webkit-print-color-adjust:exact;print-color-adjust:exact}}button.cao{min-height:0;padding:0 7px;font-weight:500;line-height:1.6}.chip button,.cao-sluit{min-height:0;padding:0 6px}.bestuurlogo{object-fit:contain;max-width:160px;max-height:44px}.kop-balk{align-items:center}.print-kop{display:none}@media print{.print-kop{align-items:center;gap:12px;margin:0 0 12px;display:flex}.print-kop img{object-fit:contain;max-width:180px;max-height:48px}}.logo-voorbeeld{align-items:center;gap:14px;margin:10px 0;display:flex}.logo-voorbeeld img{object-fit:contain;border:1px solid var(--lijn);border-radius:var(--r);background:#fff;max-width:200px;max-height:56px;padding:6px}.stalen{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.staal{background:0 0;border:2px solid #0000;min-height:0;padding:3px}.staal span{border-radius:var(--r);width:26px;height:26px;display:block}.staal-aan{border-color:var(--text)}.staal-eigen{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.staal-eigen input{width:56px;min-height:36px;padding:2px}.effect-tekst{margin-top:4px;font-size:13px;font-weight:600;display:block}button.cao{align-items:center;min-height:24px;display:inline-flex}.chip button,.cao-sluit{min-width:28px;min-height:28px}.afwijking-naam{align-items:flex-start}@media (pointer:coarse),(width<=700px){button.cao{min-height:32px;padding:0 10px}.chip button,.cao-sluit{min-width:36px;min-height:36px}.tab{padding:11px 13px}}@media (width<=700px){.kolom-uitkomst .kaarten{grid-template-columns:repeat(2,minmax(0,1fr))}.kaart strong{white-space:nowrap}.rolbalk{font-size:12px}h1{font-size:26px}}.sla-over{z-index:10;background:var(--accent);color:var(--accent-tekst);border-radius:var(--r);padding:8px 14px;text-decoration:none;position:absolute;top:-60px;left:8px}.sla-over:focus{top:8px}main:focus{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.sla-over{display:none}}.cao{color:var(--muted);background:0 0;border:0;border-bottom:1px dotted;border-radius:0;padding:0 2px;font-size:12px}a.cao:hover,button.cao:hover{color:var(--accent);background:var(--accent-zacht);text-decoration:none}.cao-aanname{color:var(--muted)}fieldset.keuzekaarten{border:0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:8px 0;padding:0;display:grid}.keuzekaarten legend{grid-column:1/-1;margin-bottom:6px;padding:0;font-weight:600}.keuzekaart{border:1px solid var(--lijn);border-radius:var(--r);background:var(--paneel);cursor:pointer;flex-direction:column;gap:4px;padding:14px 14px 14px 42px;transition:border-color .12s,background .12s;display:flex;position:relative}.keuzekaart:hover{border-color:var(--accent)}.keuzekaart input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--accent);margin:0;position:absolute;top:16px;left:14px}.keuzekaart-aan{border:2px solid var(--accent);background:var(--accent-zacht);padding:13px 13px 13px 41px}.keuzekaart:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.keuzekaart-groot{font-family:var(--kop-font);font-size:26px;font-weight:600;line-height:1.15}.keuzekaart-kop{flex-wrap:wrap;align-items:center;gap:8px;display:flex}:root{--s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:32px;--s6:48px}body{font-size:16px;line-height:1.5}h1{letter-spacing:0;margin:var(--s2) 0 var(--s4);font-size:30px;font-weight:700;line-height:1.25}h2{margin:0 0 var(--s3);font-size:22px;font-weight:700;line-height:1.3}h3{margin:var(--s4) 0 var(--s2);font-size:18px;font-weight:700;line-height:1.35}.merk{font-size:20px;font-weight:700}main p,main .hulp{max-width:75ch}.hulp{font-size:14px;line-height:1.5}.paneel{padding:var(--s4) 0 var(--s2);margin-bottom:var(--s3)}.kaarten{gap:var(--s3)}.kaart strong{font-size:28px;font-weight:700}.kolom-uitkomst .kaart strong{font-size:24px}table{font-size:15px}th,td{padding:10px 12px}thead th{text-transform:none;letter-spacing:0;color:var(--muted);font-size:13px;font-weight:700}.veld-label{color:var(--text);font-size:14px;font-weight:700}input,select,textarea{min-height:44px;padding:10px 12px;font-size:16px}button,.knop{min-height:44px;padding:10px 18px;font-size:16px}.knop-tekst{min-height:40px;padding:8px 14px}.tab{padding:10px 14px;font-size:16px}.badge,.tag,.cao{font-size:13px}.keuzekaart-groot{font-size:28px}.effectbalk{display:none}@media (width<=1100px){.effectbalk{gap:var(--s1) var(--s4);z-index:5;padding:var(--s2) var(--s3);margin-bottom:var(--s3);background:var(--paneel);border:1px solid var(--lijn);border-radius:var(--r);flex-wrap:wrap;font-size:14px;display:flex;position:sticky;top:0}.effectbalk strong{font-variant-numeric:tabular-nums;font-size:16px}}.stappenband{margin:var(--s4) 0 var(--s3)}.maandband{margin:0 0 var(--s2);grid-template-columns:repeat(9,minmax(0,1fr));gap:0 4px;padding:0;list-style:none;display:grid}.maandband li{border-bottom:2px solid var(--lijn);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 0 4px;font-size:11px;font-weight:700}.maandband li:empty{border-bottom-color:#0000}.maandband li.nu{border-bottom-color:var(--accent);color:var(--accent)}.maandband li.nu .maand-label:after{content:" · nu";font-weight:400}.maand-jaar{letter-spacing:0;font-weight:400}.stappenlijst{grid-template-rows:auto 1fr;grid-template-columns:repeat(9,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.stappenlijst>li{grid-row:span 2;grid-template-rows:subgrid;display:grid}.stap-item{grid-row:span 2;grid-template-rows:subgrid;color:var(--text);text-align:center;--l:var(--lijn);--r:var(--lijn);justify-items:center;row-gap:8px;padding:0 4px;text-decoration:none;display:grid;position:relative}.stap-item:before{content:"";background:linear-gradient(90deg, var(--l) 50%, var(--r) 50%);grid-area:1/1;place-self:center stretch;height:2px}.stap-na-af{--l:var(--goed)}.stap-klaar,.stap-overgeslagen{--r:var(--goed)}li:first-child>.stap-item{--l:transparent}li:last-child>.stap-item{--r:transparent}a.stap-item:hover .stap-titel{text-decoration:underline}.stap-datum{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stap-nr{border:1px solid var(--lijn-sterk);background:var(--paneel);border-radius:50%;grid-area:1/1;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.stap-titel{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;grid-area:2/1;align-self:start;min-width:0;font-size:13px;line-height:1.3}.stap-klaar .stap-nr{background:var(--goed-bg);border-color:var(--goed);color:var(--goed)}.stap-nu .stap-nr{background:var(--accent);border-color:var(--accent);color:var(--accent-tekst);box-shadow:0 0 0 4px var(--accent-zacht)}.stap-nu .stap-titel{font-weight:700}.stap-later{color:var(--muted)}.stap-overgeslagen .stap-nr{border-style:dashed}.stap-status{color:var(--muted);font-size:12px;font-weight:400;display:block}@media (width<=1000px){.maandband{display:none}.stappenlijst{gap:var(--s3) var(--s2);grid-template-rows:none;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stappenlijst>li{grid-row:auto;display:block}.stap-item{text-align:left;align-items:flex-start;gap:var(--s2);display:flex}.stap-item:before{display:none}.stap-nr,.stap-titel{grid-area:auto}.stap-tekst{align-items:flex-start;padding-top:4px}.stap-datum:not(.sr-only){clip:auto;white-space:normal;width:auto;height:auto;color:var(--muted);font-size:12px;position:static;overflow:visible}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vragen{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-block:16px;display:grid}.samenvatting{border:1px solid var(--lijn);border-radius:var(--r);gap:8px;margin:16px 0;padding:16px;list-style:none;display:grid}.meer-opties{margin-block:16px}.paneel-aanvraag{background:var(--accent-zacht);border:2px solid var(--accent);border-radius:var(--r);margin-block:24px;padding:20px 20px 16px}.paneel-aanvraag h2{margin-top:0}.kaarten-kpi{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kaarten-kpi .kaart strong{white-space:nowrap;font-size:24px}.matrix td,.matrix th{padding-block:6px}.matrix td.acties .knop-tekst{min-height:32px;padding:4px 10px}.matrix tr.groep th{padding-block:8px}.matrix tr.toevoegen td{padding-block:4px}input[type=number]{max-width:8rem}input[type=month],input[type=date]{cursor:pointer;max-width:12rem}@media (width<=640px){.tabel-wrap table,.matrix{min-width:0}.tabel-wrap table:not(.matrix),.tabel-wrap tbody,.tabel-wrap tfoot{width:100%;display:block}.tabel-wrap td[data-label]{flex-wrap:wrap}.tabel-wrap td.num{white-space:normal}.tabel-wrap thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tabel-wrap tr{border-bottom:1px solid var(--lijn);gap:2px;padding:10px 0;display:grid}.tabel-wrap td,.tabel-wrap th{text-align:right;border:0;justify-content:space-between;align-items:baseline;gap:12px;padding:2px 0;display:flex}.tabel-wrap th[scope=row],.tabel-wrap tr.groep th,.tabel-wrap td.taaknaam{text-align:left;font-weight:700}.tabel-wrap td[data-label]:before{content:attr(data-label);color:var(--muted);text-align:left;flex:none;font-size:14px}.tabel-wrap td:empty,.tabel-wrap td.midden:empty{display:none}.tabel-wrap td.taaknaam{display:block}.tabel-wrap td.taaknaam:before{content:none}.tabel-wrap td.acties{justify-content:flex-start}.kaarten-kpi{grid-template-columns:1fr 1fr}button,select,.knop-tekst,.kies>summary{min-height:44px}.kies>summary{align-items:center;display:inline-flex}}.urenbalk span{border-radius:0}.urenbalk .over,.urenlegenda i.over{background:color-mix(in srgb, var(--text) 30%, var(--bg))}.aanvraag-reden{color:var(--text);margin:12px 0 8px;font-weight:700}.verplicht{color:var(--muted);font-weight:400}.meer-opties>summary,details.meer>summary,details.stap>summary,.ingevuld>summary{cursor:pointer;background:var(--paneel);border:1px solid var(--lijn);border-radius:var(--r);justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 14px;font-weight:700;list-style:none;display:flex}.meer-opties>summary::-webkit-details-marker{display:none}details.meer>summary::-webkit-details-marker{display:none}details.stap>summary::-webkit-details-marker{display:none}.ingevuld>summary::-webkit-details-marker{display:none}.meer-opties>summary:hover,details.meer>summary:hover,details.stap>summary:hover,.ingevuld>summary:hover{border-color:var(--accent)}.meer-opties>summary:after,details.meer>summary:after,details.stap>summary:after,.ingevuld>summary:after{content:"";border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);flex:none;width:8px;height:8px;margin-top:-4px;transition:transform .15s;transform:rotate(45deg)}.meer-opties[open]>summary:after,details.meer[open]>summary:after,details.stap[open]>summary:after,.ingevuld[open]>summary:after{margin-top:4px;transform:rotate(225deg)}details.stap{border-top:0;padding-top:0}details.stap[open]>summary,.ingevuld[open]>summary,.meer-opties[open]>summary,details.meer[open]>summary{margin-bottom:12px}.aandacht{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.aandacht-regel{background:var(--paneel);border:1px solid var(--lijn);border-left:4px solid var(--accent);border-radius:var(--r);min-height:44px;color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-weight:600;text-decoration:none;display:flex}.aandacht-regel:after{content:"";border-right:2px solid var(--accent);border-top:2px solid var(--accent);flex:none;width:8px;height:8px;transform:rotate(45deg)}.aandacht-regel:hover{border-color:var(--accent)}h2 .teller{background:var(--accent);min-width:24px;color:var(--accent-tekst);text-align:center;vertical-align:middle;border-radius:12px;margin-left:6px;padding:0 8px;font-size:14px;line-height:24px;display:inline-block}.schooljaar-balk{align-items:center;gap:8px 12px}.schooljaar-balk .schooljaar,.schooljaar-balk .knop-tekst{min-height:36px}.schooljaar-balk select{min-height:36px;padding:4px 8px}.modus-knop{margin-left:auto}details.stap>summary .hulp{margin-right:auto;font-weight:400}.keuzeknoppen{border:0;gap:0;margin:0;padding:0;display:inline-flex}.keuzeknop{border:1px solid var(--lijn-sterk);cursor:pointer;background:var(--paneel);align-items:center;min-height:40px;margin-left:-1px;padding:0 14px;font-size:14px;display:inline-flex;position:relative}.keuzeknop:first-child{border-radius:var(--r) 0 0 var(--r);margin-left:0}.keuzeknop:last-child{border-radius:0 var(--r) var(--r) 0}.keuzeknop input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.keuzeknop:has(input:checked){background:var(--accent);border-color:var(--accent);color:var(--accent-tekst);z-index:1;font-weight:700}.keuzeknop-graag:has(input:checked){background:var(--goed);border-color:var(--goed);color:var(--goed-bg)}.keuzeknop-liever-niet:has(input:checked){background:var(--let-op);border-color:var(--let-op);color:var(--let-op-bg)}.keuzeknop:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px;z-index:2}.keuzeknoppen:disabled .keuzeknop{opacity:.6;cursor:default}.terugleg{margin-top:12px}.terugleg>summary{cursor:pointer;color:var(--accent);padding:6px 0;font-weight:600}.nul-regels{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.staal span{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 45%, transparent)}@media (width<=640px){.rolbalk .hulp{display:none}nav{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}nav a{white-space:nowrap;flex:none}input[type=checkbox],input[type=radio]{min-width:24px;min-height:24px}td:has(>input[type=checkbox]){min-height:44px}}.lidkeuze-lijst{flex-wrap:wrap;gap:8px;margin:8px 0 12px;display:flex}.lid{background:var(--paneel);color:var(--text);border:1px solid var(--lijn-sterk);min-height:36px;padding:4px 12px;font-weight:400}.lid-aan{background:var(--accent);border-color:var(--accent);color:var(--accent-tekst);font-weight:700}.lid .hulp{color:inherit;opacity:.85;font-size:12px}.kandidaat-knoppen{flex-direction:column;align-items:stretch;gap:6px;margin:6px 0;display:flex}.kandidaat-knop{text-align:left;white-space:normal;justify-content:flex-start;width:100%}.kandidaat-scroll{max-height:240px;padding-right:4px;overflow-y:auto}@media (width<=640px){nav{-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}}.routebalk{align-items:center;gap:var(--s2) var(--s4);margin:0 0 var(--s3);padding:var(--s2) var(--s3);border:1px solid var(--lijn);border-radius:var(--r);background:var(--paneel);flex-wrap:wrap;font-size:14px;display:flex}.routebalk-kop{color:var(--text);font-weight:700;text-decoration:none}.routebalk-kop:hover{text-decoration:underline}.routebalk-stappen{flex-wrap:wrap;row-gap:6px;margin:0;padding:0;list-style:none;display:flex}.routebalk-stappen>li{align-items:center;display:flex}.routebalk-stappen>li:not(:last-child):after{content:"";background:var(--lijn);width:10px;height:2px}.routebalk-stappen>li:has(>.stap-klaar,>.stap-overgeslagen):not(:last-child):after{background:var(--goed)}.routebalk-stap{border:1px solid var(--lijn-sterk);background:var(--paneel);width:28px;height:28px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}a.routebalk-stap:hover{border-color:var(--accent)}.routebalk-stap.stap-klaar{background:var(--goed-bg);border-color:var(--goed);color:var(--goed)}.routebalk-stap.stap-overgeslagen{color:var(--text-zacht,var(--text));border-style:dashed}.routebalk-stap.stap-nu{border:2px solid var(--accent)}.routebalk-stap.hier{background:var(--accent);border-color:var(--accent);color:var(--accent-tekst);box-shadow:0 0 0 3px var(--accent-zacht)}.routebalk-pijlen{gap:var(--s3);margin-left:auto;display:flex}.routebalk-nav{color:var(--text)}.voortgang-knoppen{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.overgeslagen{margin:var(--s2) 0 0;padding-left:var(--s4)}@media print{.routebalk{display:none}}@media (width<=600px){.routebalk-pijlen{gap:var(--s1);flex-direction:column;margin-left:0}}.stap-tekst{display:contents}@media (width<=1000px){.stap-tekst{flex-direction:column;min-width:0;display:flex}}.focuskaart{padding:var(--s3) var(--s4);border:1px solid var(--lijn);border-left:4px solid var(--accent);border-radius:var(--r);background:var(--paneel)}.focus-label{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.focus-titel{font-size:18px}@page{size:A4 portrait;margin:15mm}@page rooster{size:A3 landscape;margin:12mm}.taakrooster-doc{margin-top:var(--s4)}.taakrooster-doc.met{display:none}.rooster-tabel th,.rooster-tabel td{text-align:left}.rooster-wie{font-size:1.15em}@media print{tr{break-inside:avoid}thead{display:table-header-group}h2,h3{break-after:avoid}body.print-rooster *{visibility:hidden}body.print-rooster .taakrooster-doc,body.print-rooster .taakrooster-doc *{visibility:visible}body.print-rooster .taakrooster-doc{page:rooster;color:#000;background:#fff;width:100%;display:block;position:absolute;top:0;left:0}body.print-rooster.print-rooster-ja .taakrooster-doc.zonder,body.print-rooster.print-rooster-nee .taakrooster-doc.met{display:none}body.print-rooster .rooster-kop{margin:0 0 8mm;font-size:36px}body.print-rooster .rooster-tabel{border-collapse:collapse;width:100%;font-size:22px}body.print-rooster .rooster-tabel th,body.print-rooster .rooster-tabel td{border-bottom:1px solid #555;padding:5mm 4mm}}.uren-spoor{vertical-align:middle;width:10em;margin-left:8px;display:inline-block}.uren-balk{background:var(--accent);-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:2px;min-width:2px;height:.9em;display:block}.rooster-totaal{white-space:nowrap}@media print{body.print-rooster .uren-balk{background:#333}body.print-rooster .uren-spoor{width:8em}}.gegevens{grid-template-columns:max-content 1fr;gap:6px 20px;margin:0;display:grid}.gegevens dt{color:var(--muted)}.gegevens dd{margin:0}.gegevens dd ul{margin:0;padding-left:18px}.gesprekken{margin-block:6px;padding:0;list-style:none}.gesprekken li{grid-template-columns:minmax(14ch,20ch) 1fr;align-items:baseline;gap:16px;padding-block:6px;display:grid}.kop-balk{background:var(--paneel);padding:0 max(16px,50% - 590px);display:block}.kop-binnen{max-width:1180px;margin:0 auto}.kop-rij{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 24px;padding:16px 0 12px;display:grid}.kop-identiteit{flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;display:flex}.kop-titels{gap:2px;min-width:0;display:grid}.kop-titels .merk{font-family:var(--font);letter-spacing:-.025em;font-size:21px;font-weight:750;line-height:1.2}.kop-titels .sub{max-width:70ch}.bestuurlogo{object-fit:contain;flex:none;width:32px;max-width:32px;height:32px;max-height:32px}.schooljaar-balk{flex-wrap:wrap;flex:0 0 100%;align-items:center;gap:4px 6px;margin:2px 0 0;display:flex}.schooljaar{color:var(--muted);gap:6px;font-size:13px;font-weight:500}.schooljaar select{cursor:pointer;background:0 0;border-color:#0000;min-height:36px;padding:4px 28px 4px 8px;font-size:14px;font-weight:600}.schooljaar select:hover{border-color:var(--lijn);background:var(--bg)}.schooljaar select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.schooljaar-acties{position:relative}.schooljaar-acties>summary{border-radius:var(--r);width:38px;height:38px;color:var(--muted);cursor:pointer;place-items:center;list-style:none;display:grid}.schooljaar-acties>summary::-webkit-details-marker{display:none}.schooljaar-acties>summary svg{width:18px;height:18px}.schooljaar-acties>summary:hover,.schooljaar-acties[open]>summary{color:var(--text);background:var(--accent-zacht)}.schooljaar-menu{z-index:20;border:1px solid var(--lijn);background:var(--paneel);width:min(300px,100vw - 32px);box-shadow:0 8px 24px color-mix(in srgb, var(--text) 16%, transparent);border-radius:8px;gap:8px;padding:12px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.schooljaar-menu>strong{border-bottom:1px solid var(--lijn);padding-bottom:7px}.schooljaar-menu .knop-tekst{justify-self:start;min-height:44px}.schooljaar-menu .hulp{margin:0}.profiel-menu{z-index:15;justify-self:end;position:relative}.profiel-menu>summary{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;min-height:44px;padding:4px 8px 4px 5px;list-style:none;display:flex}.profiel-menu>summary::-webkit-details-marker{display:none}.profiel-menu>summary:hover,.profiel-menu[open]>summary{border-color:var(--lijn);background:var(--bg)}.profiel-avatar{border:1px solid var(--lijn);background:var(--accent-zacht);width:34px;height:34px;color:var(--text);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.profiel-naam{gap:2px;line-height:1.2;display:grid}.profiel-naam small{color:var(--muted);font-size:11px}.profiel-naam strong{font-size:13px}.profiel-pijl{width:14px;height:14px;color:var(--muted)}.profiel-paneel{border:1px solid var(--lijn);background:var(--paneel);width:min(300px,100vw - 32px);box-shadow:0 8px 24px color-mix(in srgb, var(--text) 16%, transparent);border-radius:8px;gap:10px;padding:12px;display:grid;position:absolute;top:calc(100% + 7px);right:0}.profiel-kop{border-bottom:1px solid var(--lijn);gap:2px;padding-bottom:8px;display:grid}.profiel-kop span,.profiel-uitleg{color:var(--muted);font-size:12px}.profiel-keuze{gap:4px;font-size:13px;font-weight:600;display:grid}.profiel-keuze select{width:100%}.profiel-paneel .modus-knop{justify-self:start;min-height:44px;margin:0}.kop-menu{border-top:1px solid color-mix(in srgb, var(--lijn) 65%, transparent);min-height:51px}.kop-menu .menu-breed{align-items:stretch;min-width:0;display:flex}.kop-menu .menu-ruimte{margin-left:auto}.kop-menu .tab{min-height:51px;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;align-items:center;padding:0 15px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.kop-menu .tab:hover{color:var(--text);background:color-mix(in srgb, var(--accent-zacht) 55%, transparent)}.kop-menu .tab[aria-current=page]{border-bottom-color:var(--accent);color:var(--accent);background:0 0}.kop-menu .teller{min-width:20px;height:20px;color:var(--accent);background:var(--accent-zacht);border-radius:999px;place-items:center;margin-left:7px;padding:0 5px;font-size:11px;line-height:1;display:inline-grid}.menu-smal{display:none}.subtabs.subtabs-proces{border-bottom:1px solid var(--lijn);flex-wrap:wrap;align-items:stretch;gap:14px;margin:0 0 18px;padding:0;display:flex}.subtabs.subtabs-proces .subtabs-label{min-height:42px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;margin-right:2px;font-size:10px;font-weight:700;display:inline-flex}.subtabs.subtabs-proces .tab{min-height:42px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;margin-bottom:-1px;padding:8px 6px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.subtabs.subtabs-proces .tab:hover{color:var(--text);background:0 0}.subtabs.subtabs-proces .tab[aria-current=page]{border-bottom-color:var(--accent);color:var(--accent);background:0 0;font-weight:600}.routebalk{border-radius:8px;grid-template-columns:minmax(180px,1fr) 350px minmax(280px,1fr);align-items:center;gap:10px 18px;padding:8px 16px;display:grid}.routebalk-kop{gap:1px;min-width:0;line-height:1.3;text-decoration:none;display:grid}.routebalk-kop small{color:var(--muted);letter-spacing:.055em;text-transform:uppercase;font-size:11px;font-weight:700}.routebalk-kop strong{overflow-wrap:anywhere;font-size:14px}.routebalk-stappen{flex-wrap:nowrap;grid-area:1/2;justify-content:center}.routebalk-stappen>li{flex:none}.routebalk-stappen>li:not(:last-child):after{flex:none;width:8px}.routebalk-stap{width:30px;height:36px;color:var(--muted);box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;place-items:center;padding:0;font-size:12px;text-decoration:none;display:grid;position:relative}.routebalk-stap.stap-klaar,.routebalk-stap.stap-overgeslagen,.routebalk-stap.stap-nu,.routebalk-stap.hier{color:var(--muted);box-shadow:none;background:0 0;border:0}.routebalk-stap>span:first-child{border:1px solid var(--lijn-sterk);width:27px;height:27px;color:var(--text);background:var(--paneel);border-radius:50%;place-items:center;transition:transform .12s,border-color .12s;display:grid}.routebalk-stap.stap-klaar>span:first-child{border-color:var(--goed);color:var(--goed);background:var(--goed-bg)}.routebalk-stap.stap-overgeslagen>span:first-child{color:var(--text);background:0 0;border-style:dashed}.routebalk-stap.stap-nu>span:first-child{border-width:2px;border-color:var(--accent);color:var(--accent)}.routebalk-stap.hier>span:first-child{border:2px solid var(--accent);color:var(--accent-tekst);background:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}a.routebalk-stap:hover>span:first-child{border-color:var(--accent);transform:translateY(-1px)}.routebalk-stap[title]:after{z-index:12;border:1px solid var(--lijn);color:var(--text);background:var(--paneel);box-shadow:0 4px 12px color-mix(in srgb, var(--text) 14%, transparent);content:attr(title);opacity:0;pointer-events:none;white-space:nowrap;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:400;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%,2px)}.routebalk-stap[title]:hover:after,.routebalk-stap[title]:focus-visible:after{opacity:1;transform:translate(-50%)}.routebalk-pijlen{grid-area:1/3;justify-content:flex-end;gap:4px;min-width:0;margin:0;display:flex}.routebalk-nav{min-width:0;min-height:44px;color:var(--muted);border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:4px 7px;text-decoration:none;display:flex}.routebalk-nav:hover{border-color:var(--lijn);color:var(--text);background:var(--bg)}.routebalk-nav.volgende{color:var(--accent);font-weight:600}.routebalk-nav>svg{flex:none;width:16px;height:16px}.routebalk-nav-tekst{min-width:0;line-height:1.2;display:grid}.routebalk-nav-tekst small{color:var(--muted);font-size:11px;font-weight:500}.routebalk-nav-tekst span{text-overflow:ellipsis;white-space:nowrap;max-width:22ch;font-size:12px;overflow:hidden}@media (width<=980px){.routebalk{grid-template-columns:minmax(0,1fr) auto}.routebalk-kop{grid-area:1/1}.routebalk-pijlen{grid-area:1/2}.routebalk-stappen{grid-area:2/1/auto/-1}}@media (width<=700px){.kop-balk{padding-left:16px;padding-right:16px}.kop-rij{gap:8px;padding:12px 0 10px}.kop-identiteit{gap:6px 8px}.bestuurlogo{width:28px;max-width:28px;height:28px;max-height:28px}.kop-titels .sub{font-size:11px}.schooljaar-balk{flex-basis:100%;margin:0}.schooljaar select{min-height:44px}.schooljaar-acties>summary{width:44px;height:44px}.profiel-naam small{display:none}.kop-menu{min-height:0;padding:7px 0}.kop-menu .menu-breed{display:none}.menu-smal{z-index:10;display:block;position:relative}.menu-smal>summary{border:1px solid var(--lijn);background:var(--paneel);cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-weight:600;list-style:none;display:flex}.menu-smal>summary::-webkit-details-marker{display:none}.menu-smal>summary svg{width:14px;height:14px;color:var(--muted);margin-left:auto}.menu-huidig{color:var(--muted);font-weight:400}.menu-smal nav{border:1px solid var(--lijn);background:var(--paneel);width:min(300px,100vw - 32px);box-shadow:0 8px 24px color-mix(in srgb, var(--text) 16%, transparent);border-radius:8px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 5px);left:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.menu-smal nav .menu-ruimte{display:none}.menu-smal nav .tab{background:0 0;border:0;border-radius:5px;align-items:center;min-height:44px;padding:8px 10px;display:flex}.menu-smal nav .tab:hover,.menu-smal nav .tab[aria-current=page]{background:var(--accent-zacht);border:0}.menu-smal nav .tab[aria-current=page]{color:var(--accent)}.subtabs.subtabs-proces{gap:8px;margin-bottom:14px}.subtabs.subtabs-proces .tab{min-height:40px;padding-left:4px;padding-right:4px}.routebalk{grid-template-columns:minmax(0,1fr);gap:6px}.routebalk-kop,.routebalk-stappen,.routebalk-pijlen{grid-column:1}.routebalk-kop{grid-row:1}.routebalk-stappen{grid-row:2;justify-content:space-between;width:100%}.routebalk-stappen>li:not(:last-child):after{width:clamp(2px,1vw,6px)}.routebalk-stap{width:28px}.routebalk-stap>span:first-child{width:25px;height:25px}.routebalk-pijlen{flex-direction:row;grid-row:3;justify-content:space-between;gap:4px}.routebalk-nav{flex:1}.routebalk-nav-tekst span{max-width:18ch}}@media (prefers-reduced-motion:reduce){.routebalk-stap[title]:after{transition:none}}.tijdlijn{grid-auto-columns:minmax(120px,1fr);grid-auto-flow:column;gap:6px;margin:8px 0;padding:0;list-style:none;display:grid;overflow-x:auto}.tijdlijn>li{border:1px solid var(--lijn);border-radius:6px;flex-direction:column;gap:6px;min-height:96px;padding:8px;display:flex;position:relative}.tijdlijn>li.nu{border-color:var(--accent);background:var(--accent-zacht)}.tijdlijn>li.zomer{border-right:3px solid var(--fout,#c0392b)}.tijdlijn .tl-maand{font-size:13px;font-weight:600}.tijdlijn ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.tijdlijn .tl-stap{background:var(--bg-zacht,var(--lijn));border-radius:4px;padding:3px 6px;font-size:13px}.tijdlijn .tl-stap.stap-klaar{opacity:.7;text-decoration:line-through}.tijdlijn .tl-stap.stap-nu{outline:2px solid var(--accent);font-weight:600}.tijdlijn .tl-vakantie{color:var(--muted);font-size:12px}.rij-planning{border-top:1px solid var(--lijn);grid-template-columns:1fr minmax(180px,240px);align-items:end;gap:12px;padding-block:8px;display:grid}.rij-planning .hulp{display:block}@media (width<=640px){.tijdlijn{grid-auto-flow:row}.rij-planning{grid-template-columns:1fr}}.pdi-lead{max-width:42rem;color:var(--muted);text-wrap:pretty;margin:0 0 16px}.paneel-aanvraag{gap:14px;display:grid}.paneel-aanvraag h2,.paneel-aanvraag h3,.paneel-aanvraag p{margin:0}.paneel-aanvraag .hulp,.naslag p{text-wrap:pretty;max-width:42rem}.pdi-kopregel{border-bottom:1px solid var(--lijn);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 18px;padding-bottom:14px;display:flex}.pdi-kopregel p{margin-top:6px}.pdi-kopregel>div{flex:22rem}.pdi-notitie{max-width:16rem;font-size:.9em}.pdi-saldoregel{background:var(--bg);border-left:3px solid var(--lijn);border-radius:0 var(--r) var(--r) 0;gap:6px;padding:10px 14px;display:grid}.pdi-saldo-hoofd{flex-wrap:wrap;gap:4px 22px;display:flex}.pdi-saldo-hoofd strong{font-size:1.1rem}.pdi-saldo-hoofd span{color:var(--muted);font-size:.85rem;font-weight:400}.gespaard>summary{cursor:pointer;color:var(--accent);font-weight:600}.gespaard table{border-collapse:collapse;width:100%;max-width:32rem;margin-top:8px;font-size:.95rem}.gespaard th,.gespaard td{text-align:left;border-bottom:1px solid var(--lijn);padding:6px 10px}.pdi-invoer{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pdi-veld{align-content:start;gap:6px;display:grid}.pdi-veld label{font-size:.95rem;font-weight:650}.invoer-eenheid{grid-template-columns:1.6ch 7.5rem 2.8ch;align-items:center;gap:6px;display:grid}.invoer-eenheid input{width:100%}.invoer-eenheid input[type=number]{appearance:textfield}.invoer-eenheid input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.invoer-eenheid input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.eenheid-voor{text-align:right}.pdi-uitkomst{font-weight:600}.pdi-bevestiging{max-width:42rem}.pdi-voet{border-top:1px solid var(--lijn);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding-top:14px;display:flex}.pdi-voet .aanvraag-reden{flex:18rem}.pdi-voet .knoppen{align-items:center;gap:10px;margin:0;display:flex}.naslag{border:1px solid var(--lijn);border-radius:8px;margin-block:12px;padding:10px 14px}.naslag>summary{cursor:pointer;font-weight:600}.naslag>*+*{margin-top:12px}.bijeen{white-space:nowrap}@media (width<=640px){.pdi-invoer{grid-template-columns:1fr}.pdi-voet,.pdi-voet .knoppen{flex-direction:column-reverse;align-items:stretch}}.open-dicht-kop{justify-content:space-between;align-items:flex-start;gap:var(--s3);flex-wrap:wrap;display:flex}.open-dicht-kop .hulp{max-width:62ch;margin:2px 0 0}.schakelaar{align-items:center;gap:var(--s2);border:1px solid var(--lijn-sterk);background:var(--paneel);color:var(--text);cursor:pointer;border-radius:999px;padding:4px 12px 4px 4px;font-weight:600;display:inline-flex}.schakelaar-knop{background:var(--lijn-sterk);border-radius:999px;flex:none;width:36px;height:20px;transition:background .15s;position:relative}.schakelaar-knop:after{content:"";background:var(--paneel);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.schakelaar.aan{border-color:var(--accent);background:var(--accent-zacht)}.schakelaar.aan .schakelaar-knop{background:var(--accent)}.schakelaar.aan .schakelaar-knop:after{transform:translate(16px)}.schakelaar:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.open-dicht .veld{margin-top:var(--s3);max-width:280px}@media (prefers-reduced-motion:reduce){.schakelaar-knop,.schakelaar-knop:after{transition:none}}.matrix-wrap{border:1px solid var(--lijn);border-radius:var(--r);max-height:70vh;overflow:auto}.verdeling-matrix{border-collapse:separate;border-spacing:0;width:100%}.verdeling-matrix th,.verdeling-matrix td{border-bottom:1px solid var(--lijn);background:var(--paneel);padding:6px 8px}.verdeling-matrix thead th{z-index:2;vertical-align:bottom;position:sticky;top:0}.verdeling-matrix .lid-naam{z-index:1;text-align:left;white-space:nowrap;min-width:130px;font-weight:600;position:sticky;left:0}.verdeling-matrix thead .lid-naam{z-index:3}.verdeling-matrix .lid-aantal{z-index:1;width:48px;color:var(--muted);border-right:1px solid var(--lijn-sterk);position:sticky;left:130px}.verdeling-matrix thead .lid-aantal{z-index:3}.taak-kop{text-align:center;width:52px;min-width:52px;padding:8px 4px;font-size:13px;font-weight:600}.taak-kop-naam{writing-mode:vertical-rl;white-space:normal;overflow-wrap:normal;text-align:left;height:160px;margin:0 auto 4px;line-height:1.2;display:block;transform:rotate(180deg)}.taak-kop-telling{color:var(--muted);font-size:12px;font-weight:400;display:block}.taak-kop-telling.let-op{color:var(--let-op);font-weight:700}.verdeling-matrix tbody tr:hover>*{background:var(--accent-zacht)}.verdeling-matrix td.midden{color:var(--accent)}@media print{.matrix-wrap{border:0;max-height:none;overflow:visible}.verdeling-matrix thead th{position:static}}.takenbalk{z-index:6;gap:var(--s1) var(--s4);margin:0 0 var(--s3);padding:var(--s2) var(--s3);border:1px solid var(--lijn);border-radius:var(--r);background:var(--paneel);flex-wrap:wrap;display:flex;position:static}.samenvatting-punt{color:var(--text);align-items:baseline;gap:6px;font-size:14px;text-decoration:none;display:inline-flex}.samenvatting-punt strong{font-variant-numeric:tabular-nums;font-size:17px}.samenvatting-punt span{color:var(--muted)}.samenvatting-punt:hover span{text-decoration:underline}.samenvatting-punt.fout strong{color:var(--fout)}.filterbalk{gap:var(--s2) var(--s3);margin:var(--s2) 0;flex-wrap:wrap;align-items:flex-end;display:flex}.filterbalk input[type=search]{width:220px}.filterbalk .veld{margin:0}.filterbalk .vink{margin:0 0 6px}.verdeel-layout{gap:var(--s4);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.verdeel-mensen{max-height:calc(100vh - 80px);padding:var(--s3);border:1px solid var(--lijn);border-radius:var(--r);background:var(--paneel);position:sticky;top:64px;overflow-y:auto}.mensenlijst{margin:var(--s2) 0 0;gap:var(--s2);padding:0;list-style:none;display:grid}.mens{gap:0 var(--s2);grid-template-columns:minmax(70px,1fr) 70px 38px;align-items:center;display:grid}.mens .belasting{width:auto;height:8px}.mens-pct{text-align:right;font-variant-numeric:tabular-nums}.mens.te-veel .mens-pct{color:var(--fout)}.taakregels{margin:var(--s2) 0;border:1px solid var(--lijn);border-radius:var(--r);background:var(--paneel);padding:0;list-style:none}.taakregel{gap:var(--s2) var(--s3);padding:8px var(--s3);border-bottom:1px solid var(--lijn);grid-template-columns:minmax(150px,1.3fr) 64px 200px minmax(0,1.6fr) 110px;align-items:center;display:grid}.taakregel:last-child{border-bottom:0}.taakregel .num{text-align:right;font-variant-numeric:tabular-nums}.taakregel-kop{background:var(--bg);border-radius:var(--r) var(--r) 0 0;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding-block:6px;font-size:12px;font-weight:700}.bezetting{align-items:center;gap:var(--s2);font-size:13px;display:inline-flex}.bezetting.gevuld{color:var(--goed)}.bezetting.te-veel{color:var(--fout);font-weight:700}.deelvolgorde{justify-content:space-between;gap:var(--s3);padding-top:var(--s3);border-top:1px solid var(--lijn);margin-top:24px;display:flex}.verdeel-mensen>summary{cursor:pointer;padding:2px 0 var(--s2);font-weight:700;list-style:none}.verdeel-mensen>summary::-webkit-details-marker{display:none}@media (width>=1101px){.verdeel-mensen>summary{pointer-events:none;cursor:default}}.telling{font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:13px;display:inline-flex}.telling i{border:1px solid var(--lijn-sterk);background:0 0;border-radius:50%;width:10px;height:10px}.telling i.vol{background:var(--accent);border-color:var(--accent)}.taakregel-actie{justify-self:end}.beginstand-regel{gap:var(--s2) var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--lijn);grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;display:grid}.beginstand-regel .veld{margin-bottom:0}.beginstand-regel select,.beginstand-regel input{width:100%;max-width:none}.beginstand-regel .melding{grid-column:1/-1;justify-self:start;margin:0}.beginstand-kop{justify-content:space-between;align-items:center;gap:var(--s2);grid-column:1/-1;display:flex}.kies{position:relative}.kies>summary{cursor:pointer;border:1px solid var(--lijn-sterk);border-radius:var(--r);color:var(--accent);white-space:nowrap;padding:4px 10px;font-weight:600;list-style:none}.kies>summary::-webkit-details-marker{display:none}.kies[open]>summary{border-color:var(--accent);background:var(--accent-zacht)}.kies-lijst{z-index:4;width:min(340px,86vw);padding:var(--s2);border:1px solid var(--lijn-sterk);border-radius:var(--r);background:var(--paneel);margin-top:4px;position:absolute;right:0;box-shadow:0 8px 24px #00000024}.kies-lijst input[type=search]{width:100%;margin-bottom:var(--s2)}.kies-lijst .kandidaat-scroll{max-height:260px}.kandidaat-knop[hidden]{display:none}@media (width>=760px){.takenbalk{position:sticky;top:0}}@media (width<=1100px){.verdeel-layout{grid-template-columns:minmax(0,1fr)}.verdeel-mensen{order:-1;max-height:260px;position:static}.taakregel{gap:var(--s2) var(--s3);padding:8px var(--s3);border-bottom:1px solid var(--lijn);grid-template-columns:minmax(150px,1.3fr) 64px 200px minmax(0,1.6fr) 110px;align-items:center;display:grid}.taakregel .chips{grid-column:1/-1}.kies-lijst{left:0;right:auto}}.verdeel-werk>h3:first-child,.verdeel-werk>.taakregels:first-child{margin-top:0}.verdeel-kop{align-items:flex-start}.verdeel-kop .hulp{max-width:62ch;margin:2px 0 0}.bezetting-teller{font-variant-numeric:tabular-nums;font-weight:600}.paginering{margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--lijn);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.paginering .hulp{margin:0 auto 0 0}.paginering button,.filterbalk button{min-height:44px}@media (width<=700px){.paginering{justify-content:flex-start}.paginering .hulp{flex-basis:100%;margin:0}}.team-zoek{justify-content:space-between;align-items:flex-end;gap:var(--s2) var(--s3);margin:var(--s3) 0;flex-wrap:wrap;display:flex}.team-zoek .veld{width:min(100%,360px);margin:0}.team-zoek input{width:100%}.team-zoek .hulp{margin:0 0 8px}.voorstel-kaart{justify-content:space-between;align-items:center;gap:var(--s2) var(--s4);margin:var(--s3) 0;padding:var(--s3);border:1px solid var(--lijn);border-left:4px solid var(--accent);border-radius:var(--r);background:var(--paneel);flex-wrap:wrap;display:flex}.voorstel-kaart .hulp{max-width:60ch;margin:2px 0 0}.verdeel-werk>.stap-kop{margin-top:0}.beheer-getallen th[scope=row]{text-align:left;font-weight:600}.beheer-getallen th .hulp{font-weight:400;display:block}.beheer-getallen .getal-veld{text-align:right;width:96px}.beheer-getallen select{max-width:220px}.beheer-tekst{margin-top:var(--s2)}.beheer-tekst textarea{width:100%}@media screen{body{background:color-mix(in srgb, var(--bg) 48%, var(--paneel))}}h1{letter-spacing:-.02em;font-size:28px;font-weight:600}h1.paneel-kop{margin:0 0 10px;font-size:28px}h2{letter-spacing:-.012em;font-size:21px;font-weight:600}h3{font-size:17px;font-weight:600}.veld-label,thead th,.pdi-veld label,.meer-opties>summary,details.meer>summary,details.stap>summary,.ingevuld>summary{font-weight:500}button,.knop,.badge,.tag{font-weight:600}.kop-titels .merk{font-weight:700}.kop-rij{row-gap:4px}.kop-rij>.schooljaar-balk{flex-wrap:nowrap;grid-column:1/-1}.schooljaar{white-space:nowrap}.schooljaar-acties{flex:none}.kop-menu .tab{font-size:15px;font-weight:500}.kop-menu .tab[aria-current=page]{font-weight:600}.subtabs.subtabs-proces .subtabs-label{font-weight:500}.subtabs.subtabs-proces .tab{font-size:15px}.routebalk{border:0;border-bottom:1px solid var(--lijn);background:0 0;border-radius:0;max-width:1180px;margin:0 auto}.routebalk-kop strong{font-weight:500}.routebalk-nav-tekst span{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;max-width:23ch;overflow:visible}.routebalk-vervolg{display:none}.onderdeel-ingangen{flex-wrap:wrap;align-items:stretch;gap:8px;margin:0 0 24px;display:flex}.onderdeel-ingangen .knop-tekst{border-color:var(--lijn);background:var(--paneel);align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:500;display:inline-flex}.onderdeel-ingangen .knop-tekst:hover{border-color:var(--accent);color:var(--accent)}.onderdeel-ingangen span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}[id^=ui-]{scroll-margin-top:24px}[id^=ui-]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.persoon-pdi{border-top:1px solid var(--lijn);margin-top:24px;padding-top:20px}.persoon-pdi>.hulp:first-child{font-size:15px}.verzoek-kaart{background:var(--paneel);border-color:var(--lijn);padding:20px}.verzoek-kaart h3{margin-top:0}.verzoek-onvolledig{border-left:3px solid var(--let-op)}.verzoek-historie{margin-top:24px}.namen-lijst{columns:2;padding-left:20px}.pdi-afspraken>summary .hulp,.verzoek-historie>summary .hulp,.plan-te-doen>summary .hulp{margin:0 0 0 auto}.gesprekken{gap:0;display:grid}.gesprekken li{border-bottom:1px solid var(--lijn);grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-block:12px}.gesprekken a{align-items:center;min-height:28px;display:inline-flex}.plan-stand{flex-wrap:wrap;align-items:center;gap:8px 16px;margin:-8px 0 16px;font-size:14px;display:flex}.plan-te-doen ul{margin:12px 0;padding:0;list-style:none}.plan-te-doen .knop-tekst{text-align:left;border:0;font-weight:400}.plan-rubriek{border:0;margin-top:8px;padding-top:0}details.plan-rubriek>summary{grid-template-columns:minmax(0,1fr) 6.5rem 8rem auto;justify-items:start;display:grid}.plan-rubriek>summary h3{margin:0}@media (width<=640px){details.plan-rubriek>summary{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}details.plan-rubriek>summary h3{grid-column:1}details.plan-rubriek>summary:after{grid-area:1/2;place-self:center end}}.plan-rubriek>summary h3{font-size:16px;font-weight:500}.plan-rubriek[open]>summary h3{font-weight:600}.plan-rubriek>summary .badge{font-weight:500}.voorkeuren-balk{background:var(--paneel);border-block:1px solid var(--lijn);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:12px;padding:12px 0;display:flex}.voorkeuren-balk .hulp{margin:0}.keuzeknop-prima:has(input:checked){background:var(--accent-zacht);color:var(--text);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:600}.team-naam{gap:4px;display:grid}.team-pdi-link{font-size:13px}.team-mobiel{display:none}.team-snelkoppeling{font-size:14px}.team-totaal-uitleg{color:var(--muted);font-size:12px;font-weight:400;display:block}.team-tabel tr[hidden]{display:none!important}@media screen and (width<=700px){.kop-rij{padding-block:8px 4px}.schooljaar-balk{gap:2px}.schooljaar select{padding-right:12px}.profiel-menu>summary{gap:6px;padding-right:0}.kop-rij{grid-template-columns:minmax(96px,1fr) minmax(0,auto)}.profiel-menu{min-width:0;max-width:100%}.profiel-naam{min-width:0}.profiel-naam small,.profiel-naam strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profiel-avatar{width:28px;height:28px}.kop-titels .merk{font-size:20px}.routebalk{grid-template-columns:minmax(0,1fr);gap:3px;padding:6px 16px}.routebalk-kop{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.routebalk-kop small{font-size:10px}.routebalk-kop strong{font-size:12px}.routebalk-stappen{margin:0}.routebalk-pijlen{display:none}.routebalk-vervolg{justify-content:space-between;gap:12px;padding:12px 16px 24px;display:flex}.routebalk-vervolg .routebalk-nav{flex:1}.routebalk-vervolg .volgende{text-align:right;justify-content:flex-end}main{padding-top:20px}h1,h1.paneel-kop{margin-bottom:18px;font-size:25px}.subtabs.subtabs-proces{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.subtabs.subtabs-proces .subtabs-label{display:none}.subtabs.subtabs-proces .tab{min-height:44px}.onderdeel-ingangen{gap:6px;margin-bottom:20px}.onderdeel-ingangen .knop-tekst{flex-wrap:wrap;gap:4px 8px;padding:8px 10px}.voorkeuren-balk{z-index:6;padding:10px;position:sticky;top:0}.voorkeuren-balk .hulp{font-size:13px}.voorkeuren-balk button{width:100%}.voorkeuren-balk~.tabel-wrap input{scroll-margin-top:128px}.namen-lijst{columns:1}.gesprekken li{grid-template-columns:1fr;gap:4px}.verzoek-kaart{padding:16px}}@media screen and (width<=640px){.team-tabel tbody td:not(:first-child){display:none}.team-tabel tbody td:first-child{text-align:left;display:block}.team-tabel tbody td:first-child:before{content:none}.team-tabel tr.team-onvolledig td.fout{text-align:left;display:block}.team-naam{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding-block:6px;display:flex}.team-naam>a:first-child{font-size:17px;font-weight:600}.team-pdi-link{align-items:center;min-height:32px;display:inline-flex}.team-mobiel{display:block}.team-kern{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;font-size:14px;display:flex}.team-kern strong{margin-left:4px}.team-cijfers>summary{min-height:44px;color:var(--accent);cursor:pointer;padding-block:10px;font-size:14px;display:list-item}.team-cijfers dl{grid-template-columns:1fr auto;gap:6px 16px;margin:8px 0;font-size:14px;display:grid}.team-cijfers dt{color:var(--muted)}.team-cijfers dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.team-tabel tfoot th[data-label]:before{content:attr(data-label);color:var(--muted);text-align:left;font-size:14px;font-weight:400}.team-tabel tfoot th:first-child{text-align:left;display:block}}@media print{.onderdeel-ingangen,.plan-stand,.plan-te-doen,.routebalk,.routebalk-vervolg,.voorkeuren-balk,.team-pdi-link,.team-snelkoppeling{display:none!important}.persoon-pdi{border:0;padding:0}.plan-rubriek>summary{background:0 0}}.matrix-taken-beheer{table-layout:fixed}.matrix-taken-beheer thead th:first-child{width:56px}.matrix-taken-beheer thead th:nth-child(3){width:110px}.matrix-taken-beheer thead th:nth-child(4){width:100px}.matrix-taken-beheer thead th:nth-child(5){width:90px}.matrix-taken-beheer thead th:nth-child(6){width:150px}.matrix-taken-beheer .taaknaam input[type=text]{width:100%;min-width:0}.matrix-taken-beheer .taaknaam input[type=checkbox]{width:18px;min-width:18px;height:18px}.matrix-taken-beheer .onderling-keuze{align-items:flex-start;gap:8px;margin:8px 0 2px}.matrix-taken-beheer .onderling-keuze>input{flex:none;margin-top:3px}.matrix-taken-beheer .onderling-keuze>span{gap:2px;display:grid}.matrix-taken-beheer .onderling-keuze strong{font-size:14px;font-weight:500}.matrix-taken-beheer .onderling-keuze .hulp{display:block}.matrix-taken-beheer .extra-keuze{margin:6px 0}.matrix-taken-beheer .extra-keuze>summary{cursor:pointer;color:var(--accent);font-size:14px}.matrix-taken-beheer .extra-keuze>summary .hulp{color:var(--muted);white-space:nowrap;margin-left:8px;display:inline}.matrix-taken-beheer .extra-keuze[open]>summary{margin-bottom:4px}.matrix-taken-beheer .extra-keuze-veld,.matrix-taken-beheer .extra-keuze>.hulp{margin:4px 0}.matrix-taken-beheer td.acties>button,.matrix-taken-beheer .taak-acties>button{white-space:nowrap;justify-content:center;align-items:center;width:auto;min-width:104px;min-height:40px;padding:8px 12px;display:inline-flex}.matrix-taken-beheer .taak-acties{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.matrix-taken-beheer .taak-acties>.taak-verwijderen{color:var(--fout);border-color:var(--fout);font-weight:500}@media screen and (width<=640px){.matrix-taken-beheer{table-layout:auto}.matrix-taken-beheer td.acties>button,.matrix-taken-beheer .taak-acties>button{min-height:44px}.matrix-taken-beheer .taak-acties{flex-flow:wrap;gap:8px}}.rollen-matrix .mijn{background:var(--info-bg)}.rollen-uitleg{margin:0 0 16px;padding-left:20px}.inlog{width:min(100%,900px)}.inlog>h2{margin-top:0}.inlog-groep{border:1px solid var(--lijn);border-radius:var(--r);background:var(--paneel);margin:16px 0;padding:16px}.inlog-groep h3{margin:0 0 10px}.inlog-lijst{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.inlog-lijst button{border:1px solid var(--lijn);background:var(--bg);width:100%;min-height:64px;color:var(--text);text-align:left;justify-items:start;gap:3px;padding:10px 12px;display:grid}.inlog-lijst button:hover{border-color:var(--accent);background:var(--accent-zacht)}.inlog-lijst button strong{font-size:15px}.inlog-lijst .hulp{margin:0}.inlog-medewerkers{margin-top:10px}.inlog-medewerkers>summary{border:1px solid var(--lijn);border-radius:var(--r);background:var(--bg);min-height:44px;color:var(--accent);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-weight:600;display:flex}.inlog-medewerkers>summary .hulp{color:var(--muted);margin:0}.inlog-medewerkers[open]>summary{margin-bottom:8px}.rollen-uitleg{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.rollen-uitleg li{border:1px solid var(--lijn);border-left:3px solid var(--accent);border-radius:var(--r);background:var(--paneel);padding:10px 12px}.rollen-uitleg strong{margin-bottom:3px;display:block}.rollen-matrix{min-width:780px}.rollen-matrix th[scope=row]{min-width:220px}.rollen-matrix .mijn{box-shadow:inset 0 0 0 1px var(--info)}.paneel-inloggen>summary{min-height:48px}.paneel-inloggen>summary .hulp{text-align:right;margin:0 0 0 auto}.paneel-inloggen>p.hulp{max-width:72ch}.paneel-inloggen td.acties{text-align:right}.beheer-stichtingen-lijst .filterbalk{align-items:flex-end}.beheer-demo{border-left:3px solid var(--info);padding-left:var(--s3)}.beheer-stichting-detail details.beheer-verwijderen{margin-top:var(--s5)}.beheer-stichting-detail .beheer-verwijderen>summary{color:var(--fout);border-color:var(--fout)}.beheer-stichting-detail h3{border-top:1px solid var(--lijn);padding-top:12px}.beheer-stichting-detail .beheer-accounts{gap:4px;margin:0;padding:0;list-style:none;display:grid}.beheer-stichting-detail .account-regel{grid-template-columns:minmax(8rem,1fr) 15rem 12.5rem;align-items:center;gap:12px;display:grid}.beheer-stichting-detail .account-acties{white-space:nowrap;justify-content:flex-end;gap:8px;display:flex}.beheer-stichting-detail .meer{margin-block:10px 16px}.beheer-stichting-detail details[open]>.veld{margin-top:8px}.taken-uitleg{margin:8px 0 12px}.taken-uitleg>summary{min-height:44px;color:var(--accent);cursor:pointer;align-items:center;font-weight:600;display:inline-flex}.taken-uitleg>p{max-width:72ch}@media screen and (width<=640px){.inlog{padding-inline:12px}.inlog-groep{padding:12px}.inlog-lijst,.rollen-uitleg{grid-template-columns:minmax(0,1fr)}.rollen-matrix{min-width:0;display:block}.rollen-matrix tbody{display:block}.rollen-matrix tr{border-bottom:1px solid var(--lijn);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 0;display:grid}.rollen-matrix th[scope=row]{text-align:left;grid-column:1/-1;min-width:0;padding:4px 0;display:block}.rollen-matrix th[scope=row] .hulp{margin-top:2px;display:block}.rollen-matrix td{border:1px solid var(--lijn);border-radius:var(--r);background:var(--paneel);text-align:left;grid-template-columns:1fr;align-content:start;gap:4px;min-height:64px;padding:8px;display:grid}.rollen-matrix td[data-label]:before{flex:initial;color:var(--muted);text-align:left;font-size:12px;font-weight:600}.rollen-matrix td.mijn{border-color:var(--info);background:var(--info-bg)}.paneel-inloggen>summary{flex-direction:column;align-items:flex-start;gap:2px}.paneel-inloggen>summary .hulp{text-align:left;margin:0}.beheer-stichting-detail .account-regel{grid-template-columns:minmax(0,1fr);gap:4px;padding-block:6px}.beheer-stichting-detail .account-acties{justify-content:flex-start}}@media (width<=700px){.taakregel{grid-template-columns:minmax(0,1fr);gap:4px}.taakregel .num{text-align:left}.taakregel-kop{display:none}.taakregel-actie{justify-self:start}}.veld select{max-width:360px}p button.cao,.hulp button.cao{min-height:0;line-height:inherit;padding:0 3px;display:inline;position:relative}p button.cao:after,.hulp button.cao:after{content:"";position:absolute;inset:-10px -6px}.begrippen{max-width:42rem;margin:8px 0 0}.begrippen dt{margin-top:10px;font-weight:600}.begrippen dd{color:var(--muted);margin:2px 0 0}.bevestig{border:1px solid var(--lijn);background:var(--bg);width:min(28rem,100vw - 32px);color:inherit;border-radius:12px;padding:20px}.bevestig::backdrop{background:#00000073}.bevestig p{margin:0 0 16px}.bevestig form{justify-content:flex-end;gap:8px;display:flex}.bevestig button{min-height:44px}html{scrollbar-gutter:stable}.num{font-variant-numeric:tabular-nums}@media (width<=700px){.schooljaar-balk{position:relative}.schooljaar-acties{position:static}.schooljaar-menu{width:auto;right:0}button:not(.cao,.cao-sluit,.staal,.chip button),.knop,.knop-tekst,details>summary{min-height:44px}details>summary{box-sizing:border-box;padding-block:10px}.kop-rij{grid-template-columns:minmax(0,1fr) minmax(0,10rem)}.kop-titels .merk{white-space:nowrap}.kop-titels .sub{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.matrix td.acties .knop-tekst,.team-pdi-link{min-height:44px}.voortgang-knoppen .knop{box-sizing:border-box;white-space:normal;max-width:100%}}.serverbalk{border-bottom:1px solid var(--lijn);background:var(--paneel);color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;padding:6px 16px;font-size:14px;display:flex}.serverbalk-status{color:var(--muted)}.serverbalk.bezig .serverbalk-status{color:var(--text)}.serverbalk.fout{background:var(--fout-bg);color:var(--fout)}.serverbalk.fout .serverbalk-status{color:inherit;font-weight:700}.inlog{max-width:520px;margin:48px auto;padding:0 16px}.inlog-lijst{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.inlog-lijst button{background:var(--paneel);color:var(--text);border:1px solid var(--lijn-sterk);text-align:left;flex-direction:column;align-items:flex-start;width:100%;padding:12px 14px;display:flex}.inlog-lijst button:hover{border-color:var(--accent)}.inlog-lijst .hulp{color:var(--muted);font-weight:400}.inlog-groep{margin-top:20px}.inlog-groep h3{margin:0;font-size:15px}.demobalk{border-bottom:2px solid var(--accent);background:var(--paneel);color:var(--text);flex-wrap:wrap;align-items:center;gap:6px 16px;padding:6px 16px;font-size:14px;display:flex}.demobalk-keuze{align-items:center;gap:8px;display:flex}.demobalk-keuze select{max-width:60vw}@media (width<=640px){.demobalk{gap:4px 10px;padding:6px 16px}.demobalk-kop{flex:100%}.demobalk-kop .hulp{display:none}.demobalk-label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.demobalk-keuze{flex:1 1 0;min-width:0}.demobalk-keuze select{flex:1;min-width:0;max-width:none}.demobalk .knop-tekst{flex:none;padding:6px 10px}}