@layer components{.portaal-klant{display:grid;gap:.125rem;margin:0 0 1.25rem;padding:.875rem 1.25rem;border-block:1px solid var(--lijn);font-size:var(--tekst-s);line-height:1.3}.portaal-klant strong{color:var(--wit);font-weight:600}.portaal-klant [data-mono]{color:var(--blauw-bleek);font-size:var(--tekst-xs)}@media(max-width:60rem){.portaal-klant{display:none}}.portaal-toegang .inlog-vak:focus{outline:none}.toegang-lagen{display:grid;margin-inline:calc(-1*clamp(1.5rem,4vw,3.5rem));margin-block-end:calc(-1*clamp(1.5rem,4vw,3.5rem))}.toegang-lagen span{block-size:.75rem}.toegang-lagen span:nth-child(1){margin-inline-start:66.666%;background:var(--blauw-helder)}.toegang-lagen span:nth-child(2){margin-inline-start:33.333%;background:var(--blauw)}.toegang-lagen span:nth-child(3){background:var(--diep-2)}.toegang-kop{display:grid;gap:.5rem}.toegang-kop h1,.toegang-kop p{margin:0}.toegang-kop p{color:var(--inkt-zacht);text-wrap:pretty}.toegang-melding{display:grid;gap:.25rem;padding:.75rem 1rem;border:1px solid var(--gevaar);background:var(--wit);font-size:var(--tekst-s)}.toegang-melding strong{color:var(--gevaar)}.toegang-melding a,.veld-rij a,.wacht-uitleg a,.toegang-verder a,.toegang-terug a{color:var(--link)}.wacht-uitleg>:first-child{margin-inline-end:.5rem}.portaal-toegang a[href^="tel:"],.portaal a[href^="tel:"],.portaal .tabel .ref{white-space:nowrap}.veld-rij{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem}.veld-rij a{font-size:var(--tekst-xs)}.wacht-uitleg{margin:-.5rem 0 0;color:var(--inkt-zacht);font-size:var(--tekst-xs)}.toegang-verder{display:grid;gap:.5rem;padding-block-start:1.25rem;border-block-start:1px solid var(--lijn);font-size:var(--tekst-s)}.inlog-vak>.toegang-verder{inline-size:min(100%,24rem);margin-block-start:2rem}.toegang-verder h2{margin:0;font-size:var(--tekst-m)}.toegang-verder p{margin:0;color:var(--inkt-zacht)}.toegang-terug{inline-size:min(100%,24rem);margin:2rem 0 0;color:var(--inkt-zacht);font-size:var(--tekst-s)}.toegang-gegevens{display:grid;margin:0;border-block:1px solid var(--lijn)}.toegang-gegevens>div{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.25rem 1rem;padding-block:.625rem}.toegang-gegevens>div+div{border-block-start:1px solid var(--lijn)}.toegang-gegevens dt{color:var(--inkt-zacht);font-size:var(--tekst-xs);font-weight:600}.toegang-gegevens dd{margin:0;font-size:var(--tekst-s);overflow-wrap:anywhere}.toegang-gegevens dd span{display:block;color:var(--inkt-zacht);font-size:var(--tekst-xs)}@media(max-width:26rem){.toegang-gegevens>div{grid-template-columns:minmax(0,1fr)}}.locaties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 1.5rem;padding-block-start:.25rem}.locatie-laag[data-laag="1"]{--laag-kleur: var(--diep-2);--laag-inkt: var(--wit);--laag-stap: var(--inkt-basis)}.locatie-laag[data-laag="2"]{--laag-kleur: var(--blauw);--laag-inkt: var(--wit);--laag-stap: var(--inkt-basis)}.locatie-laag[data-laag="3"]{--laag-kleur: var(--blauw-helder);--laag-inkt: var(--inkt-basis);--laag-stap: var(--wit)}.locatie-laag{text-decoration:none}.locatie-laag:hover,.locatie-laag:focus-visible{z-index:1;translate:0 -2px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.locatie-laag:focus-visible{outline:none}.locatie-laag:focus-visible .laag-kop{outline:2px solid currentColor;outline-offset:4px}.locatie-actie{margin-inline-start:auto;font-size:var(--tekst-xs);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.laag-cijfers .laag-datum{font-size:var(--tekst-xs)}@container dash (max-width: 44rem){.locaties{grid-template-columns:minmax(0,1fr);--snede: .5rem}}.wacht-lijst{display:grid;margin:0;padding:0;list-style:none}.wacht-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:.125rem .75rem;padding:.875rem 1.25rem;border-block-start:1px solid var(--lijn)}.wacht-item:first-child{border-block-start:0}.wacht-item .stapmerk{align-self:start;margin-block-start:.375rem}.wacht-item[data-soort=goedkeuren] .stapmerk{background:transparent;border:1px solid var(--inkt-basis)}.wacht-item[data-soort=vervallen] .stapmerk{background:var(--gevaar)}.wacht-item a{grid-column:2 / -1;color:var(--inkt-basis);font-size:var(--tekst-s);font-weight:600}.wacht-item p{grid-column:2;grid-row:2;margin:0;color:var(--inkt-zacht);font-size:var(--tekst-xs);text-wrap:pretty}.wacht-item[data-soort=vervallen] p{color:var(--gevaar);font-weight:600}.wacht-bedrag{grid-column:3;grid-row:2;align-self:start;font-size:var(--tekst-s);text-align:end;white-space:nowrap}.wacht-bedrag span{display:block;color:var(--inkt-zacht);font-size:var(--tekst-xs)}.portaal .tabel .nummer .sub{white-space:normal}.status[data-s=ingediend]{--status-kleur: var(--stap-offerte)}.status[data-s=wacht-op-goedkeuring]{--status-kleur: transparent;--status-rand: var(--inkt-basis);font-weight:600}.status[data-s=bevestigd]{--status-kleur: var(--stap-akkoord)}.status[data-s=geleverd]{--status-kleur: var(--stap-betaald)}.status[data-s=geannuleerd]{--status-kleur: var(--inkt-zacht);color:var(--inkt-zacht)}.lijst:has(#f-b-lopend:checked) tbody tr:not([data-status=ingediend],[data-status=wacht-op-goedkeuring],[data-status=bevestigd]),.lijst:has(#f-b-geleverd:checked) tbody tr:not([data-status=geleverd]),.lijst:has(#f-b-geannuleerd:checked) tbody tr:not([data-status=geannuleerd]){display:none}.paneel-totalen{display:grid;padding:1rem 1.25rem 1.25rem;border-block-start:1px solid var(--lijn)}.paneel .notitie+.notitie{border-block-start:1px solid var(--lijn)}.notitie strong{display:block;font-weight:600}.locatie-lijst{display:grid;margin:0;padding:0;list-style:none}.locatie-rij{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.5rem 1rem;padding:1.125rem 1.25rem;border-block-start:1px solid var(--lijn)}.locatie-rij:first-child{border-block-start:0}.locatie-rij>.icoon{margin-block-start:.125rem;color:var(--blauw)}.locatie-rij h2{margin:0;font-size:var(--tekst-m);line-height:1.2}.locatie-rij p{margin:.25rem 0 0;color:var(--inkt-zacht);font-size:var(--tekst-s);text-wrap:pretty}.locatie-rij .laatst{font-size:var(--tekst-xs)}.locatie-rij .laatst a,.bestel-extra a,.bestel-bron a{color:var(--link)}@media(max-width:40rem){.locatie-rij{grid-template-columns:auto minmax(0,1fr)}.locatie-rij>.knop{grid-column:2;justify-self:start}}.bestel-product{display:grid;min-inline-size:0;margin:0;padding:0 0 .75rem;border:0;border-block-start:1px solid var(--lijn)}.bestel-product:first-child{border-block-start:0}.bestel-product legend{float:left;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;inline-size:100%;padding:1.125rem 1.25rem .5rem}.bestel-naam{font-family:var(--font-display);font-size:var(--tekst-m);font-weight:600;line-height:1.2}.bestel-product legend [data-mono]{color:var(--inkt-zacht);font-size:var(--tekst-xs)}.bestel-rij{display:grid;grid-template-columns:4rem minmax(0,1fr) 6.5rem;align-items:center;gap:.5rem 1rem;padding:.5rem 1.25rem}.bestel-rij>label{font-size:var(--tekst-s);font-weight:600}.beheer .bestel-rij input{inline-size:100%;font-family:var(--font-mono);text-align:end}.staffels{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;margin:0;padding:0;list-style:none;font-size:var(--tekst-xs);font-variant-numeric:tabular-nums}.staffels li{display:grid}.staffels .bereik{color:var(--inkt-zacht)}.staffels .prijs{font-size:var(--tekst-s)}.staffels li[data-geldt] .bereik{color:var(--inkt-basis);font-weight:600}.staffels li[data-geldt] .prijs{font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.3em;text-decoration-color:var(--stap-akkoord)}.bestel-velden{display:grid;gap:1rem}.bestel-velden textarea{min-block-size:5.5rem;resize:vertical}.bestel-velden .wacht-uitleg{margin:-.375rem 0 0}.bestel-extra,.bestel-bron{margin:0;font-size:var(--tekst-s)}.bestel-bron{margin-block-end:1.5rem}@media(max-width:36rem){.bestel-rij{grid-template-columns:minmax(0,1fr) 6.5rem;padding-block:.625rem}.staffels{grid-column:1 / -1;grid-row:2;gap:.25rem 1.25rem}}.staten{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0 0 1.5rem;font-size:var(--tekst-xs)}.staten ul{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none}.staten a{color:var(--link)}.staten a[aria-current=page]{color:var(--inkt-basis);font-weight:600;text-decoration:none}.leeg h2{margin:0;color:var(--inkt-basis);font-family:var(--font-display);font-size:var(--tekst-m)}.leeg p{max-inline-size:36rem;margin:0}.leeg .knop{margin-block-start:.5rem}.optioneel{color:var(--inkt-zacht);font-weight:400}.gegevens-stapel,.gegevens-stapel>div{grid-template-columns:minmax(0,1fr)}.gegevens-stapel>div{gap:.125rem}.gegevens-stapel dt{font-size:var(--tekst-xs)}.goedkeur-lijst,.offerte-stapel{display:grid;gap:1.5rem}.besluit{display:grid;gap:1rem;padding:1rem 1.25rem 1.25rem;border-block-start:1px solid var(--lijn)}.besluit textarea{inline-size:100%}.besluit-knoppen{display:flex;flex-wrap:wrap;gap:.75rem}.goedkeur-sinds{margin:0}.offerte-vel{min-inline-size:0}.portaal-akkoord{display:grid;gap:var(--ruimte-4);padding-block-start:var(--ruimte-4);border-block-start:1px solid var(--lijn)}.portaal-akkoord input[type=text]{inline-size:100%;font-family:var(--font-mono)}.portaal-akkoord .knop{inline-size:100%;justify-content:center}.akkoord-wie,.akkoord-regel{margin:0;font-size:var(--tekst-s)}.akkoord-regel{color:var(--inkt-zacht)}.akkoord-regel a{color:var(--link)}.notitie.akkoord-vast{border:1px solid var(--geverifieerd)}.offerte-vraag{margin:0}.offerte-vraag a{color:var(--link)}.aanvraag-wat,.aanvraag-waar{display:grid;gap:1.25rem}.aanvraag-regels{display:grid}.aanvraag-regel{display:grid;grid-template-columns:minmax(0,1fr) 6.5rem;gap:.75rem;padding-block:.625rem;border-block-start:1px solid var(--lijn)}.aanvraag-regel-kop{padding-block:0 .375rem;border-block-start:0;color:var(--inkt-zacht);font-size:var(--tekst-xs)}.aanvraag-regel select,.aanvraag-regel input,.aanvraag-wat textarea{inline-size:100%}.locatie-keuze{display:grid;gap:.5rem;margin:0;padding:0;border:0}.locatie-keuze legend{margin-block-end:.5rem;padding:0;font-size:var(--tekst-s);font-weight:600}.locatie-optie{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;padding:.75rem;border:1px solid var(--lijn);background:var(--wit);font-size:var(--tekst-s);cursor:pointer}.locatie-optie input{margin:.2rem 0 0;accent-color:var(--blauw-actie)}.locatie-optie:has(:checked){border-color:var(--diep)}.locatie-optie:has(:focus-visible){outline:2px solid var(--actie);outline-offset:2px}.locatie-optie>span>span{display:block;color:var(--inkt-zacht)}.aanvraag-verstuur{display:grid;gap:.75rem;border-block-start:1px solid var(--lijn)}.aanvraag-verstuur .knop{inline-size:100%;justify-content:center}.aanvraag-verstuur .wacht-uitleg,.paneel-voet .wacht-uitleg{margin:0}.tabel .aanvraag-vraag{white-space:normal}.factuuradres{margin:0;font-size:var(--tekst-s)}.tabel .vervalt,.bron-nummer{white-space:nowrap}.docs-filters{display:flex;flex-wrap:wrap;gap:1rem 2rem;border-block-end:1px solid var(--lijn)}.docs-filters .filters{margin:0}.docs-filters legend{margin-block-end:.375rem;padding:0;color:var(--inkt-zacht);font-size:var(--tekst-xs);font-weight:600}.docs-leeg{display:none;margin:0;padding:1.5rem 1.25rem;color:var(--inkt-zacht);font-size:var(--tekst-s)}.docs-leeg a{color:var(--link)}.status[data-s=actief]{--status-kleur: var(--stap-akkoord)}.status[data-s=uitgenodigd]{--status-kleur: transparent;--status-rand: var(--inkt-basis)}@media(max-width:36rem){.aanvraag-regel{grid-template-columns:minmax(0,1fr) 5.5rem}}@media(max-width:48rem){.tabel-stapel td[data-mono][data-kolom]:before{font-family:var(--font-tekst);font-variant-numeric:normal}}}@layer components{.portaal .kop-sub a,.portaal .paneel-kop a,.portaal .melding a,.wacht-item a{padding-block:calc((var(--tikdoel) - 1lh) / 2);margin-block:calc((var(--tikdoel) - 1lh) / -2)}}