@layer components{.beheer{--stap-aanvraag: var(--diep);--stap-offerte: var(--diep-2);--stap-akkoord: var(--blauw);--stap-factuur: var(--blauw-helder);--stap-betaald: var(--groen-donker);--zijbalk-breedte: 15rem;--werk-marge: clamp(1rem, 2.8vw, 2.5rem);--snede: .75rem}[data-stap=aanvraag]{--laag-kleur: var(--stap-aanvraag);--laag-inkt: var(--wit);--laag-stap: var(--inkt-basis)}[data-stap=offerte]{--laag-kleur: var(--stap-offerte);--laag-inkt: var(--wit);--laag-stap: var(--inkt-basis)}[data-stap=akkoord]{--laag-kleur: var(--stap-akkoord);--laag-inkt: var(--wit);--laag-stap: var(--inkt-basis)}[data-stap=factuur]{--laag-kleur: var(--stap-factuur);--laag-inkt: var(--inkt-basis);--laag-stap: var(--wit)}[data-stap=betaald]{--laag-kleur: var(--stap-betaald);--laag-inkt: var(--wit);--laag-stap: var(--inkt-basis)}body.beheer{display:grid;grid-template-columns:var(--zijbalk-breedte) minmax(0,1fr);align-items:start;min-block-size:100dvh;background:var(--licht)}.beheer .knop:disabled,.beheer .knop[aria-disabled=true]{cursor:not-allowed}.zijbalk{position:sticky;inset-block-start:0;display:flex;flex-direction:column;block-size:100dvh;overflow-y:auto;padding-block:1.25rem 1rem;background:var(--diep);color:var(--wit);scrollbar-width:thin}.zijbalk-merk{display:flex;align-items:center;gap:.625rem;padding:.25rem 1.25rem 1.5rem;color:var(--wit);text-decoration:none}.zijbalk-woord{display:grid;font-family:var(--font-display);font-size:var(--tekst-m);font-weight:700;line-height:1;letter-spacing:-.01em}.zijbalk-woord span{margin-block-start:.2rem;font-family:var(--font-tekst);font-size:var(--tekst-xs);font-weight:500;letter-spacing:var(--label-spatiering);color:var(--blauw-bleek)}.menu-vast{display:flex;flex:1;flex-direction:column}.menu-mobiel{display:none}.zijbalk-nav{display:flex;flex:1;flex-direction:column;gap:1.5rem}.nav-lijst{display:grid;gap:.125rem;margin:0;padding:0;list-style:none}.nav-onder{margin-block-start:auto;padding-block-start:1rem;border-block-start:1px solid var(--lijn)}.nav-item{display:grid;grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-block-size:var(--tikdoel);margin-inline-start:.75rem;padding-inline:.75rem 1.25rem;color:var(--blauw-bleek);font-size:var(--tekst-s);font-weight:500;text-decoration:none;transition:background-color var(--hover-duur) ease-out,color var(--hover-duur) ease-out}.nav-item:hover{background:var(--diep-2);color:var(--wit)}.nav-item[aria-current=page]{background:var(--licht);color:var(--inkt-basis);font-weight:600}.nav-item[aria-current=page] .icoon{color:var(--blauw-actie)}.nav-item:focus-visible{outline-offset:-2px}.badge{min-inline-size:1.5rem;padding:.125rem .375rem;background:color-mix(in srgb,currentColor 14%,transparent);color:inherit;font-size:var(--tekst-xs);font-weight:500;line-height:1.4;text-align:center}.badge[data-toon=gevaar]{background:var(--gevaar);color:var(--grond);font-weight:600}.zijbalk-wie{display:flex;align-items:center;gap:.75rem;margin:0;padding:1rem 1.25rem 0;font-size:var(--tekst-s)}.wie-teken{display:grid;place-items:center;inline-size:2.25rem;block-size:2.25rem;background:var(--diep-2);font-family:var(--font-display);font-weight:700}.wie-naam{display:grid;line-height:1.25}.wie-naam span{color:var(--blauw-bleek);font-size:var(--tekst-xs)}.wie-uit{margin-inline-start:auto;min-block-size:var(--tikdoel);padding-inline:.5rem;border:0;background:none;color:var(--blauw-ijs);font:inherit;font-size:var(--tekst-xs);font-weight:600;cursor:pointer}.wie-uit:hover{background:var(--diep-2);color:var(--wit)}.werk{min-inline-size:0;background:var(--licht);padding:clamp(1.25rem,2.6vw,2.25rem) var(--werk-marge) 4rem}.werk:focus{outline:none}.werk>*{max-inline-size:100rem}@media(max-width:60rem){body.beheer{grid-template-columns:minmax(0,1fr)}.zijbalk{z-index:10;flex-direction:row;align-items:center;justify-content:space-between;block-size:auto;overflow:visible;padding:.5rem var(--werk-marge)}.zijbalk-merk{padding:0}.menu-vast{display:none}.menu-mobiel{display:block}.menu-knop{display:inline-flex;align-items:center;gap:.5rem;min-block-size:var(--tikdoel);padding-inline:.75rem;color:var(--wit);font-size:var(--tekst-s);font-weight:600;list-style:none;cursor:pointer}.menu-knop::-webkit-details-marker{display:none}.menu-knop:hover{background:var(--diep-2)}.menu-mobiel .als-open,.menu-mobiel[open] .als-dicht{display:none}.menu-mobiel[open] .als-open{display:block}.menu-mobiel[open] .zijbalk-nav{position:absolute;inset-inline:0;inset-block-start:100%;max-block-size:calc(100dvh - 3.75rem);overflow-y:auto;padding:.75rem 0 1.25rem;background:var(--diep)}.menu-mobiel .nav-item{margin-inline:var(--werk-marge)}}.kop{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem;margin-block-end:1.75rem}.kop h1{font-size:clamp(1.875rem,2.4vw,2.5rem);line-height:1.05;letter-spacing:-.02em}.kop-sub{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:.5rem 0 0;color:var(--inkt-zacht);font-size:var(--tekst-s)}.kop-sub a{color:var(--link)}.kop-acties{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.stempel{display:inline-block;padding:.3em .55em;background:var(--stempel-oker);color:var(--inkt-basis);font-family:var(--font-tekst);font-size:var(--tekst-xs);font-weight:600;line-height:1.2;letter-spacing:var(--label-spatiering);text-transform:uppercase;white-space:nowrap}.zoek{position:relative;display:flex}.zoek .icoon{position:absolute;inset-block-start:50%;inset-inline-start:.75rem;color:var(--inkt-zacht);translate:0 -50%;pointer-events:none}.beheer .zoek input{inline-size:min(18rem,60vw);padding-inline-start:2.5rem}.beheer input:where([type=text],[type=search],[type=email],[type=tel],[type=number],[type=date],[type=password]),.beheer select,.beheer textarea{min-block-size:var(--tikdoel);padding:.5rem .75rem;border:1px solid var(--lijn-sterk);border-radius:0;background:var(--wit);color:var(--inkt-basis);font:inherit;font-size:var(--tekst-s);transition:border-color var(--hover-duur) ease-out}.beheer input:hover,.beheer select:hover,.beheer textarea:hover{border-color:var(--blauw)}.beheer input:focus-visible,.beheer select:focus-visible,.beheer textarea:focus-visible{border-color:var(--blauw-actie);outline-offset:0}.beheer input:disabled,.beheer select:disabled,.beheer textarea:disabled{background:var(--licht);color:var(--inkt-blauw);cursor:not-allowed}.beheer input[aria-invalid=true]{border-color:var(--gevaar)}.beheer input[type=checkbox]{inline-size:1.25rem;block-size:1.25rem;margin:0;accent-color:var(--blauw-actie)}.beheer input::placeholder,.beheer textarea::placeholder{color:var(--inkt-blauw);opacity:.8}.veld{display:grid;gap:.375rem;align-content:start;min-inline-size:0}.veld>:is(select,input,textarea){min-inline-size:0}.veld>span:first-child,.veld-label{font-size:var(--tekst-s);font-weight:600}.veld-hulp{margin:0;color:var(--inkt-zacht);font-size:var(--tekst-xs)}.veld-fout{margin:0;color:var(--gevaar);font-size:var(--tekst-xs);font-weight:600}.paneel{min-inline-size:0;border:1px solid var(--lijn);background:var(--wit)}.paneel-kop{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;padding:1rem 1.25rem .875rem;border-block-end:1px solid var(--lijn)}.paneel-kop h2{font-size:var(--tekst-m);line-height:1.2;letter-spacing:-.01em}.paneel-kop p{margin:0;color:var(--inkt-zacht);font-size:var(--tekst-s)}.paneel-kop a{color:var(--link);font-size:var(--tekst-s);font-weight:600}.paneel-inhoud{padding:1rem 1.25rem 1.25rem}.paneel-voet{margin:0;padding:.875rem 1.25rem;border-block-start:1px solid var(--lijn);color:var(--inkt-zacht);font-size:var(--tekst-xs)}.leeg{display:grid;gap:.5rem;justify-items:start;padding:2rem 1.25rem;color:var(--inkt-zacht);font-size:var(--tekst-s)}.leeg strong{color:var(--inkt-basis);font-family:var(--font-display);font-size:var(--tekst-m)}.stapmerk{flex:none;inline-size:.625rem;block-size:.625rem;background:var(--laag-kleur, var(--lijn-sterk))}.dash-keuze{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dash{container:dash / inline-size}.keten{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-inline-size:0;margin:0 0 1.5rem;padding:.25rem 0 0;border:0}.laag{position:relative;display:grid;grid-template-rows:auto 1fr auto auto;gap:.375rem;min-block-size:8.75rem;margin-inline-start:calc(-1 * var(--overlap));padding:calc(var(--snede) + .875rem) 1.25rem 1rem calc(var(--overlap) + 1.25rem);background:var(--laag-kleur);color:var(--laag-inkt);clip-path:polygon(0 var(--snede),100% 0,100% 100%,0 100%);cursor:pointer;user-select:none;transition:background-color var(--hover-duur) ease-out,translate var(--hover-duur) ease-out,clip-path var(--laag-duur) var(--laag-ease)}.laag:first-child{margin-inline-start:0;padding-inline-start:1.25rem}.laag:hover{background:color-mix(in srgb,var(--laag-kleur) 91%,var(--laag-stap))}.laag-kop{display:flex;align-items:center;gap:.5rem;font-size:var(--tekst-s);font-weight:600}.laag-aantal{align-self:end;font-family:var(--font-display);font-size:clamp(2rem,2.6vw,2.5rem);font-weight:700;line-height:.95;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.laag-cijfers{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem}.laag-bedrag{font-size:var(--tekst-s)}.laag-regel{font-size:var(--tekst-xs);line-height:1.35;opacity:.88}.laag-geen{font-size:var(--tekst-s);opacity:.7}.dash:has(#stap-aanvraag:checked) .laag[data-stap=aanvraag],.dash:has(#stap-offerte:checked) .laag[data-stap=offerte],.dash:has(#stap-akkoord:checked) .laag[data-stap=akkoord],.dash:has(#stap-factuur:checked) .laag[data-stap=factuur],.dash:has(#stap-betaald:checked) .laag[data-stap=betaald]{z-index:1;background:color-mix(in srgb,var(--laag-kleur) 82%,var(--laag-stap));translate:0 -2px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.dash:has(#stap-aanvraag:focus-visible) .laag[data-stap=aanvraag] .laag-kop,.dash:has(#stap-offerte:focus-visible) .laag[data-stap=offerte] .laag-kop,.dash:has(#stap-akkoord:focus-visible) .laag[data-stap=akkoord] .laag-kop,.dash:has(#stap-factuur:focus-visible) .laag[data-stap=factuur] .laag-kop,.dash:has(#stap-betaald:focus-visible) .laag[data-stap=betaald] .laag-kop{outline:2px solid currentColor;outline-offset:4px}.dash:has(#stap-alles:focus-visible) .filter-alles{outline:2px solid var(--actie);outline-offset:3px}@container dash (max-width: 62rem){.laag{padding-inline:calc(var(--overlap) + 1rem) 1rem}.laag:first-child{padding-inline-start:1rem}}@container dash (max-width: 44rem){.keten{grid-template-columns:minmax(0,1fr);--snede: .5rem}.laag{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:.25rem 1rem;min-block-size:0;margin-inline-start:0;margin-block-start:calc(-1 * var(--snede));padding:calc(var(--snede) + .625rem) 1rem .75rem}.laag:first-child{margin-block-start:0;padding-inline-start:1rem}.laag-aantal{grid-row:1 / span 2;grid-column:2;font-size:1.875rem}.laag-cijfers{grid-column:1}.laag-regel{display:none}}.dash-raster{display:grid;grid-template-columns:minmax(0,7fr) minmax(19rem,3fr);align-items:start;gap:1.5rem}.dash-links,.dash-rechts{display:grid;gap:1.5rem;min-inline-size:0}@container dash (max-width: 68rem){.dash-raster{grid-template-columns:minmax(0,1fr)}.dash-rechts{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.dash-links{display:contents}.dash-omzet{order:1}}.filter-alles{display:inline-flex;align-items:center;min-block-size:2rem;padding-inline:.625rem;border:1px solid var(--lijn-sterk);color:var(--inkt-basis);font-size:var(--tekst-xs);font-weight:600;cursor:pointer;transition:background-color var(--hover-duur) ease-out}.filter-alles:hover{background:var(--licht-2)}.dash:has(#stap-alles:checked) .filter-alles{border-color:var(--diep);background:var(--diep);color:var(--wit)}.telling{display:none}.dash:has(#stap-alles:checked) .telling[data-voor=alles],.dash:has(#stap-aanvraag:checked) .telling[data-voor=aanvraag],.dash:has(#stap-offerte:checked) .telling[data-voor=offerte],.dash:has(#stap-akkoord:checked) .telling[data-voor=akkoord],.dash:has(#stap-factuur:checked) .telling[data-voor=factuur],.dash:has(#stap-betaald:checked) .telling[data-voor=betaald]{display:inline}.dash:has(#stap-aanvraag:checked) .taak:not([data-stap=aanvraag]),.dash:has(#stap-offerte:checked) .taak:not([data-stap=offerte]),.dash:has(#stap-akkoord:checked) .taak:not([data-stap=akkoord]),.dash:has(#stap-factuur:checked) .taak:not([data-stap=factuur]),.dash:has(#stap-betaald:checked) .taak:not([data-stap=betaald]){display:none}.taak-leeg{display:none}.dash:has(#stap-aanvraag:checked) .taak-leeg[data-stap=aanvraag],.dash:has(#stap-offerte:checked) .taak-leeg[data-stap=offerte],.dash:has(#stap-akkoord:checked) .taak-leeg[data-stap=akkoord],.dash:has(#stap-factuur:checked) .taak-leeg[data-stap=factuur],.dash:has(#stap-betaald:checked) .taak-leeg[data-stap=betaald]{display:grid}.taken{margin:0;padding:0;list-style:none}.taak{display:grid;grid-template-columns:8.5rem minmax(0,1fr) 6.5rem 11rem;align-items:center;gap:.75rem 1rem;padding:.875rem 1.25rem;border-block-start:1px solid var(--lijn);transition:background-color var(--hover-duur) ease-out}.taak:first-child{border-block-start:0}.taak:hover{background:var(--licht)}.taak-nummer{display:flex;align-items:center;gap:.625rem;color:var(--inkt-zacht);font-size:var(--tekst-xs)}.taak-wat{display:grid;gap:.125rem;min-inline-size:0}.taak-wat a{font-weight:600;text-decoration-color:transparent}.taak-wat a:hover{text-decoration-color:currentColor}.taak-reden{margin:0;color:var(--inkt-zacht);font-size:var(--tekst-s)}.taak[data-urgent] .taak-reden{color:var(--gevaar);font-weight:600}.taak-bedrag{font-size:var(--tekst-s);text-align:end}.taak-actie{justify-self:end;white-space:nowrap}.taak .knop-klein{min-block-size:2.5rem;padding:.375rem .875rem}@container dash (max-width: 40rem){.taak{grid-template-columns:minmax(0,1fr) auto;padding:.875rem 1rem}.taak-wat{grid-column:1 / -1;grid-row:2}.taak-actie{grid-column:1 / -1;justify-self:start}}.dag-lijst{display:grid;margin:0;padding:0;list-style:none}.dag-item{display:grid;grid-template-columns:3.25rem minmax(0,1fr);gap:.75rem;padding-block:.75rem;border-block-start:1px solid var(--lijn)}.dag-item:first-child{padding-block-start:0;border-block-start:0}.dag-tijd{display:grid;font-size:var(--tekst-s);line-height:1.3}.dag-tijd span{color:var(--inkt-zacht);font-size:var(--tekst-xs)}.dag-wat{display:grid;gap:.125rem;font-size:var(--tekst-s)}.dag-wat strong{font-weight:600}.dag-waar{display:flex;align-items:center;gap:.5rem;color:var(--inkt-zacht);font-size:var(--tekst-xs)}.dag-waar .blok{flex:none;inline-size:.625rem;block-size:.625rem}.deadline-kop{margin:1.25rem 0 .5rem;font-family:var(--font-tekst);font-size:var(--tekst-xs);font-weight:600;color:var(--inkt-zacht)}.deadlines{display:grid;gap:.375rem;margin:0;padding:0;list-style:none;font-size:var(--tekst-s)}.deadlines li{display:grid;grid-template-columns:4.25rem minmax(0,1fr);gap:.75rem}.deadlines .wanneer{color:var(--inkt-zacht);font-size:var(--tekst-xs);line-height:1.8}.deadlines a{color:var(--link)}.grafiek{margin:0}.grafiek svg{display:block;inline-size:100%;block-size:auto;overflow:visible}.grafiek .rasterlijn{stroke:var(--lijn);stroke-width:1}.grafiek .staaf-betaald{fill:var(--stap-betaald)}.grafiek .staaf-open{fill:var(--blauw-bleek)}.grafiek .as-tekst{fill:var(--inkt-zacht);font-family:var(--font-mono);font-size:11px}.grafiek .as-tekst.nu{fill:var(--inkt-basis);font-weight:500}.legenda{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:.75rem 0 0;padding:0;list-style:none;color:var(--inkt-zacht);font-size:var(--tekst-xs)}.legenda li{display:flex;align-items:center;gap:.5rem}.legenda .blok{inline-size:.625rem;block-size:.625rem}.legenda .blok-betaald{background:var(--stap-betaald)}.legenda .blok-open{background:var(--blauw-bleek)}.grafiek-totaal{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin:0 0 1rem}.grafiek-totaal strong{font-family:var(--font-display);font-size:var(--tekst-l);font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.grafiek-totaal span{color:var(--inkt-zacht);font-size:var(--tekst-xs)}.dash-omzet .paneel-inhoud{display:flex;flex-wrap:wrap;align-items:start;gap:1rem 2.5rem}.dash-omzet .grafiek-totaal{flex:1 1 12rem;flex-direction:column;align-items:start;margin:0}.dash-omzet .grafiek{flex:1 1 18rem;max-inline-size:26rem}.feed{display:grid;margin:0;padding:0;list-style:none}.feed li{display:grid;grid-template-columns:.625rem minmax(0,1fr);gap:.75rem;padding-block:.625rem;border-block-start:1px solid var(--lijn);font-size:var(--tekst-s);line-height:1.4}.feed li:first-child{padding-block-start:0;border-block-start:0}.feed .stapmerk{margin-block-start:.35rem}.feed-tekst{display:grid;gap:.125rem}.feed-tekst a{text-decoration-color:transparent}.feed-tekst a:hover{text-decoration-color:currentColor}.feed-tijd{color:var(--inkt-zacht);font-size:var(--tekst-xs)}.feed [data-soort=mail]{--laag-kleur: var(--gevaar)}.filters{display:flex;flex-wrap:wrap;gap:0;margin:0 0 1rem;padding:0;border:0}.filter{display:inline-flex;align-items:center;gap:.5rem;min-block-size:2.5rem;margin-inline-start:-1px;padding-inline:.875rem;border:1px solid var(--lijn-sterk);background:var(--wit);color:var(--inkt-basis);font-size:var(--tekst-s);font-weight:500;cursor:pointer;transition:background-color var(--hover-duur) ease-out,color var(--hover-duur) ease-out}.filter:first-of-type{margin-inline-start:0}.filter:hover{background:var(--licht-2)}.filter [data-mono]{color:var(--inkt-zacht);font-size:var(--tekst-xs)}.filter:has(input:checked){position:relative;border-color:var(--diep);background:var(--diep);color:var(--wit)}.filter:has(input:checked) [data-mono]{color:var(--blauw-bleek)}.filter:has(input:focus-visible){outline:2px solid var(--actie);outline-offset:2px;z-index:1}.filter input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.tabel-kader{overflow-x:auto}.tabel{inline-size:100%;border-collapse:collapse;font-size:var(--tekst-s)}.tabel th{padding:.75rem 1rem;border-block-end:1px solid var(--lijn-sterk);color:var(--inkt-zacht);font-size:var(--tekst-xs);font-weight:600;letter-spacing:.02em;text-align:start;white-space:nowrap}.tabel td{padding:.875rem 1rem;border-block-end:1px solid var(--lijn);vertical-align:middle}.tabel tbody tr{transition:background-color var(--hover-duur) ease-out}.tabel tbody tr:hover{background:var(--licht)}.tabel tbody tr:target{background:var(--licht-2);scroll-margin-block-start:5rem}.tabel tbody tr:last-child td{border-block-end:0}.tabel .getal{text-align:end;white-space:nowrap}.tabel .nummer{white-space:nowrap}.tabel .nummer a{font-family:var(--font-mono);font-size:var(--tekst-xs)}.tabel .sub{display:block;color:var(--inkt-zacht);font-size:var(--tekst-xs)}.tabel .acties{text-align:end;white-space:nowrap}.tabel .knop-klein{min-block-size:2.25rem;padding:.25rem .75rem;font-size:var(--tekst-xs)}.tabel a{text-decoration-color:transparent}.tabel a:hover{text-decoration-color:currentColor}.tabel strong{font-weight:600}.lijst:has(#f-nieuw:checked) tbody tr:not([data-status=nieuw]),.lijst:has(#f-behandeling:checked) tbody tr:not([data-status=in-behandeling]),.lijst:has(#f-afgerond:checked) tbody tr:not([data-status=afgerond],[data-status=afgewezen]),.lijst:has(#f-concept:checked) tbody tr:not([data-status=concept]),.lijst:has(#f-verstuurd:checked) tbody tr:not([data-status=verstuurd]),.lijst:has(#f-akkoord:checked) tbody tr:not([data-status=akkoord]),.lijst:has(#f-gesloten:checked) tbody tr:not([data-status=verlopen],[data-status=afgewezen]),.lijst:has(#f-open:checked) tbody tr:not([data-status=open],[data-status=niet-gemaild]),.lijst:has(#f-vervallen:checked) tbody tr:not([data-status=vervallen]),.lijst:has(#f-betaald:checked) tbody tr:not([data-status=betaald]),.lijst:has(#f-klant:checked) tbody tr:not([data-soort=klant]),.lijst:has(#f-prospect:checked) tbody tr:not([data-soort=prospect]),.lijst:has(#f-ingediend:checked) tbody tr:not([data-status=ingediend]),.lijst:has(#f-goedkeuring:checked) tbody tr:not([data-status=wacht-op-goedkeuring]),.lijst:has(#f-bevestigd:checked) tbody tr:not([data-status=bevestigd]),.lijst:has(#f-afgehandeld:checked) tbody tr:not([data-status=geleverd],[data-status=geannuleerd]){display:none}@media(max-width:48rem){.tabel-stapel thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.tabel-stapel,.tabel-stapel tbody,.tabel-stapel tr,.tabel-stapel td{display:block}.tabel-stapel tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;padding:.875rem 1rem;border-block-end:1px solid var(--lijn)}.tabel-stapel td{padding:0;border:0}.tabel-stapel td[data-kolom]:before{content:attr(data-kolom) " ";color:var(--inkt-zacht);font-size:var(--tekst-xs)}.tabel-stapel .getal,.tabel-stapel .acties{text-align:start}.tabel-stapel .breed{grid-column:1 / -1}.tabel-stapel .verberg-smal{display:none}}.status{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.status:before{content:"";flex:none;inline-size:.5rem;block-size:.5rem;background:var(--status-kleur, var(--lijn-sterk));border:1px solid var(--status-rand, transparent)}.status[data-s=nieuw]{--status-kleur: var(--stap-aanvraag)}.status[data-s=concept]{--status-kleur: var(--lijn-sterk)}.status[data-s=verstuurd],.status[data-s=in-behandeling]{--status-kleur: var(--stap-offerte)}.status[data-s=akkoord]{--status-kleur: var(--stap-akkoord)}.status[data-s=open]{--status-kleur: var(--stap-factuur)}.status[data-s=betaald],.status[data-s=afgerond]{--status-kleur: var(--stap-betaald)}.status[data-s=vervallen],.status[data-s=niet-gemaild]{--status-kleur: var(--gevaar);color:var(--gevaar);font-weight:600}.status[data-s=verlopen],.status[data-s=afgewezen],.status[data-s=geannuleerd]{--status-kleur: var(--inkt-zacht);color:var(--inkt-zacht)}.status[data-s=ingediend]{--status-kleur: var(--stap-aanvraag)}.status[data-s=wacht-op-goedkeuring]{--status-kleur: var(--lijn-sterk)}.status[data-s=bevestigd]{--status-kleur: var(--stap-akkoord)}.status[data-s=geleverd]{--status-kleur: var(--stap-betaald)}.kolommen{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);align-items:start;gap:1.5rem}.kolom-rechts{display:grid;gap:1.5rem}@media(max-width:72rem){.kolommen{grid-template-columns:minmax(0,1fr)}}.gegevens{display:grid;grid-template-columns:minmax(5rem,max-content) minmax(0,1fr);margin:0}.gegevens>div{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:.25rem 1rem;padding-block:.625rem;border-block-start:1px solid var(--lijn);font-size:var(--tekst-s)}.gegevens>div:first-child{padding-block-start:0;border-block-start:0}.gegevens dt{color:var(--inkt-zacht)}.gegevens dd{margin:0;min-inline-size:0;overflow-wrap:anywhere}.gegevens a{color:var(--link)}@media(max-width:30rem){.gegevens,.gegevens>div{grid-template-columns:minmax(0,1fr)}}.tijdlijn{display:grid;margin:0;padding:0;list-style:none}.tijdlijn li{position:relative;display:grid;gap:.125rem;padding:0 0 1.125rem 1.5rem;font-size:var(--tekst-s)}.tijdlijn li:before{content:"";position:absolute;inset-block-start:.35rem;inset-inline-start:0;inline-size:.625rem;block-size:.625rem;background:var(--laag-kleur, var(--lijn-sterk))}.tijdlijn li:after{content:"";position:absolute;inset-block:1.25rem .125rem;inset-inline-start:calc(.3125rem - .5px);inline-size:1px;background:var(--lijn-sterk)}.tijdlijn li:last-child{padding-block-end:0}.tijdlijn li:last-child:after{display:none}.tijdlijn li[data-komt]:before{background:transparent;border:1px solid var(--inkt-zacht)}.tijdlijn li[data-komt]{color:var(--inkt-zacht)}.tijdlijn .wanneer{color:var(--inkt-zacht);font-size:var(--tekst-xs)}.acties-stapel{display:grid;gap:.625rem}.acties-stapel .knop{justify-content:flex-start;text-align:start}.woord-heel{white-space:nowrap}.schakel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start;font-size:var(--tekst-s);cursor:pointer}.schakel strong{display:block;font-weight:600}.schakel span span{color:var(--inkt-zacht);font-size:var(--tekst-xs)}.notitie{margin:0;padding:1rem 1.25rem;background:var(--licht-2);font-size:var(--tekst-s)}.melding{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0 0 1.5rem;padding:.875rem 1.25rem;background:var(--diep);color:var(--wit);font-size:var(--tekst-s)}.melding a{color:var(--blauw-ijs);font-weight:600}.document{display:grid;gap:2rem;padding:clamp(1.5rem,4vw,3.5rem);border:1px solid var(--lijn);background:var(--wit);font-size:var(--tekst-s)}.document-kop{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1.5rem}.document-merk{display:flex;align-items:center;gap:.75rem}.document-woord{display:grid;gap:.3rem;font-family:var(--font-display);font-optical-sizing:auto;font-size:var(--tekst-l);font-weight:700;line-height:1;letter-spacing:-.02em}.document-payoff{font-family:var(--font-mono);font-size:var(--tekst-xs);font-weight:500;letter-spacing:.02em;color:var(--inkt-zacht)}.document-titel{display:grid;justify-items:end;gap:.25rem;text-align:end}.document-titel h2{font-size:var(--tekst-l)}.document-adres{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.5rem}.document-adres p{margin:0;line-height:1.5}.document-adres .gegevens>div{grid-template-columns:7rem minmax(0,1fr)}.document .tabel th:first-child,.document .tabel td:first-child{padding-inline-start:0}.document .tabel th:last-child,.document .tabel td:last-child{padding-inline-end:0}.totalen{display:grid;justify-self:end;inline-size:min(100%,20rem);margin:0}.totalen>div{display:flex;justify-content:space-between;gap:1rem;padding-block:.375rem}.totalen>div:last-child{margin-block-start:.375rem;padding-block-start:.75rem;border-block-start:2px solid var(--inkt-basis);font-weight:600}.totalen dd{margin:0}.document-voet{margin:0;padding-block-start:1.25rem;border-block-start:1px solid var(--lijn);color:var(--inkt-zacht);font-size:var(--tekst-xs);line-height:1.6}.editor{display:grid;gap:1.5rem}.editor-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem 1.25rem}.editor-raster .breed{grid-column:1 / -1}.regels{display:grid}.regel{display:grid;grid-template-columns:minmax(7rem,1fr) minmax(5rem,7rem) minmax(6rem,8rem) minmax(7.5rem,1fr) 2.75rem;align-items:end;gap:.75rem;padding-block:.875rem;border-block-start:1px solid var(--lijn)}.regel:first-child{padding-block-start:0;border-block-start:0}.regel .veld{min-inline-size:0}.regel .veld:first-of-type{grid-column:1 / -1}.regel :is(select,input){inline-size:100%;min-inline-size:0}.regel .veld>span:first-child{font-size:var(--tekst-xs);color:var(--inkt-zacht);font-weight:500}.regel-totaal{display:flex;align-items:center;justify-content:flex-end;min-block-size:var(--tikdoel);font-size:var(--tekst-s)}.knop-icoon{display:grid;place-items:center;inline-size:var(--tikdoel);block-size:var(--tikdoel);padding:0;border:1px solid transparent;background:transparent;color:var(--inkt-zacht);cursor:pointer;transition:background-color var(--hover-duur) ease-out,color var(--hover-duur) ease-out}.knop-icoon:hover{background:var(--licht-2);color:var(--gevaar)}.knop-tekst{display:inline-flex;align-items:center;gap:.5rem;justify-self:start;min-block-size:var(--tikdoel);padding-inline:.25rem;border:0;background:none;color:var(--link);font:inherit;font-size:var(--tekst-s);font-weight:600;cursor:pointer}.knop-tekst:hover{text-decoration:underline;text-decoration-thickness:2px}@media(max-width:56rem){.regel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.week-kop{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.week-kop .knop{min-block-size:var(--tikdoel);padding-block:.375rem;padding-inline:.875rem;font-size:var(--tekst-s)}.week{--uur-hoogte: 4.5rem;display:grid;grid-template-columns:4.25rem repeat(5,minmax(8.5rem,1fr));grid-template-rows:auto auto repeat(20,calc(var(--uur-hoogte) / 2));min-inline-size:48rem}.week-dag{display:grid;gap:.125rem;padding:.75rem;border-inline-start:1px solid var(--lijn);border-block-end:1px solid var(--lijn);font-size:var(--tekst-s)}.week-dag strong{font-family:var(--font-display);font-size:var(--tekst-m);font-weight:700;line-height:1}.week-dag span{color:var(--inkt-zacht);font-size:var(--tekst-xs)}.week-dag[data-vandaag]{background:var(--diep);color:var(--wit);border-color:var(--diep)}.week-dag[data-vandaag] span{color:var(--blauw-bleek)}.week-deadlines{display:grid;align-content:start;gap:.25rem;min-block-size:2.75rem;padding:.5rem;border-inline-start:1px solid var(--lijn);border-block-end:1px solid var(--lijn-sterk);background:var(--licht)}.week-deadlines a{display:flex;align-items:center;gap:.375rem;color:var(--inkt-basis);font-size:var(--tekst-xs);line-height:1.3;text-decoration:none}.week-deadlines a:before{content:"";flex:none;inline-size:.5rem;block-size:.5rem;border:1px solid var(--inkt-zacht)}.week-deadlines a:hover{text-decoration:underline}.week-uur{padding-inline-end:.5rem;border-block-start:1px solid var(--lijn);color:var(--inkt-zacht);font-size:var(--tekst-xs);padding-block-start:.25rem;text-align:end;border-color:transparent}.week-vak{border-inline-start:1px solid var(--lijn);border-block-start:1px solid var(--lijn)}.week-vak[data-half]{border-block-start-color:transparent}.week-vak[data-vandaag]{background:color-mix(in srgb,var(--licht-2) 45%,var(--wit))}.afspraak{grid-column:var(--dag);grid-row:var(--van) / var(--tot);position:relative;z-index:1;display:grid;align-content:start;gap:.125rem;margin:1px .25rem 1px 1px;padding:.375rem .5rem;overflow:hidden;color:var(--inkt-basis);font-size:var(--tekst-xs);line-height:1.3;text-decoration:none;transition:translate var(--hover-duur) ease-out,background-color var(--hover-duur) ease-out}a.afspraak:hover{translate:0 -2px}.afspraak strong{display:-webkit-box;overflow:hidden;font-size:var(--tekst-s);font-weight:600;-webkit-box-orient:vertical;-webkit-line-clamp:2}.afspraak[data-duur=kort] strong{-webkit-line-clamp:1}.afspraak[data-duur=kort]{align-content:center;padding-block:.125rem}.afspraak[data-duur=kort]>span{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.afspraak[data-soort=bezoek]{background:var(--diep-2);color:var(--wit)}a.afspraak[data-soort=bezoek]:hover{background:var(--blauw)}.afspraak[data-soort=bellen]{background:var(--blauw-bleek)}a.afspraak[data-soort=bellen]:hover{background:var(--blauw-ijs)}.afspraak[data-soort=intern]{background:var(--licht-2);border:1px solid var(--lijn-sterk)}a.afspraak[data-soort=intern]:hover{background:var(--groen-bleek)}.soorten{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:.875rem 1.25rem;border-block-start:1px solid var(--lijn);list-style:none;color:var(--inkt-zacht);font-size:var(--tekst-xs)}.soorten li{display:flex;align-items:center;gap:.5rem}.soorten .blok{inline-size:.75rem;block-size:.75rem}.blok-bezoek{background:var(--diep-2)}.blok-bellen{background:var(--blauw-bleek)}.blok-intern{background:var(--licht-2);border:1px solid var(--lijn-sterk)}.blok-deadline{border:1px solid var(--inkt-zacht)}.week-lijst{display:none}@media(max-width:48rem){.week-kader{display:none}.week-lijst{display:grid}}.week-lijst section+section{border-block-start:1px solid var(--lijn)}.week-lijst h3{padding:1rem 1.25rem .5rem;font-size:var(--tekst-basis)}.week-lijst .dag-lijst{padding:0 1.25rem 1rem}.instellingen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,30rem),1fr));align-items:start;gap:1.5rem}.stappen-schema{display:grid;margin:0;padding:0;list-style:none;counter-reset:schema}.stappen-schema li{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:1rem;padding-block:.75rem;border-block-start:1px solid var(--lijn);font-size:var(--tekst-s)}.stappen-schema li:first-child{padding-block-start:0;border-block-start:0}.stappen-schema .dagen{color:var(--inkt-zacht);font-size:var(--tekst-xs);line-height:1.8}.stappen-schema strong{display:block;font-weight:600}.open-punt{display:inline-flex;align-items:center;gap:.5rem;color:var(--let-op);font-size:var(--tekst-xs);font-weight:600}.open-punt:before{content:"";inline-size:.5rem;block-size:.5rem;border:1px solid currentColor}body.beheer-inloggen{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch;min-block-size:100dvh;background:var(--licht)}.inlog-merk{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:2rem;padding:clamp(1.5rem,4vw,3.5rem);overflow:hidden;background:var(--diep);color:var(--wit)}.inlog-merk .zijbalk-merk{padding:0}.inlog-merk p{align-self:end;max-inline-size:26ch;margin:0;font-family:var(--font-display);font-size:var(--tekst-xl);font-weight:700;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.inlog-keten{display:grid;grid-template-columns:repeat(5,1fr);block-size:.75rem;margin-inline:calc(-1*clamp(1.5rem,4vw,3.5rem));margin-block-end:calc(-1*clamp(1.5rem,4vw,3.5rem))}.inlog-keten span{background:var(--laag-kleur)}.inlog-keten span[data-stap=aanvraag]{background:var(--diep-2)}.inlog-vak{display:grid;align-content:center;justify-items:start;padding:clamp(1.5rem,5vw,5rem)}.inlog-form{display:grid;gap:1.25rem;inline-size:min(100%,24rem)}.inlog-form h1{font-size:var(--tekst-xl)}.inlog-form input,.inlog-form .knop{inline-size:100%}.inlog-klein{margin:0;color:var(--inkt-zacht);font-size:var(--tekst-xs)}.inlog-klein a{color:var(--link)}.inlog-vak>.inlog-klein{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-block-start:2rem}@media(max-width:48rem){body.beheer-inloggen{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.inlog-merk p{font-size:var(--tekst-l)}.inlog-vak{align-content:start}}.tabel td[data-mono]{white-space:nowrap}fieldset.regel{margin:0;padding-inline:0;border-inline:0;border-block-end:0;min-inline-size:0}.panelen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));align-items:start;gap:1.5rem;margin-block-start:1.5rem}.tabel .nul{color:var(--inkt-zacht)}.contacten{display:grid;margin:0;padding:0;list-style:none}.contacten li{display:grid;gap:.125rem;padding-block:.875rem;border-block-start:1px solid var(--lijn);font-size:var(--tekst-s)}.contacten li:first-child{padding-block-start:0;border-block-start:0}.contacten .rol{margin-block-end:.25rem;color:var(--inkt-zacht);font-size:var(--tekst-xs)}.contacten a{display:inline-flex;align-items:center;gap:.5rem;justify-self:start;min-block-size:2.25rem;min-inline-size:0;color:var(--link);overflow-wrap:anywhere}.contacten a svg{flex:none;color:var(--inkt-zacht)}.week-hoek{border-block-end:1px solid var(--lijn)}.week-hoek-label{display:flex;justify-content:flex-end;padding:.625rem .5rem 0 0;border-block-end:1px solid var(--lijn-sterk);background:var(--licht);color:var(--inkt-zacht);font-size:var(--tekst-xs)}.kolom-links{display:grid;gap:1.5rem;min-inline-size:0}.feed-status{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;margin-block-start:.25rem;font-size:var(--tekst-xs)}.feed-status a{font-family:var(--font-mono);color:var(--link)}.week-hoek,.week-hoek-label,.week-dag,.week-deadlines,.week-vak{grid-column:var(--k);grid-row:var(--r)}.week-uur{grid-column:var(--k);grid-row:var(--r) / span 2}.leeg-klein{margin:0;padding:0 1.25rem 1rem;color:var(--inkt-zacht);font-size:var(--tekst-s)}.dag-deadlines{padding:0 1.25rem 1rem}@media(prefers-reduced-motion:reduce){.laag,.afspraak,.nav-item,.taak,.filter{transition:none}a.afspraak:hover{translate:none}}}