@font-face{font-family:"Figtree";src:url("../fonts/figtree.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fredoka";src:url("../fonts/fredoka.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}

:root{
--inkt:#0B2540;--grond:#F4F7FA;--vlak:#FFFFFF;--lijn:#E1E8EE;--rand:#CBD6E0;--stil:#52657A;--link:#176393;--link-hover:#124B70;
--b50:#F0F9FE;--b100:#DDF1FB;--b200:#BDE4F7;--b300:#89CFF0;--b400:#55B5E5;--b500:#2B96CF;--b600:#1C7AB0;--b700:#176393;--b800:#124B70;--b900:#0B2540;
--rood:#E63946;--rood-tekst:#C21F30;
--goed:#17683F;--goed-bg:#E6F4EC;--let:#8A5300;--let-bg:#FFF3D6;--fout:#C21F30;--fout-bg:#FDECEE;--info:#176393;--info-bg:#E8F5FC;--stil-bg:#EEF2F6;
--menu-tekst:#DCE6EE;--menu-stil:#9FB3C8;
--schaduw:0 1px 2px rgba(11,37,64,.06);
--kop:"Fredoka",system-ui,sans-serif;--tekst:"Figtree",system-ui,sans-serif;--mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--grond);color:var(--inkt);font:400 15px/1.5 var(--tekst);overflow-wrap:break-word}
img,svg{display:block;max-width:100%}
.icoon{flex:none}
a{color:var(--link)}
a:hover{color:var(--link-hover)}
h1,h2,h3{font-family:var(--kop);font-weight:600;margin:0}
h1{font-size:32px;line-height:40px}
h2{font-size:20px;line-height:28px}
h3{font-size:17px;line-height:24px}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--b400);outline-offset:2px}
code{font-family:var(--mono);font-size:13px}
.getal{font-variant-numeric:tabular-nums;white-space:nowrap}
.stil{color:var(--stil)}
.klein{font-size:13px;line-height:20px}
.visueel-verborgen{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.naar-inhoud{position:absolute;left:16px;top:-60px;z-index:50;padding:10px 16px;border-radius:12px;background:var(--vlak);color:var(--inkt);font-weight:700;text-decoration:none;box-shadow:0 4px 16px rgba(11,37,64,.2)}
.naar-inhoud:focus{top:16px}

.schil{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}
.zijbalk{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--inkt);color:var(--menu-tekst);padding:28px 16px 24px;display:flex;flex-direction:column;gap:24px}
.zijbalk-logo{display:block;padding:0 10px;align-self:flex-start}
.zijbalk-logo img{height:34px;width:auto}
.zijbalk-sluit{display:none}
.menu{display:flex;flex-direction:column;gap:18px}
.menu-groep{display:flex;flex-direction:column;gap:2px}
.menu-kop{padding:0 12px 6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--menu-stil)}
.menu-item{min-height:40px;padding:0 12px;display:flex;align-items:center;gap:12px;border-radius:12px;text-decoration:none;font-size:15px;font-weight:500;color:var(--menu-tekst)}
.menu-item:hover{background:rgba(137,207,240,.12);color:#fff}
.menu-item[aria-current="page"]{background:var(--b300);color:var(--inkt);font-weight:700}
.menu-item span{flex:1;min-width:0}
.menu-item .menu-teller{flex:none;min-width:24px;height:22px;padding:0 7px;border-radius:11px;background:var(--rood);color:#fff;font-size:12px;font-weight:700;line-height:22px;text-align:center;font-variant-numeric:tabular-nums}
.menu-item[aria-current="page"] .menu-teller{background:var(--inkt)}
.zijbalk-voet{margin-top:auto;display:flex;flex-direction:column;gap:6px}
.zijbalk-voet form{margin:0}
.gebruiker{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:rgba(137,207,240,.10)}
.gebruiker-letter{flex:none;width:40px;height:40px;border-radius:12px;background:var(--b300);color:var(--inkt);font:600 18px/1 var(--kop);display:flex;align-items:center;justify-content:center}
.gebruiker-tekst{flex:1;min-width:0;display:flex;flex-direction:column}
.gebruiker-naam{color:#fff;font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gebruiker-rol{color:var(--menu-stil);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gebruiker-knop{flex:none;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--menu-tekst);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}
.gebruiker-knop:hover{background:rgba(137,207,240,.16);color:#fff}
.gebruiker-knop[aria-current="page"]{background:var(--b300);color:var(--inkt)}
.wisselaar{border-radius:14px;background:rgba(137,207,240,.10)}
.wisselaar-knop{min-height:56px;padding:8px 12px;display:flex;align-items:center;gap:10px;border-radius:14px;cursor:pointer;list-style:none;color:var(--menu-tekst)}
.wisselaar-knop::-webkit-details-marker{display:none}
.wisselaar-knop:hover{background:rgba(137,207,240,.16)}
.wisselaar-knop .icoon{transition:transform .15s ease}
.wisselaar[open] .wisselaar-knop .icoon{transform:rotate(180deg)}
.wisselaar-tekst{flex:1;min-width:0;display:flex;flex-direction:column}
.wisselaar-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--menu-stil)}
.wisselaar-naam{color:#fff;font-weight:700;font-size:15px;line-height:20px}
.wisselaar-lijst{display:flex;flex-direction:column;gap:2px;padding:0 6px 8px}
.wisselaar-lijst form{margin:0}
.wisselaar-item{width:100%;min-height:40px;padding:8px 10px;display:flex;align-items:center;gap:10px;border:0;border-radius:10px;background:transparent;color:var(--menu-tekst);font:500 14px/20px var(--tekst);text-align:left;text-decoration:none;cursor:pointer}
.wisselaar-item span{flex:1;min-width:0}
button.wisselaar-item:hover,a.wisselaar-item:hover{background:rgba(137,207,240,.16);color:#fff}
.wisselaar-item[aria-current="true"]{color:#fff;font-weight:700;cursor:default}
.wisselaar-item.administratie-diep-1{padding-left:26px}
.wisselaar-item.administratie-diep-2{padding-left:42px}
.wisselaar-beheer{color:var(--b300)}
.administratie-naam{display:flex;flex-direction:column}
.administratie-naam.administratie-diep-1{padding-left:14px;border-left:2px solid var(--b200)}
.administratie-naam.administratie-diep-2{padding-left:28px;border-left:2px solid var(--b200)}
.administratie-acties{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.administratie-acties form{margin:0}
@container tabel (max-width:720px){.tabel td.administratie-acties-cel{flex-basis:100%}.administratie-acties{justify-content:flex-start}}
.uitloggen{width:100%;border:0;background:transparent;font-family:var(--tekst);cursor:pointer;text-align:left;color:var(--menu-stil)}

.inhoud{min-width:0;padding:32px 40px 48px;display:flex;flex-direction:column;gap:24px}
.inhoud:focus{outline:0}
.inhoud>*{width:100%}

.kop{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.kop-tekst{display:flex;flex-direction:column;gap:4px;min-width:0}
.kop-sub{font-size:15px;color:var(--stil)}
.kop-acties{display:flex;flex-wrap:wrap;gap:12px}
.terug{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:32px;font-size:15px;font-weight:600;text-decoration:none}

.kaart{background:var(--vlak);border-radius:20px;padding:24px;box-shadow:var(--schaduw);display:flex;flex-direction:column;gap:20px;min-width:0}
.kaart-kop{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}
.kaart-kop .klein{color:var(--stil)}
.raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;align-items:start}
.raster-twee{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;align-items:start}

.tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--grond);border-radius:14px;box-shadow:inset 0 0 0 1px var(--lijn);align-self:flex-start;max-width:100%;width:auto}
.tab{flex:none;min-height:40px;padding:0 16px;display:inline-flex;align-items:center;border-radius:10px;color:var(--stil);font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}
.tab:hover{color:var(--inkt)}
.tab[aria-current="page"]{background:var(--vlak);color:var(--inkt);font-weight:700;box-shadow:0 1px 3px rgba(11,37,64,.12)}

.formulier{display:flex;flex-direction:column;gap:20px}
.velden{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px 20px}
.veld{display:flex;flex-direction:column;gap:8px;min-width:0}
.veld-kop{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.label{font-size:14px;font-weight:600}
.invoer,.keuze{width:100%;min-width:0;height:44px;padding:0 14px;border:1.5px solid var(--rand);border-radius:12px;background:var(--vlak);font-size:15px;color:var(--inkt)}
.invoer:hover,.keuze:hover{border-color:#A9B9C8}
.invoer:focus,.keuze:focus{outline:0;border-color:var(--b600);box-shadow:0 0 0 4px var(--b200)}
.invoer[aria-invalid="true"]{border-color:var(--fout);box-shadow:0 0 0 4px var(--fout-bg)}
.invoer-groot{height:48px;font-size:16px}
.keuze-bak{position:relative;display:flex}
.keuze{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer}
.keuze-bak .icoon{position:absolute;right:14px;top:13px;pointer-events:none;color:var(--stil)}
.zoek-bak{position:relative;display:flex}
.zoek-bak .icoon{position:absolute;left:14px;top:12px;color:var(--stil);pointer-events:none}
.zoek-bak .invoer{padding-left:44px;border-radius:22px;background:var(--grond)}
.wachtwoord-bak{position:relative;display:flex}
.wachtwoord-bak .invoer{padding-right:52px}
.wachtwoord-toon{position:absolute;right:4px;top:4px;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--stil);display:none;align-items:center;justify-content:center;cursor:pointer}
.js .wachtwoord-toon{display:flex}
.invoer-groot+.wachtwoord-toon{top:4px}
.veld-uitleg{font-size:13px;line-height:20px;color:var(--stil)}
.veld-fout{font-size:13px;line-height:20px;color:var(--fout);font-weight:600}

.knop{min-height:44px;min-width:96px;padding:0 20px;border:0;border-radius:12px;background:var(--inkt);color:#fff;font:600 15px var(--tekst);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;white-space:nowrap}
.knop:hover{background:var(--b800);color:#fff}
.knop-tweede{background:var(--b100);color:var(--inkt)}
.knop-tweede:hover{background:var(--b200);color:var(--inkt)}
.knop-rand{background:var(--vlak);color:var(--inkt);box-shadow:inset 0 0 0 1.5px var(--rand)}
.knop-rand:hover{background:var(--grond);color:var(--inkt)}
.knop-groot{min-height:48px;font-size:16px}
.knop-klein{min-height:40px;padding:0 16px;font-size:14px}
.knop-breed{width:100%}
.knop-tekst{min-height:44px;padding:0 4px;border:0;background:none;color:var(--link);font:600 14px var(--tekst);cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:underline;text-underline-offset:3px}
.knop-tekst:hover{color:var(--link-hover)}
.knop-icoon{flex:none;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:var(--vlak);box-shadow:inset 0 0 0 1.5px var(--rand);color:var(--inkt);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}

.pil{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 10px;border-radius:13px;font-size:13px;line-height:18px;font-weight:700;white-space:nowrap}
.pil-goed{background:var(--goed-bg);color:var(--goed)}
.pil-let{background:var(--let-bg);color:var(--let)}
.pil-fout{background:var(--fout-bg);color:var(--fout)}
.pil-info{background:var(--info-bg);color:var(--info)}
.pil-stil{background:var(--grond);color:var(--stil)}

.meldingen{display:flex;flex-direction:column;gap:10px}
.melding{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;font-size:15px;line-height:22px;font-weight:500}
.melding .icoon{margin-top:1px}
.melding-goed{background:var(--goed-bg);color:var(--goed)}
.melding-info{background:var(--info-bg);color:var(--info)}
.melding-let{background:var(--let-bg);color:var(--let)}
.melding-fout{background:var(--fout-bg);color:var(--fout)}

.lijst{display:flex;flex-direction:column}
.lijst-kop{padding-bottom:8px;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil)}
.regel{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 0;border-top:1px solid var(--lijn)}
.regel-icoon{flex:none;width:40px;height:40px;border-radius:10px;background:var(--b50);color:var(--b700);display:flex;align-items:center;justify-content:center}
.regel-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.regel-titel{font-weight:600;font-size:15px}
.regel-uitleg{font-size:13px;line-height:18px;color:var(--stil)}
.regel-actie{flex:none;display:flex;align-items:center;gap:8px}
.regel form{margin:0}
label.regel{cursor:pointer}

.schakel{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:44px;height:26px;margin:0;border-radius:13px;background:var(--rand);cursor:pointer;transition:background .15s}
.schakel::before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(11,37,64,.25);transition:transform .15s}
.schakel:checked{background:var(--inkt)}
.schakel:checked::before{transform:translateX(18px)}
.schakel:disabled{cursor:not-allowed;opacity:.45}

.tabel-bak{container-type:inline-size;container-name:tabel;min-width:0}
.tabel-bak.smal{container-name:tabelsmal}
.tabel-bak.breed{container-name:tabelbreed}
.tabel{width:100%;border-collapse:collapse;font-size:15px}
.tabel th{padding:0 12px 10px;text-align:left;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil);white-space:nowrap}
.tabel td{padding:12px;border-top:1px solid var(--lijn);vertical-align:top;overflow-wrap:anywhere}
.tabel th:first-child,.tabel td:first-child{padding-left:0}
.tabel th:last-child,.tabel td:last-child{padding-right:0}
.tabel .nowrap,.bank-rij-onder .nowrap{white-space:nowrap}
.kop-sub .nowrap{display:inline-block;white-space:nowrap}
.cel-twee{display:flex;flex-direction:column;gap:2px}
.cel-twee .stil{font-size:13px}
.wie{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-weight:600}
.wie-letter{flex:none;width:28px;height:28px;border-radius:50%;background:var(--b100);color:var(--inkt);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.wie-systeem{background:var(--stil-bg);color:var(--stil)}
.actie-code{display:inline-block;padding:3px 8px;border-radius:6px;background:var(--grond);white-space:nowrap}
.wijziging{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.wijziging .pil{min-height:24px;padding:2px 9px;border-radius:12px;font-weight:600}
@container tabel (max-width:720px){
.tabel,.tabel tbody,.tabel tfoot{display:block;width:100%}
.tabel thead{display:none}
.tabel tr{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 18px;padding:14px 0;border-top:1px solid var(--lijn)}
.tabel td{display:block;padding:0!important;border:0}
.tabel td:first-child{flex-basis:100%}
.tabel td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font-size:11px;line-height:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil);margin-bottom:2px}}
@container tabelsmal (max-width:520px){
.tabel,.tabel tbody,.tabel tfoot{display:block;width:100%}
.tabel thead{display:none}
.tabel tr{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 18px;padding:14px 0;border-top:1px solid var(--lijn)}
.tabel td{display:block;padding:0!important;border:0}
.tabel td:first-child{flex-basis:100%}
.tabel td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font-size:11px;line-height:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil);margin-bottom:2px}}
@container tabelbreed (max-width:980px){
.tabel,.tabel tbody,.tabel tfoot{display:block;width:100%}
.tabel thead{display:none}
.tabel tr{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 18px;padding:14px 0;border-top:1px solid var(--lijn)}
.tabel td{display:block;padding:0!important;border:0}
.tabel td:first-child{flex-basis:100%}
.tabel td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font-size:11px;line-height:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil);margin-bottom:2px}}

.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}
.filters .veld{flex:1 1 160px}
.filters .veld-zoek{flex:2 1 240px}
.voet{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.slotregel{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:20px;color:var(--stil)}
.slotregel .icoon{margin-top:2px}
.leeg{padding:32px 16px;text-align:center;color:var(--stil);display:flex;flex-direction:column;align-items:center;gap:8px}

.tegels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}
.tegel{background:var(--vlak);border-radius:20px;padding:22px 24px;box-shadow:var(--schaduw);display:flex;flex-direction:column;gap:12px;min-width:0}
.tegel-kop{display:flex;align-items:center;gap:12px}
.tegel-icoon{flex:none;width:44px;height:44px;border-radius:12px;background:var(--b100);color:var(--inkt);display:flex;align-items:center;justify-content:center}
.tegel-titel{font:600 17px/24px var(--kop)}
.tegel-cijfer{font:600 28px/34px var(--kop);font-variant-numeric:tabular-nums;white-space:nowrap}
.tegel-voet{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.tegel-voet a{font-size:14px;font-weight:600}

.herstelcodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.herstelcodes li{padding:12px 14px;border-radius:12px;background:var(--grond);font:600 17px/24px var(--mono);letter-spacing:.04em;text-align:center;white-space:nowrap}

.onderbalk{display:none}

.kaal{min-height:100vh;display:flex;flex-wrap:wrap;align-content:stretch;background:var(--grond)}
.kaal-paneel{flex:1 1 480px;min-height:420px;background:var(--inkt);padding:56px 64px;display:flex;flex-direction:column;justify-content:space-between;gap:48px;overflow:hidden}
.kaal-paneel>img{height:48px;width:auto;align-self:flex-start}
.kaal-staven{display:flex;align-items:flex-end;gap:28px;height:300px}
.kaal-staven span{width:84px;border-radius:42px;background:var(--b300)}
.kaal-staven span:nth-child(1){height:42%}
.kaal-staven span:nth-child(2){height:66%}
.kaal-staven span:nth-child(3){height:100%;background:var(--rood)}
.kaal-zin{display:flex;flex-direction:column;gap:12px;max-width:460px}
.kaal-zin p:first-child{font:600 36px/44px var(--kop);color:#fff}
.kaal-zin p:last-child{font-size:16px;line-height:25px;color:var(--menu-stil)}
.kaal-vak{flex:1 1 520px;min-width:0;padding:56px 24px;display:flex;align-items:center;justify-content:center}
.kaal-kaart{width:100%;max-width:440px;background:var(--vlak);border-radius:24px;padding:40px;box-shadow:var(--schaduw),0 12px 40px rgba(11,37,64,.08);display:flex;flex-direction:column;gap:22px}
.kaal-kaart h1{font-size:30px;line-height:38px}
.kaal-kaart form{display:flex;flex-direction:column;gap:22px;margin:0}
.kaal-titel{display:flex;flex-direction:column;gap:6px}
.kaal-titel p{font-size:15px;line-height:23px;color:var(--stil)}
.kaal-voet{padding-top:18px;border-top:1px solid var(--lijn)}
.stappen{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--stil)}
.stap{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.stap-nr{flex:none;width:24px;height:24px;border-radius:50%;background:var(--lijn);color:var(--stil);display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.stap-nu{color:var(--inkt)}
.stap-nu .stap-nr{background:var(--inkt);color:#fff}
.stap-klaar .stap-nr{background:var(--goed-bg);color:var(--goed)}
.stap-lijn{flex:1;min-width:12px;height:2px;border-radius:1px;background:var(--lijn)}
.stap-lijn-klaar{background:var(--inkt)}
.code-vakjes{display:flex;align-items:center;gap:8px}
.code-vakje{flex:1 1 0;width:0;min-width:0;height:56px;padding:0;border:1.5px solid var(--rand);border-radius:12px;background:var(--vlak);font:600 24px var(--tekst);text-align:center;font-variant-numeric:tabular-nums}
.code-vakje:focus{outline:0;border-color:var(--b600);box-shadow:0 0 0 4px var(--b200)}
.code-streep{flex:none;width:10px;height:2px;border-radius:1px;background:var(--rand)}
.code-los{letter-spacing:.3em;text-align:center;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}
.qr{align-self:center;width:200px;height:200px;padding:12px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--lijn);display:flex;align-items:center;justify-content:center}
.qr img{width:176px;height:176px;image-rendering:pixelated}
.qr-leeg{font-size:13px;color:var(--stil);text-align:center}
.geheim{display:block;padding:12px 14px;border-radius:12px;background:var(--grond);font:600 16px/24px var(--mono);letter-spacing:.06em;text-align:center;overflow-wrap:anywhere}

.foutpagina{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.foutpagina .kaal-kaart{text-align:left}
.fout-code{font:600 56px/1 var(--kop);color:var(--b300)}

@media (max-width:1100px){
.inhoud{padding:28px 28px 40px}
}

@media (max-width:860px){
.schil{display:block}
.zijbalk{position:fixed;inset:0;z-index:40;height:100%;width:100%;max-width:none;padding:20px 16px calc(24px + env(safe-area-inset-bottom));transform:translateY(100%);visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s}
.menu-open .zijbalk{transform:none;visibility:visible;transition:transform .2s ease}
.zijbalk-boven{display:flex;align-items:center;justify-content:space-between;gap:12px}
.zijbalk-sluit{display:flex;width:44px;height:44px;border:0;border-radius:12px;background:rgba(137,207,240,.12);color:#fff;align-items:center;justify-content:center;cursor:pointer}
.menu-open{overflow:hidden}
.inhoud{padding:20px 16px calc(108px + env(safe-area-inset-bottom));gap:20px}
h1{font-size:28px;line-height:36px}
.kaart{padding:20px 16px;border-radius:18px}
.tegel{padding:20px 16px;border-radius:18px}
.onderbalk{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:4px;padding:8px 8px calc(10px + env(safe-area-inset-bottom));background:var(--vlak);border-top:1px solid var(--lijn)}
.onderbalk-item{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:12px;background:transparent;color:var(--stil);font:600 12px var(--tekst);text-decoration:none;cursor:pointer}
.onderbalk-item[aria-current="page"]{background:var(--b100);color:var(--inkt);font-weight:700}
.kaal{align-content:flex-start}
.kaal-paneel{flex-basis:100%;min-height:0;padding:22px 20px;gap:0}
.kaal-paneel>img{height:36px}
.kaal-staven,.kaal-zin{display:none}
.kaal-vak{padding:20px 16px 32px;align-items:flex-start}
.kaal-kaart{padding:28px 20px;border-radius:20px}
}

@media (min-width:861px){
.zijbalk-boven{display:block}
}

@media (prefers-reduced-motion:reduce){
*{transition:none!important}
}

@media print{
.zijbalk,.onderbalk,.kop-acties,.tabs,.niet-printen{display:none!important}
.schil{display:block}
.inhoud{padding:0}
.kaart{box-shadow:none;padding:0}
body{background:#fff}
}

.bedrag{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.tabel th.bedrag{text-align:right}
.dc{color:var(--stil);font-weight:600;margin-left:2px}
.rgs{display:inline-block;padding:2px 7px;border-radius:6px;background:var(--b50);color:var(--b700);font:600 12px/18px var(--tekst);white-space:nowrap}
.zonder-codes .kolom-rgs{display:none}
.tabel tr.groep-rij td{padding-top:16px;padding-bottom:8px;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil)}
.tabel tfoot td{font-weight:700;border-top:2px solid var(--lijn)}
.tabel tr.begin-rij td{background:var(--b50)}
.tabel tr.inactief td{color:var(--stil)}
.tabel a.rij-link{font-weight:600;text-decoration:none}
.tabel a.rij-link:hover{text-decoration:underline}
.werkbalk{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.werkbalk .zoek-bak{flex:1 1 260px;max-width:420px}
.werkbalk-rechts{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.schakel-label{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:600;cursor:pointer}
.kop-saldo{display:flex;flex-direction:column;gap:2px;padding:14px 20px;border-radius:16px;background:var(--b100)}
.kop-saldo span:first-child{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--b800)}
.kop-saldo strong{font:600 28px/34px var(--kop);font-variant-numeric:tabular-nums;white-space:nowrap}
.kop h1 .nummer{color:var(--stil)}
.voetnoot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;line-height:20px;color:var(--stil)}
.knoppen{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.knoppen-eind{justify-content:flex-end}
.inline{display:inline;margin:0}

.perioden{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:12px}
.periode{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:14px;background:var(--grond);min-width:0}
.periode-kop{display:flex;align-items:center;justify-content:space-between;gap:8px}
.periode-naam{font-weight:700}
.periode-nr{font-size:12px;color:var(--stil);font-variant-numeric:tabular-nums}
.periode-vergrendeld{background:var(--stil-bg)}
.periode form{margin:0}

.boek-indeling{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.boekregels{container-type:inline-size;display:flex;flex-direction:column}
.boekregel-kop,.boekregel{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.6fr) minmax(96px,1fr) minmax(96px,1fr) minmax(0,1.3fr) 44px;gap:10px;align-items:start}
.boekregel-kop{padding:10px 12px;border-radius:12px;background:var(--grond);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil)}
.boekregel-kop .bedrag{text-align:right}
.boekregel{padding:12px;border-bottom:1px solid var(--lijn)}
.boekregel .invoer.bedrag-invoer{text-align:right;font-variant-numeric:tabular-nums}
.boekregel .veld-label{display:none}
.boekregel-fout{grid-column:1/-1;font-size:13px;color:var(--fout);font-weight:600}
.boekregel-weg{width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--stil);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.boekregel-weg:hover{background:var(--fout-bg);color:var(--fout)}
.boek-totaal{display:grid;grid-template-columns:minmax(0,3.8fr) minmax(96px,1fr) minmax(96px,1fr) minmax(0,1.3fr) 44px;gap:10px;align-items:center;padding:14px 12px;margin-top:12px;border-radius:12px;background:var(--grond);font-weight:700}
.boek-totaal .bedrag{padding-right:14px}
.boek-totaal-label{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.boek-voet{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--lijn)}
@container (max-width:620px){
.boekregel-kop{display:none}
.boekregel{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;padding:14px 0}
.boekregel .veld-label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil)}
.boekregel>.cel-rekening{grid-column:1/3}
.boekregel>.cel-weg{grid-column:3;grid-row:1;align-self:end}
.boekregel>.cel-omschrijving{grid-column:1/-1}
.boekregel>.cel-btw{grid-column:1/-1}
.boekregel>.cel-credit{grid-column:2/-1}
.boek-totaal{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:6px}
.boek-totaal-label{grid-column:1/-1}
.boek-totaal .bedrag{text-align:left;padding-right:0}
.boek-totaal .leeg-cel{display:none}
}

.lijst-boekingen{display:flex;flex-direction:column}
.boeking-kort{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 0;border-top:1px solid var(--lijn);text-decoration:none;color:inherit}
.boeking-kort:hover .boeking-nr{text-decoration:underline}
.boeking-kort>span:first-child{min-width:0;display:flex;flex-direction:column;gap:2px}
.boeking-kort>span:last-child{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.boeking-nr{font-weight:700;color:var(--link);white-space:nowrap}
.uitleg-kaart{background:var(--b50);box-shadow:none}
.uitleg-kaart h2{display:flex;align-items:center;gap:12px}

.rapport-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:24px;align-items:start}
.rapport{width:100%;border-collapse:collapse;font-size:15px}
.rapport th{padding:10px 0;text-align:left;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil);border-bottom:1px solid var(--lijn)}
.rapport th.bedrag,.rapport td.bedrag{text-align:right;padding-left:12px}
.rapport td{padding:4px 0;vertical-align:top}
.rapport tbody tr.groep td{padding-top:14px;font-weight:700}
.rapport tbody tr.groep:first-child td{padding-top:10px}
.rapport tr.groep-eind td{padding-bottom:12px;border-bottom:1px solid var(--lijn)}
.rapport tr.som td{padding:12px 0;font-weight:700;border-bottom:1px solid var(--lijn);background:linear-gradient(var(--grond),var(--grond)) no-repeat}
.rapport tr.eind td{padding:14px 0;font-weight:700;font-size:16px;border-top:2px solid var(--inkt)}
.rapport .rek-nr{color:var(--stil);font-variant-numeric:tabular-nums;margin-right:8px}
@container (max-width:420px){
.rapport{font-size:14px}
.rapport .rek-nr{display:none}
}
.rapport-bak{container-type:inline-size;min-width:0}

@media (max-width:1100px){
.boek-indeling{grid-template-columns:minmax(0,1fr)}
}

.tekst-fout{color:var(--fout)!important}
.tekst-goed{color:var(--goed)!important}
.knop-rand.tekst-fout:hover{background:var(--fout-bg)}
.teller{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;margin-left:6px;padding:0 6px;border-radius:10px;background:var(--lijn);color:var(--inkt);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.tab[aria-current="page"] .teller{background:var(--b100)}
.titel-rij{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.titel-rij h1{min-width:0}
.tekstvak{height:auto;min-height:88px;padding:12px 14px;line-height:1.5;resize:vertical}
.bedrag-bak{position:relative;display:flex;align-items:center}
.bedrag-bak>span{position:absolute;left:12px;color:var(--stil);font-weight:600;pointer-events:none}
.bedrag-bak .invoer{padding-left:28px}
.avatar{flex:none;width:56px;height:56px;border-radius:50%;background:var(--b300);color:var(--inkt);display:flex;align-items:center;justify-content:center;font:600 20px var(--kop)}
.relatie-kop{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px}
.relatie-kop .kop-tekst{flex:1 1 280px}
.gegevens{margin:0;display:flex;flex-direction:column}
.gegevens>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:12px 0;border-top:1px solid var(--lijn)}
.gegevens dt{color:var(--stil)}
.gegevens dd{margin:0;text-align:right;font-weight:600;min-width:0;overflow-wrap:anywhere}
.kerngegevens{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px 20px}
.kerngegevens dt{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil)}
.kerngegevens dd{margin:4px 0 0;font-weight:600}
.kerngegevens .breed{grid-column:1/-1}

.stuk-indeling{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.stukregels{container-type:inline-size;display:flex;flex-direction:column}
.stukregel-kop,.stukregel{display:grid;grid-template-columns:minmax(0,3fr) 76px minmax(0,1fr) 124px minmax(0,1.3fr) 104px 44px;gap:10px;align-items:start}
.stukregel-kop{padding:10px 12px;border-radius:12px;background:var(--grond);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil)}
.stukregel-kop .bedrag{text-align:right}
.stukregel{padding:12px;border-bottom:1px solid var(--lijn)}
.stukregel .veld-label{display:none}
.stukregel .cel-bedrag{min-height:44px;display:flex;align-items:center;justify-content:flex-end;white-space:nowrap}
.stuk-voet{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px 24px;padding-top:16px}
.totalen{margin:0 0 0 auto;width:100%;max-width:380px;display:flex;flex-direction:column;gap:6px}
.totalen>div{display:flex;justify-content:space-between;gap:16px}
.totalen dt{color:var(--stil);min-width:0}
.totalen dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.totalen [data-btw-regels]{display:flex;flex-direction:column;gap:6px}
.totalen [data-btw-regels]>div{display:flex;justify-content:space-between;gap:16px}
.totalen .totaal{margin-top:6px;padding-top:12px;border-top:1px solid var(--lijn);font-weight:700;font-size:18px}
.totalen .totaal dt{color:var(--inkt)}
.totalen .nog{font-weight:700}
@container (max-width:700px){
.stukregel-kop{display:none}
.stukregel{grid-template-columns:repeat(2,minmax(0,1fr)) 44px;padding:14px 0}
.stukregel .veld-label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil)}
.stukregel>.cel-omschrijving{grid-column:1/3}
.stukregel>.cel-weg{grid-column:3;grid-row:1;align-self:end}
.stukregel>.cel-prijs{grid-column:2/-1}
.stukregel>.cel-btw{grid-column:1/2}
.stukregel>.cel-bedrag{grid-column:2/-1;justify-content:space-between;flex-direction:column;align-items:flex-start}
}

.stappenlijst{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}
.stappenlijst li{display:flex;gap:12px;align-items:flex-start}
.stappenlijst li>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.stappenlijst .stap-nr{flex:none;width:28px;height:28px;border-radius:50%;background:var(--b100);color:var(--inkt);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.stappenlijst li:last-child .stap-nr{background:var(--inkt);color:#fff}
.tijdlijn{margin:0;padding:0 0 0 18px;list-style:none;display:flex;flex-direction:column;gap:14px;border-left:2px solid var(--lijn)}
.tijdlijn li{position:relative;display:flex;flex-direction:column;gap:2px;padding-left:4px}
.tijdlijn li::before{content:"";position:absolute;left:-25px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--b300);box-shadow:0 0 0 3px var(--vlak)}
.tijdlijn li.tijdlijn-herinnering::before,.tijdlijn li.tijdlijn-afgewezen::before,.tijdlijn li.tijdlijn-oninbaar::before{background:var(--rood)}
.tijdlijn li.tijdlijn-gecrediteerd::before,.tijdlijn li.tijdlijn-crediteren::before,.tijdlijn li.tijdlijn-onbetaald::before{background:var(--stil)}
.tijdlijn li.tijdlijn-betaald::before{background:var(--goed)}
a.regel{text-decoration:none;color:inherit}
a.regel:hover .regel-titel{text-decoration:underline}

@media (max-width:1180px){
.stuk-indeling{grid-template-columns:minmax(0,1fr)}
}

.kop:has(>.kop-rechts)>.kop-tekst{flex:1 1 380px}
.kop-rechts{flex:0 1 auto;display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:0}
.kop-rechts>.klein{text-align:right}
.bank-indeling{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.bank-indeling.met-paneel{grid-template-columns:minmax(0,1.45fr) minmax(360px,1fr)}
.bank-paneel{gap:18px;scroll-margin-top:24px}
.bank-lijst{container-type:inline-size;display:flex;flex-direction:column}
.bank-rij{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:16px 12px;border-top:1px solid var(--lijn);color:inherit;text-decoration:none}
.bank-rij:first-child{border-top-color:transparent}
.bank-rij:hover .bank-rij-titel{text-decoration:underline}
.bank-rij[aria-current="true"]{border-radius:14px;background:var(--b50);box-shadow:inset 0 0 0 1.5px var(--b300);border-top-color:transparent}
.bank-rij[aria-current="true"]+.bank-rij{border-top-color:transparent}
.bank-datum{display:flex;flex-direction:column;align-items:center;line-height:1}
.bank-datum strong{font:600 20px/24px var(--kop)}
.bank-datum span{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil)}
.bank-rij-tekst{display:flex;flex-direction:column;gap:8px;min-width:0}
.bank-rij-titel{font-weight:600;text-transform:uppercase;letter-spacing:.01em;overflow-wrap:anywhere}
.bank-rij-onder{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0}
.bank-rij-onder .pil{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.bank-rij-bedrag{font-weight:700;font-size:16px;text-align:right}
@container (max-width:460px){
.bank-rij{grid-template-columns:44px minmax(0,1fr);padding:14px 8px}
.bank-rij-bedrag{grid-column:2;text-align:left}
}
.bank-tx{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;background:var(--grond);min-width:0}
.bank-tx-titel{text-transform:uppercase;letter-spacing:.01em;overflow-wrap:anywhere}
.bank-tx-bedrag{margin-top:6px;font:600 30px/36px var(--kop)}
.bedrag-bij{color:var(--goed)}
.bank-keuzes{gap:12px}
.keuze-kaart{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border:1.5px solid var(--lijn);border-radius:14px;background:var(--vlak);min-width:0}
.keuze-kaart:has(>.keuze-kaart-kop input:checked){border-color:var(--b400);background:var(--b50)}
.keuze-kaart-kop{display:flex;align-items:flex-start;gap:12px;cursor:pointer;min-width:0}
.keuze-kaart-kop input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--inkt);cursor:pointer}
.keuze-kaart-tekst{display:flex;flex-direction:column;gap:2px;min-width:0}
.keuze-kaart>:not(.keuze-kaart-kop){margin-left:32px}
.kenmerken{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.keuze-velden{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.boeking-regels{margin:0;display:flex;flex-direction:column}
.boeking-regels>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 16px;padding:10px 0;border-top:1px solid var(--lijn)}
.boeking-regels dt{min-width:0}
.boeking-regels dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.boeking-regels dd span{font-weight:400;color:var(--stil)}
.vinkje-label{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:600;cursor:pointer}
.vinkje-label input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--inkt);cursor:pointer}
.voorstel{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px}
.voorstel-icoon{flex:none;width:48px;height:48px;border-radius:12px;background:var(--b100);color:var(--inkt);display:flex;align-items:center;justify-content:center}
.voorstel-tekst{flex:1 1 320px;display:flex;flex-direction:column;gap:4px;min-width:0}
.voorstellen{display:flex;flex-direction:column}
.voorstel-groep{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 16px;padding:18px 0;border-top:1px solid var(--lijn)}
.voorstel-groep:first-child{border-top:0;padding-top:6px}
.voorstel-groep:last-child{padding-bottom:0}
.voorstel-groep .voorstel-tekst{flex:1 1 220px}
.voorstel-groep p{margin:0}
.voorstel-groep .kenmerken{margin:2px 0 4px}
.voorstel-doel{margin-top:6px}
.voorstel-rechts{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.voorstel-rechts .knoppen{justify-content:flex-end}
.voorstel-kaart p{margin:0}
.regel-als{display:flex;flex-direction:column;gap:2px}
.stappenlijst.naast{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px 32px}
.stappenlijst.naast li .stap-nr{background:var(--b100);color:var(--inkt)}
.bestand-invoer{height:auto;min-height:44px;padding:9px 14px}
@media (max-width:719px){
.voorstel-rechts{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-left:64px}
}
@media (max-width:1360px){
.bank-indeling.met-paneel{grid-template-columns:minmax(0,1fr)}
.bank-paneel{order:-1}
}
@media (max-width:860px){
.kop-rechts{align-items:flex-start}
.kop-rechts>.klein{text-align:left}
}
.inkoop-indeling{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.inkoop-lijst{flex:1 1 320px;gap:16px}
.inkoop-detail{flex:2 1 560px}
.inkoop-rij{display:flex;align-items:center;gap:12px;padding:14px 12px;border-top:1px solid var(--lijn);color:inherit;text-decoration:none;min-width:0}
.inkoop-rij:first-child{border-top-color:transparent}
.inkoop-rij:hover .regel-titel{text-decoration:underline}
.inkoop-rij[aria-current="true"]{border-radius:14px;background:var(--b50);box-shadow:inset 0 0 0 1.5px var(--b300);border-top-color:transparent}
.inkoop-rij[aria-current="true"]+.inkoop-rij{border-top-color:transparent}
.inkoop-rij .regel-icoon{background:var(--b100);color:var(--b700)}
.inkoop-rij-tekst{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.inkoop-rij-tekst .regel-titel{overflow-wrap:anywhere}
.inkoop-rij-tekst .pil{margin-top:2px}
.inkoop-rij-bedrag{flex:none;font-weight:600}
.dropzone{display:flex;align-items:center;gap:12px;padding:16px;border:2px dashed var(--b200);border-radius:16px;background:var(--b50);color:var(--stil);font-size:14px;line-height:21px;cursor:pointer}
.dropzone .icoon{color:var(--b700)}
.dropzone.sleep{border-color:var(--b500);background:var(--b100)}
.inkoop-inhoud{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.voorbeeld{flex:1 1 200px;max-width:260px;display:flex;flex-direction:column;gap:10px;min-width:0}
.voorbeeld-rand{padding:16px;border-radius:16px;background:var(--stil-bg)}
.voorbeeld-blad{aspect-ratio:210/297;display:flex;flex-direction:column;gap:7px;padding:18px 16px;border-radius:6px;background:var(--vlak);box-shadow:0 1px 3px rgba(11,37,64,.12)}
.voorbeeld-blad span{display:block;height:6px;border-radius:3px;background:var(--lijn)}
.voorbeeld-blad .b1{width:38%;height:12px;background:var(--rand)}
.voorbeeld-blad .b2{width:46%;margin-top:10px}
.voorbeeld-blad .b3{width:38%}
.voorbeeld-blad .b4{width:42%}
.voorbeeld-blad .lijn{height:1px;margin:8px 0 4px}
.voorbeeld-blad .b5{width:80%}
.voorbeeld-blad .b6{width:66%}
.voorbeeld-blad .b7{width:72%}
.voorbeeld-blad .b8{width:34%;height:9px;margin-left:auto;background:var(--rand)}
.voorbeeld-foto{width:100%;border-radius:12px;box-shadow:0 1px 3px rgba(11,37,64,.12)}
.voorbeeld-links{display:flex;flex-wrap:wrap;gap:0 14px}
.voorbeeld>.klein{overflow-wrap:anywhere}
@media (max-width:600px){
.voorbeeld{max-width:180px}
.voorbeeld-rand{padding:10px}
}
.inkoop-velden{flex:1 1 300px;min-width:0}
.herkend{display:inline-flex;align-items:center;gap:4px;font-weight:600}
.inkoopregels{container-type:inline-size;display:flex;flex-direction:column;gap:8px}
.inkoopregel-kop,.inkoopregel{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1.4fr) minmax(96px,.9fr) minmax(84px,.8fr) 44px;gap:8px;align-items:start}
.inkoopregel-kop{padding:10px 12px;border-radius:12px;background:var(--grond);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil)}
.inkoopregel-kop .bedrag{text-align:right}
.inkoopregel{padding:0 12px}
.inkoopregel .veld-label{display:none}
.inkoopregel .boekregel-fout{grid-column:1/-1}
.inkoopregels>.knop-tekst{align-self:flex-start}
@container (max-width:560px){
.inkoopregel-kop{display:none}
.inkoopregel{grid-template-columns:repeat(2,minmax(0,1fr)) 44px;padding:12px 0;border-top:1px solid var(--lijn)}
.inkoopregel .veld-label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil)}
.inkoopregel>.cel-rekening{grid-column:1/3}
.inkoopregel>.cel-weg{grid-column:3;grid-row:1;align-self:end}
.inkoopregel>.cel-btw{grid-column:1/-1}
.inkoopregel>.cel-bedrag{grid-column:1/2}
.inkoopregel>.cel-btwbedrag{grid-column:2/-1}
}
.inkoop-onder{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px 32px}
.inkoop-onder>.veld{flex:1 1 240px;max-width:360px}
.inkoop-onder>.betaal-keuze{flex:1 1 320px;max-width:560px}
.betaal-keuze{margin:0;padding:0;border:0;min-width:0}
.betaal-keuze legend{padding:0;margin-bottom:8px}
.keuze-kaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.modal{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:20px;background:var(--vlak);color:var(--inkt);box-shadow:0 24px 64px rgba(11,37,64,.28);overflow:auto}
.modal::backdrop{background:rgba(11,37,64,.45)}
.modal-binnen{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px 16px;padding:24px}
.modal-icoon{width:44px;height:44px;border-radius:12px;background:var(--let-bg);color:var(--let);display:flex;align-items:center;justify-content:center}
.modal-gevaar .modal-icoon{background:var(--fout-bg);color:var(--fout)}
.modal-inhoud{display:flex;flex-direction:column;gap:6px;min-width:0;padding-top:2px}
.modal-titel{font-size:19px;line-height:26px}
.modal-tekst{margin:0;color:var(--stil);font-size:15px;line-height:22px}
.modal-knoppen{grid-column:1/-1;justify-content:flex-end;margin-top:6px}
.knop-gevaar{background:var(--fout)}
.knop-gevaar:hover{background:#9E1726}
@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.modal[open]{animation:modal-in .16s ease-out}
@media (max-width:479px){.modal-binnen{grid-template-columns:minmax(0,1fr)}.modal-knoppen{flex-direction:column-reverse;align-items:stretch}.modal-knoppen .knop{width:100%}}
.inkoop-onder>.totalen{flex:1 1 260px;margin:0}
.inkoop-voet{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid var(--lijn)}
.inkoop-voet-tekst{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;color:var(--stil);min-width:0}
.inkoop-voet-tekst a{font-weight:600;overflow-wrap:anywhere}
.inkoop-totaal{font-size:18px}
.inkoopregel .invoer.bedrag-invoer{text-align:right;font-variant-numeric:tabular-nums}
.inkoopregel .invoer[readonly]{background:var(--grond);color:var(--stil)}
.kwartalen{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.kwartaal{height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px;border-radius:18px;background:var(--vlak);box-shadow:var(--schaduw);color:inherit;text-decoration:none}
.kwartaal:hover .kwartaal-naam{text-decoration:underline}
.kwartaal[aria-current="step"]{background:var(--b100);box-shadow:inset 0 0 0 2px var(--b300)}
.kwartaal-kop{display:flex;align-items:center;gap:10px}
.kwartaal-nr{flex:none;width:28px;height:28px;border-radius:50%;background:var(--b100);color:var(--inkt);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
.kwartaal-ingediend .kwartaal-nr{background:var(--goed-bg);color:var(--goed)}
.kwartaal[aria-current="step"] .kwartaal-nr{background:var(--inkt);color:#fff}
.kwartaal-naam{font:600 18px/24px var(--kop);white-space:nowrap}
.pil-donker{background:var(--inkt);color:#fff}
.pil-wit{background:var(--vlak);color:var(--inkt)}
.btw-indeling{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:24px;align-items:start}
.btw-links,.btw-rechts{display:flex;flex-direction:column;gap:24px;min-width:0}
.btw-tabel .rubriek{width:72px;white-space:nowrap}
.btw-tabel tr.groep-rij th{padding:10px 12px;background:var(--b50);color:var(--b800);font-size:13px;line-height:18px;font-weight:700;letter-spacing:0;text-transform:none;text-align:left;border-top:1px solid var(--lijn)}
.btw-tabel tfoot th,.btw-tabel tfoot td{padding:14px 12px;background:var(--b100);border-top:0;color:var(--inkt);font-size:16px;line-height:22px;font-weight:700;letter-spacing:0;text-transform:none;text-align:left}
.btw-tabel tfoot td.bedrag{text-align:right}
.tabel-bak.btw-bak{container-name:btw}
@container btw (max-width:560px){
.btw-tabel th,.btw-tabel td{padding-left:6px;padding-right:6px;font-size:14px}
.btw-tabel thead th{font-size:11px;letter-spacing:.03em}
.btw-tabel .rubriek{width:36px}
.btw-tabel tfoot th,.btw-tabel tfoot td{font-size:15px}
}
.controles .regel:first-child{border-top-color:transparent}
.controle{align-items:flex-start}
.controle .pil{flex:none}
.controle-icoon{flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.controle-goed{background:var(--goed-bg);color:var(--goed)}
.controle-let{background:var(--let-bg);color:var(--let)}
.controle-info{background:var(--info-bg);color:var(--info)}
.controle-fout{background:var(--fout-bg);color:var(--fout)}
.btw-datum{display:flex;align-items:center;gap:14px}
.btw-regeling{margin-top:16px;padding-top:16px;border-top:1px solid var(--lijn)}
.btw-regeling .veld{max-width:320px}
.datum-blok{flex:none;width:48px;height:52px;border-radius:12px;background:var(--b100);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1}
.datum-blok strong{font:600 20px/22px var(--kop)}
.datum-blok span{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--b800)}
.knoppen-onder{flex-direction:column;align-items:flex-start}
.knop[disabled]{opacity:.45;cursor:not-allowed}
.btw-voet{padding-top:16px;border-top:1px solid var(--lijn)}
@media (max-width:1180px){
.btw-indeling{grid-template-columns:minmax(0,1fr)}
}
.kopieer-bron{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:pre;border:0}
.tekst-let{color:var(--let)!important}
.tegel-licht{background:var(--b100);box-shadow:none}
.tegel-licht .lijst-kop,.tegel-licht .klein{color:var(--b800)}
.tegel-licht .klein{font-weight:600}
.run-kaart{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px}
.run-wat{flex:1 1 320px;min-width:0;display:flex;align-items:center;gap:16px}
.run-modus fieldset{margin:0;padding:0;border:0;min-width:0;display:flex;flex-wrap:wrap;gap:0 24px}
.run-modus .vinkje-label{font-weight:500}
.run-kaart>.klein{flex-basis:100%}
.tabel tr.in-run td{background:var(--b50)}
.projecten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px;align-items:start}
.project{gap:18px}
.project-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.project-kop .pil{flex:none}
.project-kop h2 .rij-link{color:inherit;text-decoration:none}
.project-kop h2 .rij-link:hover{text-decoration:underline}
.project-vak{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:12px 14px;border-radius:14px;background:var(--grond)}
.project-datum{align-items:flex-end;text-align:right}
.project-onderdelen{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.project-onderdelen li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--lijn)}
.project-onderdelen li:first-child{border-top:0}
.project-onderdelen .regel-icoon{width:36px;height:36px}
.project-voet{margin-top:auto}
.object-naam{display:flex;align-items:center;gap:14px;min-width:0}
.object-naam .kop-tekst{gap:2px;min-width:0}
.object-naam h2{overflow-wrap:anywhere}
.object-uit{opacity:.72}
.onderdelen{container-type:inline-size;display:flex;flex-direction:column}
.onderdeel-rij{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.4fr) minmax(0,1.6fr) minmax(150px,.9fr) 44px;gap:10px;align-items:end;padding:12px 0;border-top:1px solid var(--lijn)}
.onderdeel-rij:first-child{border-top:0;padding-top:0}
.onderdeel-rij .boekregel-fout{grid-column:1/-1}
@container (max-width:640px){
.onderdeel-rij{grid-template-columns:repeat(2,minmax(0,1fr)) 44px}
.onderdeel-rij>.veld:nth-child(2),.onderdeel-rij>.veld:nth-child(3){grid-column:1/3}
.onderdeel-rij>.veld:nth-child(1){grid-column:1/3}
.onderdeel-rij>.onderdeel-weg{grid-column:3;grid-row:1}
.onderdeel-rij>.veld:nth-child(4){grid-column:1/3}
}
.holding-indeling{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.holding-hoofd{flex:2 1 760px;min-width:0;display:flex;flex-direction:column;gap:24px}
.holding-zij{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:24px}
.kaart.holding-hoofd,.kaart.holding-zij{gap:16px}
.deelneming-kop{align-items:center}
.deelneming-naam{display:flex;align-items:center;gap:14px;min-width:0}
.deelneming-naam .kop-tekst{gap:2px}
.deelneming-naam h2{overflow-wrap:anywhere}
.holding-tegels{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}
.tegel-grond{background:var(--grond);box-shadow:none;border-radius:16px;padding:18px 20px;gap:8px}
.holding-feiten{margin:0;display:flex;flex-direction:column}
.holding-feiten>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:12px 0;border-top:1px solid var(--lijn)}
.holding-feiten dt{flex:0 0 200px;font-weight:600}
.holding-feiten dd{margin:0}
.holding-feiten dd.stil{flex:1 1 240px;min-width:0;font-size:14px;line-height:21px}
.uitklap{margin-top:20px;padding-top:12px;border-top:1px solid var(--lijn);display:flex;flex-direction:column;gap:12px}
.uitklap>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;cursor:pointer}
.uitklap>summary::-webkit-details-marker{display:none}
.uitklap>summary svg{transition:transform .15s}
.uitklap[open]>summary svg{transform:rotate(180deg)}
.uitklap p{margin:0}
.uitklap .velden{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}
.holding-erbij>summary{list-style:none;display:inline-flex}
.holding-erbij>summary::-webkit-details-marker{display:none}
.holding-erbij[open]>summary{margin-bottom:16px}
.tabs-klein{padding:3px;border-radius:12px}
.tabs-klein .tab{min-height:34px;padding:0 12px;font-size:14px}
.voortgang{-webkit-appearance:none;appearance:none;display:block;width:100%;height:12px;border:0;border-radius:6px;background:var(--stil-bg);overflow:hidden;color:var(--b300)}
.voortgang::-webkit-progress-bar{background:var(--stil-bg);border-radius:6px}
.voortgang::-webkit-progress-value{background:var(--b300);border-radius:6px}
.voortgang::-moz-progress-bar{background:var(--b300);border-radius:6px}
.voortgang-licht,.voortgang-licht::-webkit-progress-bar{background:var(--b100)}
.voortgang-let::-webkit-progress-value{background:var(--let)}
.voortgang-let::-moz-progress-bar{background:var(--let)}
.voortgang-fout::-webkit-progress-value{background:var(--rood)}
.voortgang-fout::-moz-progress-bar{background:var(--rood)}
.voortgang-tekst{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;font-size:15px}
.voorwaarden .vinkje-label{font-weight:500}
.voorwaarden-lijst{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.voorwaarden-lijst li{display:flex;align-items:center;gap:10px}
.keuze-rij,.los{margin:0;padding:0;border:0;min-width:0}
.keuze-rij{display:flex;flex-wrap:wrap;gap:0 24px}
.keuze-rij legend{padding:0;margin-bottom:4px}
.keuze-rij .vinkje-label{font-weight:500}
.invoer-euro{position:relative;display:flex}
.invoer-euro>span{position:absolute;left:1.5px;top:1.5px;bottom:1.5px;width:38px;display:flex;align-items:center;justify-content:center;border-right:1.5px solid var(--lijn);border-radius:10.5px 0 0 10.5px;background:var(--grond);color:var(--stil);font-weight:600;pointer-events:none}
.invoer-euro .invoer{padding-left:52px;text-align:right;font-weight:500;font-variant-numeric:tabular-nums}
.som{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border-radius:16px;background:var(--grond);font-size:15px}
.som .lijst-kop{padding-bottom:0}
.som>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.som>div>.getal{font-weight:600;white-space:nowrap}
.som-totaal{padding-top:12px;border-top:1px solid var(--lijn);font-weight:700}
.som>.som-totaal>.getal{font-size:22px;line-height:28px;font-weight:700}
.som-kaal{padding:0;border-radius:0;background:none}
.som-kaal>.som-totaal{padding-top:10px}
.som-kaal>.som-totaal>.getal{font-size:15px;line-height:22px}
.holding-signaal{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:16px;font-size:15px;line-height:22px}
.holding-signaal-let{background:var(--let-bg)}
.holding-signaal-info{background:var(--info-bg)}
.holding-signaal .rond{flex:none;width:32px;height:32px;border-radius:50%;background:var(--vlak);display:flex;align-items:center;justify-content:center}
.holding-signaal-let .rond{color:var(--let)}
.holding-signaal-info .rond{color:var(--info)}
.holding-signaal-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:5px}
.holding-signaal-tekst .stil{font-size:14px;line-height:21px}
.holding-signaal-zin{flex:1;min-width:0;padding-top:5px}
.holding-signaal-zin a{font-weight:600}
.besluit-rand{padding:20px;border-radius:16px;background:var(--grond)}
.besluit{aspect-ratio:210/297;display:flex;flex-direction:column;gap:9px;padding:24px 22px;border-radius:4px;background:var(--vlak);box-shadow:0 8px 24px rgba(11,37,64,.12),0 0 0 1px var(--lijn);font-size:10px;line-height:14px}
.besluit-kop{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:7px;border-bottom:2px solid var(--b300)}
.besluit-kop strong{font:600 12px/16px var(--kop)}
.besluit-kop span{font-size:8px;color:var(--stil);white-space:nowrap}
.besluit-titel{font:600 14px/18px var(--kop)}
.besluit ol{margin:0;padding-left:15px;display:flex;flex-direction:column;gap:4px}
.besluit-plaats{margin-top:auto}
.besluit-tekenen{display:flex;gap:16px}
.besluit-tekenen>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.besluit-lijn{height:22px;border-bottom:1px solid var(--inkt)}
.besluit-tekenen>div>span:last-child{font-size:8px;line-height:11px;color:var(--stil)}
.link-icoon{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:600}
@container tabel (max-width:720px){
.rc-tabel td:empty{display:none}
}
.afstappen{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.afstap{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border-radius:14px}
.afstap-bezig{background:var(--b50)}
.afstap-rond{flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--grond);color:var(--stil);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.afstap-klaar .afstap-rond{background:var(--goed-bg);color:var(--goed)}
.afstap-bezig .afstap-rond{background:var(--inkt);color:#fff}
.afstap-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:5px}
.afstap-titel{font-size:15px;font-weight:600}
.afstap-uitleg{font-size:14px;line-height:20px;color:var(--stil)}
.afstap-actie{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.afstap-actie form{margin:0}
.afstap-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.afstap-form .invoer{width:auto;height:40px}
.afstap>.pil{flex:none;margin-top:4px}
.exporten .regel:first-child{border-top-color:transparent}
.exporten .regel{flex-wrap:wrap}
.exporten .regel-tekst{flex:1 1 150px}
.exporten .regel-actie{margin-left:auto}
.tabel-kop-breek th{white-space:normal}
.som-tussen{padding-top:10px;border-top:1px solid var(--lijn);font-weight:600}
.jr-datum{max-width:220px}
.jr-tekst{min-height:360px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:20px;box-shadow:inset 0 0 0 1.5px var(--rand);background:var(--vlak);color:var(--inkt);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.chip:hover{background:var(--grond);color:var(--inkt)}
.chip[aria-current="page"]{background:var(--inkt);color:#fff;box-shadow:none}
.chip-teller{padding:1px 7px;border-radius:10px;background:var(--lijn);color:var(--inkt);font-size:12px}
.chip[aria-current="page"] .chip-teller{background:rgba(255,255,255,.18);color:#fff}
.doc-zoek,.dash-zoek{flex:1 1 260px;min-width:0;max-width:360px}
.doc-zoek .invoer{background:var(--vlak);border-color:var(--lijn)}
.doc-drop{flex-wrap:wrap;gap:16px 20px;padding:24px 28px;border-radius:20px}
.doc-drop-icoon{flex:none;width:52px;height:52px;border-radius:16px;background:var(--vlak);display:flex;align-items:center;justify-content:center}
.doc-drop-tekst{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:4px}
.doc-drop-tekst strong{font:600 18px/26px var(--kop);color:var(--inkt)}
.doc-naam{display:flex;align-items:center;gap:12px;min-width:0}
.doc-link{font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.doc-link:hover{text-decoration:underline}
.tabel td.cel-actie{width:44px;padding-top:6px;padding-bottom:6px;text-align:right}
.doc-plaatje{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 0 0 1px var(--lijn)}
.deadline-kaart{gap:4px}
.deadline-kaart .kaart-kop{padding-bottom:8px}
.deadline{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:14px 0;border-top:1px solid var(--lijn)}
.deadline-tekst{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px}
.deadline-dagen{flex:none;min-width:104px;text-align:right;font-size:14px;font-weight:600;color:var(--stil);white-space:nowrap}
.deadline-dagen.tekst-let,.deadline-dagen.tekst-fout{font-weight:700}
.deadline-acties{flex:none;min-width:136px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 16px}
.deadline-acties a{font-weight:600;white-space:nowrap}
.deadline-acties form{margin:0}
.datum-blok-let{background:var(--let-bg);color:var(--let)}
.datum-blok-let span{color:var(--let)}
.kalender-kop{align-items:center}
.kalender{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.kalender-dag{padding-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--stil)}
.kalender-cel{height:40px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:14px;line-height:16px;font-weight:500}
.kalender-stip{width:6px;height:6px;border-radius:50%;background:transparent}
.kalender-deadline{background:var(--b50);font-weight:700}
.kalender-deadline .kalender-stip{background:var(--rood)}
.kalender-vandaag{box-shadow:inset 0 0 0 1.5px var(--inkt)}
.kalender-voet{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:13px;color:var(--stil)}
.kalender-legenda{display:inline-flex;align-items:center;gap:8px}
.kalender-legenda .kalender-stip{width:8px;height:8px;background:var(--rood)}
.keuze-onder{flex-direction:column}
.voet-lijn{padding-top:12px;border-top:1px solid var(--lijn)}
.dash-acties,.doc-acties{flex:1 1 auto;justify-content:flex-end}
.bel{position:relative}
.bel-stip{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--rood);box-shadow:0 0 0 2px var(--vlak)}
.dash-cijfers{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}
.dash-bank{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:8px 16px;padding:14px 0;border-top:1px solid var(--lijn)}
.dash-bank:first-child{border-top:0}
.dash-bank-bedrag{font-weight:600;white-space:nowrap}
.dash-bank .bank-rij-titel{font-size:14px}
.staafgrafiek{display:flex;gap:12px;height:180px}
.staaf-kolom{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;gap:8px}
.staaf-vak{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}
.staaf{width:100%;max-width:44px;height:0;border-radius:8px 8px 4px 4px;background:var(--b200)}
.staaf-nu{background:var(--b400)}
.staaf-kolom>span{font-size:12px;font-weight:600;color:var(--stil)}
.staaf-1{height:5%}
.staaf-2{height:10%}
.staaf-3{height:15%}
.staaf-4{height:20%}
.staaf-5{height:25%}
.staaf-6{height:30%}
.staaf-7{height:35%}
.staaf-8{height:40%}
.staaf-9{height:45%}
.staaf-10{height:50%}
.staaf-11{height:55%}
.staaf-12{height:60%}
.staaf-13{height:65%}
.staaf-14{height:70%}
.staaf-15{height:75%}
.staaf-16{height:80%}
.staaf-17{height:85%}
.staaf-18{height:90%}
.staaf-19{height:95%}
.staaf-20{height:100%}
.dash-deadline,.dash-inbox,.zoek-regel,.rc-document{color:inherit;text-decoration:none}
.dash-deadline:hover .regel-titel,.dash-inbox:hover .regel-titel,.zoek-regel:hover .regel-titel,.rc-document:hover .regel-titel{text-decoration:underline}
.dash-inbox-bedrag,.zoek-bedrag{flex:none;font-weight:600}
.dash-deadline:first-child,.dash-inbox:first-child,.zoek-regel:first-child{border-top-color:transparent}
@media (max-width:560px){
.deadline{position:relative;padding-left:64px}
.deadline>.datum-blok{position:absolute;left:0;top:14px}
.deadline-tekst{flex-basis:100%}
.deadline-dagen,.deadline-acties{min-width:0;text-align:left;justify-content:flex-start}
.dash-bank{grid-template-columns:44px minmax(0,1fr) auto}
.dash-bank>.knop{grid-column:2/-1;justify-self:start}
}
.tabel td.woorden{overflow-wrap:break-word}
.contract-blad{gap:0;padding:40px 44px}
.contract-blad h3{margin:22px 0 6px}
.contract-blad h3:first-child{margin-top:0}
.contract-blad p{margin:0 0 8px;line-height:24px;overflow-wrap:anywhere}
.contract-invoer{min-height:560px;font-size:14px;line-height:22px}
.contract-link{font:500 13px/20px var(--mono);letter-spacing:0;text-align:left}
.contract-sjabloon{color:inherit;text-decoration:none}
.contract-sjabloon:hover .regel-titel{text-decoration:underline}
.contract-sjabloon:first-child{border-top-color:transparent}
.publiek-kop{background:var(--inkt);padding:18px 24px;display:flex;justify-content:center}
.publiek-kop img{height:34px;width:auto}
.publiek-inhoud{width:100%;max-width:860px;margin:0 auto;padding:32px 24px 64px;display:flex;flex-direction:column;gap:24px}
.teken-vak{display:none;flex-direction:column;gap:8px}
.js .teken-vak{display:flex}
.teken-doek{width:100%;max-width:540px;aspect-ratio:3/1;border:1.5px dashed var(--rand);border-radius:12px;background:#fff;touch-action:none;cursor:crosshair}
.teken-gezet .teken-doek{border-style:solid;border-color:var(--b400)}
.teken-fout{display:none}
.teken-mist .teken-fout{display:block}
.teken-mist .teken-doek{border-color:var(--fout)}
.teken-akkoord{align-items:flex-start;font-weight:500}
.teken-akkoord input{margin-top:2px}
@media (max-width:860px){
.contract-blad{padding:24px 18px}
.publiek-inhoud{padding:20px 16px 48px}
}
.contract-keuze{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.contract-velden{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:end}
.contract-pil{align-self:flex-start;margin-top:4px}