@font-face{font-family:Space Grotesk;font-weight:300 700;font-display:swap;src:url(/sjabloon/fonts/space-grotesk-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-weight:300 700;font-display:swap;src:url(/sjabloon/fonts/space-grotesk-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2113,U+A720-A7FF}:root{--bg:#fafaf9;--paper:#fff;--ink:#0a0a0a;--muted:#4f4f4a;--faint:#8a8a84;--rule:#e2e2de;--rule-strong:#cfcfca;--surface:#f1f1ee;--ok:#2e7a33;--ok-tint:#2e7a331a;--warn:#8a6100;--warn-tint:#d69e0024;--err:#a3261e;--err-tint:#a3261e14;--font:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--kop:52px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.stil{color:var(--muted)}.vaag{color:var(--faint)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.knop{border:1px solid var(--ink);background:var(--ink);height:36px;color:var(--bg);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.knop:hover{background:var(--paper);color:var(--ink)}.knop.licht{background:var(--paper);color:var(--ink);border-color:var(--rule-strong)}.knop.licht:hover{border-color:var(--ink)}.knop.klein{height:30px;padding:0 10px;font-size:13px}.knop:disabled{opacity:.45;cursor:default}.knop:disabled:hover{background:var(--ink);color:var(--bg)}.knop.licht:disabled:hover{background:var(--paper);color:var(--ink);border-color:var(--rule-strong)}.icoonknop{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;display:inline-grid}.icoonknop:hover{background:var(--surface);color:var(--ink)}.icoonknop:disabled{opacity:.3;cursor:default;background:0 0}.icoonknop.gevaar:hover{color:var(--err);background:var(--err-tint)}.icoonknop[data-tip]{position:relative}.icoonknop[data-tip]:hover:after{content:attr(data-tip);z-index:40;background:var(--ink);width:max-content;max-width:220px;color:var(--bg);text-align:left;white-space:normal;pointer-events:none;border-radius:3px;padding:5px 8px;font-size:11px;font-weight:500;line-height:1.35;position:absolute;bottom:calc(100% + 6px);right:0}.icoonknop.bewaard{opacity:1;color:var(--ink)}.icoonknop.bewaard svg path{fill:currentColor}.tekstknop{cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-weight:500;display:inline-flex}.tekstknop:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.balk{height:var(--kop);border-bottom:1px solid var(--rule);background:var(--bg);z-index:20;align-items:center;gap:28px;padding:0 20px;display:flex;position:sticky;top:0}.woordmerk{letter-spacing:-.02em;font-size:16px;font-weight:700}.woordmerk small{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-left:10px;font-size:11px;font-weight:500}.balk nav{gap:20px;display:flex}.balk nav a{color:var(--muted);border-bottom:2px solid #0000;padding:16px 0 14px;font-weight:500;text-decoration:none}.balk nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}.balk .rechts{align-items:center;gap:14px;margin-left:auto;display:flex}.inlog{place-items:center;min-height:100%;padding:24px;display:grid}.inlog form{gap:16px;width:min(380px,100%);display:grid}.inlog h1{letter-spacing:-.05em;text-transform:uppercase;margin:8px 0 12px;font-size:40px;line-height:.95}.fout{color:var(--err);background:var(--err-tint);margin:0;padding:8px 12px}.veld{align-content:start;gap:5px;min-width:0;display:grid}.veld>span:first-child{color:var(--muted);font-size:12px;font-weight:500}.invoer{border:1px solid var(--rule-strong);background:var(--paper);border-radius:4px;width:100%;min-width:0;height:36px;padding:0 10px}.invoer:hover{border-color:var(--faint)}.invoer:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);outline:none}textarea.invoer{resize:none;height:auto;padding:8px 10px;line-height:1.45;display:block;overflow:hidden}select.invoer{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px;padding-right:28px}.invoer.bedrag{text-align:right;font-variant-numeric:tabular-nums}.metvoor{position:relative}.metvoor>i{color:var(--faint);pointer-events:none;font-style:normal;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.metvoor>.invoer{padding-left:24px}.invoer.open,textarea.invoer.open{background:var(--warn-tint);border-color:#8a610073}.rij{gap:10px;display:grid}.rij.twee{grid-template-columns:1fr 1fr}.rij.drie{grid-template-columns:1fr 1fr 1fr}.hulp{color:var(--faint);margin:0;font-size:12px}.schakelaar{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex;position:relative}.schakelaar input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.schakelaar .baan{background:var(--rule-strong);border-radius:10px;flex:none;width:34px;height:20px;transition:background .15s;position:relative}.schakelaar .baan:after{content:"";background:var(--paper);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.schakelaar input:checked+.baan{background:var(--ink)}.schakelaar input:checked+.baan:after{transform:translate(14px)}.schakelaar input:focus-visible+.baan{outline:2px solid var(--ink);outline-offset:2px}.segment{border:1px solid var(--rule-strong);border-radius:4px;justify-self:start;width:max-content;max-width:100%;display:inline-flex;overflow:hidden}.segment button{background:var(--paper);cursor:pointer;height:32px;color:var(--muted);border:0;padding:0 12px;font-weight:500}.segment button+button{border-left:1px solid var(--rule-strong)}.segment button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.pagina{max-width:1180px;margin:0 auto;padding:36px 24px 80px}.paginakop{border-bottom:1.5px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:16px;display:flex}.paginakop h1{letter-spacing:-.05em;text-transform:uppercase;margin:6px 0 0;font-size:44px;line-height:.95}.filters{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 8px;display:flex}.filters .invoer{max-width:280px}table.lijst{border-collapse:collapse;width:100%}table.lijst th{text-align:left;border-bottom:1px solid var(--ink);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:10px 12px 8px 0;font-size:11px;font-weight:500}table.lijst td{border-bottom:1px solid var(--rule);vertical-align:top;padding:12px 12px 12px 0}table.lijst tr.klikbaar{cursor:pointer}table.lijst tr.klikbaar:hover td{background:var(--paper)}table.lijst .r{text-align:right}table.lijst td.rij-acties{white-space:nowrap;text-align:right;vertical-align:middle}.paginering{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 0;display:flex}.paginering-knoppen{align-items:center;gap:2px;display:flex}.paginering-nr{min-width:28px;height:28px;color:var(--muted);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 6px;font-weight:500}.paginering-nr:hover{background:var(--surface);color:var(--ink)}.paginering-nr[aria-current=page]{background:var(--ink);color:var(--bg);cursor:default}.paginering-gat{text-align:center;min-width:20px}.lijst-voet{margin:28px 0 0}.lijst-voet .tekstknop{color:var(--muted);font-weight:400}.terug-link{color:var(--muted);margin-bottom:14px;font-weight:400}.prullenbak-uitleg{margin:14px 0 12px;font-size:13px}table.lijst tr.bezig td{opacity:.45;transition:opacity .15s}table.lijst td.rij-acties .tekstknop+.icoonknop{margin-left:10px}.melding .tekstknop{color:inherit;font-weight:600}.leeg{color:var(--muted);padding:48px 0}.status{border:1px solid var(--rule-strong);color:var(--muted);background:var(--paper);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:12px;font-weight:500;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status.concept{color:var(--warn);background:var(--warn-tint);border-color:#8a61004d}.status.verstuurd{color:var(--ink);border-color:var(--ink)}.status.getekend{color:var(--ok);background:var(--ok-tint);border-color:#2e7a334d}.status.afgewezen{color:var(--err);background:var(--err-tint);border-color:#a3261e40}.status.vervangen,.status.vervallen{color:var(--faint)}.editor{height:calc(100vh - var(--kop));grid-template-columns:minmax(460px,600px) 1fr;display:grid}.formulier{border-right:1px solid var(--rule);background:var(--bg);flex-direction:column;display:flex;overflow-y:auto}.formulier-inhoud{flex:1;padding:0 20px 96px}.editorkop{z-index:5;background:var(--bg);border-bottom:1px solid var(--rule);gap:10px;padding:12px 20px;display:grid;position:sticky;top:0}.editorkop .regel1{align-items:center;gap:10px;display:flex}.editorkop h1{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:18px;font-weight:600;overflow:hidden}.editorkop .regel2{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.opslagstatus{color:var(--faint);align-items:center;gap:6px;font-size:12px;display:inline-flex}.opslagstatus.fout{color:var(--err);background:0 0;padding:0}.opslagstatus.bezig:before,.opslagstatus.wijzigingen:before{content:"";background:var(--warn);border-radius:50%;width:6px;height:6px}.melding{align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.melding.conflict{background:var(--err-tint);color:var(--err)}.controle{border:1px solid var(--rule-strong);background:var(--paper)}.controle button.item{text-align:left;border:0;border-top:1px solid var(--rule);cursor:pointer;background:0 0;align-items:flex-start;gap:10px;width:100%;padding:8px 12px;display:flex}.controle button.item:hover{background:var(--surface)}.controle .stip{border-radius:50%;flex:none;width:7px;height:7px;margin-top:6px}.stip.fout{background:var(--err);padding:0}.stip.let-op{background:var(--warn)}.controleknop.fouten{border-color:var(--err);color:var(--err)}.controleknop.klaar{color:var(--ok);border-color:#2e7a3380}.paneel{border-bottom:1px solid var(--rule);scroll-margin-top:calc(var(--kophoogte,110px) + 12px)}.paneel.uit .paneel-kop .titel{color:var(--faint)}.paneel-kop{align-items:center;gap:12px;padding:16px 0 14px;display:flex}.paneel-kop .nr{font-variant-numeric:tabular-nums;width:22px;font-size:13px;font-weight:600}.paneel-kop .titel{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;gap:1px;min-width:0;padding:0;display:grid}.paneel-kop .titel b{letter-spacing:-.01em;font-size:15px;font-weight:600}.paneel-kop .titel small{color:var(--faint);font-size:12px}.paneel-kop .pijl{transition:transform .15s}.paneel.dicht .paneel-kop .pijl{transform:rotate(-90deg)}.paneel-inhoud{gap:14px;padding:0 0 22px 34px;display:grid}.subkop{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin:8px 0 -4px;font-size:11px;font-weight:500;display:flex}.kaart{border:1px solid var(--rule);background:var(--paper);border-radius:6px}.kaart-kop{border-bottom:1px solid var(--rule);align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.kaart-kop .nr{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.kaart-kop .invoer{background:0 0;border-color:#0000;height:30px;padding:0 6px;font-weight:600}.kaart-kop .invoer:hover{border-color:var(--rule-strong)}.kaart-kop .invoer:focus{border-color:var(--ink);background:var(--paper)}.kaart-kop .invoer.open{background:var(--warn-tint);border-color:#8a610073}.kaart-kop .som{font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 6px;font-weight:600}.kaart-inhoud{gap:12px;padding:12px;display:grid}.acties{flex:none;gap:0;display:inline-flex;position:relative}.bewaard-melding{z-index:41;white-space:nowrap;color:var(--ok);background:var(--paper);border:1px solid #2e7a3359;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:500;position:absolute;bottom:calc(100% + 4px);right:0}.lijstitem{grid-template-columns:1fr auto;align-items:start;gap:6px;display:grid}.lijstitem .acties{padding-top:4px}.lijst-items{gap:8px;display:grid}.toevoegen{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.regels{gap:6px;display:grid;container-type:inline-size}.regels-kop,.regelrij{grid-template-columns:1fr 58px 88px 96px 64px 28px;align-items:center;gap:6px;display:grid}.regels-kop.metinkoop,.regelrij.metinkoop{grid-template-columns:1fr 58px 88px 96px 64px 90px 28px}@container (width<=520px){.regels-kop,.regelrij,.regels-kop.metinkoop,.regelrij.metinkoop{grid-template-columns:58px 1fr 1fr 64px 28px}.regels-kop.metinkoop,.regelrij.metinkoop{grid-template-columns:58px 1fr 1fr 64px 1fr 28px}.regelrij>:first-child{grid-column:1/-1}.regels-kop>:first-child{display:none}}.regelrij select.invoer{padding-right:4px}.regels-kop span{color:var(--faint);font-size:11px}.regelrij .invoer{height:32px;padding:0 8px}.regelrij .metvoor>.invoer{padding-left:20px}.regelrij .metvoor>i{left:8px}.regelrij .berekend{color:var(--faint);grid-column:1/-1;margin-top:-2px;font-size:11px}.tabelrij{align-items:center;gap:6px;display:grid}.kaart{scroll-margin-top:calc(var(--kophoogte,110px) + 12px)}.gemarkeerd{animation:1.6s ease-out gemarkeerd}@keyframes gemarkeerd{0%,35%{box-shadow:0 0 0 2px var(--warn)}to{box-shadow:0 0 0 2px #0000}}@media (prefers-reduced-motion:reduce){.gemarkeerd{outline:2px solid var(--warn);animation:none}}.uitleg{border:1px solid var(--rule);background:var(--paper);padding:10px 14px;font-size:13px}.uitleg summary{cursor:pointer;font-weight:600}.uitleg ol{color:var(--muted);gap:6px;margin:8px 0 2px;padding-left:18px;display:grid}.uitleg b{color:var(--ink);font-weight:600}.planrij{grid-template-columns:1fr 76px 76px 64px 84px}.beslisrij{grid-template-columns:76px 1fr auto 84px}.tabelrij.kopregel{margin-bottom:-4px}.midden,.invoer.midden{text-align:center}.invoer:disabled{background:var(--surface);color:var(--faint)}.fotorij{grid-template-columns:96px 1fr auto;align-items:center;gap:10px;display:grid}.fotorij img,.fotoleeg{object-fit:cover;background:var(--surface);width:96px;height:68px;color:var(--faint);border-radius:4px;place-items:center;font-size:11px;display:grid}.uploadknop{position:relative;overflow:hidden}.handtekening{gap:8px;display:grid}.handtekening img{object-fit:contain;object-position:left;background:var(--paper);border:1px solid var(--rule);max-width:260px;max-height:90px;padding:6px 10px}.handtekening-leeg{color:var(--faint);font-size:13px}.tekenvlak{background:var(--paper);border:1px dashed var(--rule-strong);touch-action:none;cursor:crosshair;width:100%;max-width:480px;height:160px}.uploadknop input{opacity:0;cursor:pointer;position:absolute;inset:0}.totaalbalk{background:var(--ink);color:var(--bg);grid-template-columns:repeat(4,auto);justify-content:space-between;gap:14px;padding:10px 20px;display:grid;position:sticky;bottom:0}.totaalbalk div{gap:1px;display:grid}.totaalbalk span{letter-spacing:.12em;text-transform:uppercase;color:#a9a9a3;font-size:10px}.totaalbalk b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:16px;font-weight:600}.totaalbalk .intern b{color:#c9c9c3;font-weight:500}.voorbeeld{background:#d9d9d5;position:relative;overflow:hidden}.voorbeeld iframe{transform-origin:0 0;background:#d9d9d5;border:0;position:absolute;top:0;left:0}.voorbeeld-melding{z-index:3;max-width:calc(100% - 24px);color:var(--err);cursor:pointer;text-align:left;background:#fbedec;border:1px solid #a3261e73;align-items:center;gap:12px;padding:8px 14px;font-size:13px;font-weight:500;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000001f}.voorbeeld-melding.let-op{color:var(--warn);background:#fbf3de;border-color:#8a610073}.voorbeeld-melding u{text-underline-offset:3px;white-space:nowrap}.voorbeeld .onderschrift{color:var(--muted);background:#fafaf9e6;border-radius:3px;padding:3px 8px;font-size:11px;position:absolute;bottom:10px;right:12px}.venster-achter{z-index:50;background:#0a0a0a59;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.venster{background:var(--bg);flex-direction:column;width:min(640px,100%);max-height:min(720px,100%);display:flex;box-shadow:0 24px 60px #00000040}.venster-kop{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.venster-kop h2{letter-spacing:-.02em;margin:0;font-size:18px}.venster-inhoud{padding:8px 20px;overflow-y:auto}.venster-voet{border-top:1px solid var(--rule);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.keuze{border-bottom:1px solid var(--rule);cursor:pointer;grid-template-columns:20px 1fr;gap:10px;padding:10px 0;display:grid}.keuze input{accent-color:#0a0a0a;margin-top:3px}.keuze small{color:var(--muted);margin-top:2px;display:block}.tabs{border-bottom:1px solid var(--rule);flex-wrap:wrap;gap:18px;margin:18px 0 20px;display:flex}.tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 0;font-weight:500}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.smal{max-width:760px}@media (width<=980px){.editor{grid-template-columns:1fr;height:auto}.formulier{border-right:0;overflow:visible}.voorbeeld{height:80vh}}.scheiding{border-top:1.5px solid var(--ink);margin:28px 0 0;padding-top:12px}.standrij{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.standrij b{font-weight:600}.standrij.totaal{border-top:1px solid var(--ink);margin-top:4px;padding-top:8px;font-size:16px}.standrij.stil{color:var(--muted)}.titel-knop{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:0 6px;display:flex}.titel-knop b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.icoonknop.actief{background:var(--ink);color:var(--bg)}.terugnaarofferte{z-index:2;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0000001f}.datumveld,.klantkiezer{position:relative}.venster.breed{width:min(1120px,100%);max-height:min(780px,100%)}.plakken{align-content:start;gap:10px;padding:14px 20px;display:grid}.plakvak{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.plak-opties{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.plak-opties>.tekstknop{margin-left:auto;font-weight:400}.plak-btw{align-items:center;gap:10px;font-size:13px;display:flex}.plak-tabel-kader{border:1px solid var(--rule);max-height:420px;overflow:auto}.plak-tabel{border-collapse:collapse;width:100%;font-size:13px}.plak-tabel th{z-index:1;background:var(--surface);text-align:left;vertical-align:bottom;border-bottom:1px solid var(--rule-strong);white-space:nowrap;padding:8px 8px 6px;font-weight:500;position:sticky;top:0}.plak-tabel th .invoer{min-width:140px;height:30px;font-size:12px}.plak-tabel th .invoer.uit{color:var(--faint)}.plak-tabel th small{color:var(--faint);text-overflow:ellipsis;max-width:160px;margin-top:4px;font-weight:400;display:block;overflow:hidden}.plak-tabel td{border-bottom:1px solid var(--rule);vertical-align:top;white-space:pre-line;padding:6px 8px}.plak-tabel tr.plak-uit td{color:var(--faint);text-decoration:line-through;-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong)}.plak-tabel tr.plak-uit td:first-child{text-decoration:none}.plak-tabel td.plak-twijfel{background:var(--warn-tint)}.plak-tabel td.plak-wordt{white-space:normal;min-width:170px;color:var(--muted);font-variant-numeric:tabular-nums}.plak-tabel td.plak-wordt.open{background:var(--warn-tint);color:var(--warn)}.klantkiezer>label{color:var(--muted);font-size:12px;font-weight:500}.klantlijst{z-index:30;background:var(--paper);border:1px solid var(--ink);max-height:340px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000024}.klantlijst-kop{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding:6px 12px 4px;font-size:11px;font-weight:500}.klantlijst [role=option]{cursor:pointer;gap:1px;padding:7px 12px;line-height:1.35;display:grid}.klantlijst [role=option] b{font-weight:500}.klantlijst [role=option] .vaag{font-size:12px}.klantlijst [role=option][aria-selected=true]{background:var(--surface)}.datumknop{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;display:flex}.datumknop.datum-open span{color:var(--faint)}.datumknop span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.datumknop svg{color:var(--muted);flex:none}.kalender{z-index:30;background:var(--paper);border:1px solid var(--ink);width:272px;padding:10px 12px 8px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #00000024}.kalender-kop{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.kalender-kop b{text-transform:capitalize;font-weight:600}.kalender-raster{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.kalender-dagnaam{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-align:center;padding:4px 0;font-size:11px;font-weight:500}.kalender-dag{cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:3px;height:32px}.kalender-dag:hover{background:var(--surface)}.kalender-dag.vandaag{box-shadow:inset 0 0 0 1px var(--rule-strong)}.kalender-dag.gekozen{background:var(--ink);color:var(--bg)}.kalender-voet{border-top:1px solid var(--rule);flex-wrap:wrap;gap:4px 14px;margin-top:8px;padding-top:6px;display:flex}.kalender-voet>:first-child{margin-right:auto}.controleknop.let-op{color:var(--warn);border-color:#8a610080}.ongedaan{display:inline-flex}.rechts-uit{align-items:center;gap:2px;margin-left:auto;display:inline-flex}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--ink);color:var(--bg);align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:8px 8px 8px 16px;font-size:13px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0003}.toast .tekstknop{color:var(--bg);text-decoration-color:#fafaf980}.toast .icoonknop{color:#a9a9a3}.toast .icoonknop:hover{color:var(--bg);background:#ffffff1a}.versies{position:relative}.versies-lijst{z-index:30;background:var(--paper);border:1px solid var(--ink);width:340px;max-width:calc(100vw - 32px);max-height:60vh;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 12px 32px #00000024}.versie{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.versie b{font-weight:600}.versie-knoppen{flex:none;gap:12px;display:flex}.versie-balk{z-index:4;background:var(--ink);max-width:calc(100% - 24px);color:var(--bg);align-items:center;gap:14px;padding:8px 10px 8px 14px;font-size:13px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000002e}.versie-balk .knop{height:30px}.versie-balk .tekstknop{color:var(--bg);text-decoration-color:#fafaf980}.kop-acties{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.zijmenu-indeling{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:40px;margin-top:28px;display:grid}.zijmenu{gap:22px;display:grid;position:sticky;top:20px}.zijmenu-groep{gap:8px;display:grid}.zijmenu-titel{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:10.5px;font-weight:600;display:flex}.zijmenu-titel:after{content:"";background:var(--rule);flex:1;height:1px}.zijmenu-items{border-left:1px solid var(--rule);gap:1px;margin-left:3px;display:grid}.zijmenu button{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;border-radius:0 4px 4px 0;justify-content:space-between;align-items:center;gap:8px;margin-left:-1px;padding:7px 10px 7px 16px;font-weight:500;transition:background .12s,color .12s;display:flex}.zijmenu button:hover{background:var(--surface);color:var(--ink)}.zijmenu button[aria-current=page]{border-left-color:var(--ink);background:var(--paper);color:var(--ink);font-weight:600}.zijmenu .aantal{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px}.zijmenu-uitleg{padding:0 10px}.zijmenu-inhoud{gap:14px;min-width:0;max-width:860px;display:grid}.inhoud-kop{border-bottom:1px solid var(--rule);gap:4px;margin-bottom:4px;padding-bottom:12px;display:grid}.inhoud-kop h2{letter-spacing:-.02em;margin:0;font-size:22px}.inhoud-kop p{max-width:640px;margin:0}@media (width<=820px){.zijmenu-indeling{grid-template-columns:1fr;gap:20px}.zijmenu{border-bottom:1px solid var(--rule);gap:4px;padding-bottom:4px;display:flex;position:static;overflow-x:auto}.zijmenu-groep,.zijmenu-items{border-left:0;gap:4px;margin-left:0;display:flex}.zijmenu-titel,.zijmenu-uitleg{display:none}.zijmenu button{white-space:nowrap;border-bottom:2px solid #0000;border-left:0;border-radius:4px 4px 0 0;width:auto;margin-left:0;padding:7px 10px}.zijmenu button[aria-current=page]{border-bottom-color:var(--ink)}}.nieuwe-versie{background:var(--warn-tint);color:var(--warn);border-bottom:1px solid #8a61004d;justify-content:center;align-items:center;gap:14px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.nieuwe-versie .knop{height:28px}.looptijd{white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:500;display:inline-flex}.looptijd-balk{background:var(--rule);border-radius:3px;flex:none;width:64px;height:5px;overflow:hidden}.looptijd-balk i{background:var(--ok);border-radius:3px;height:100%;display:block}.looptijd.ruim{color:var(--ok)}.looptijd.bijna{color:var(--warn)}.looptijd.bijna .looptijd-balk i{background:#d69e00}.looptijd.verlopen{color:var(--err)}.looptijd.verlopen .looptijd-balk i{background:var(--err)}.datum-geldig{gap:2px;display:grid}.datum-geldig .geldig-tot{font-size:12px}.datum-geldig .looptijd{margin-top:3px}.dialoog-achter{background:#0a0a0a52;animation:.14s ease-out dialoog-achter}.dialoog{background:var(--bg);border:1px solid var(--ink);gap:14px;width:min(440px,100%);padding:22px 22px 18px;animation:.16s ease-out dialoog-in;display:grid;box-shadow:0 24px 60px #00000038}.dialoog-kop{align-items:flex-start;gap:12px;display:flex}.dialoog-kop h2{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:600;line-height:1.25}.dialoog-icoon{background:var(--err-tint);width:30px;height:30px;color:var(--err);border-radius:50%;flex:none;place-items:center;margin-top:-3px;display:grid}.dialoog-tekst{color:var(--muted);font-size:14px;line-height:1.5}.dialoog-voet{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.knop.gevaar{background:var(--err);border-color:var(--err);color:#fff}.knop.gevaar:hover{color:#fff;background:#8a1f18;border-color:#8a1f18}@keyframes dialoog-achter{0%{opacity:0}}@keyframes dialoog-in{0%{opacity:0;transform:translateY(6px)scale(.985)}}@media (prefers-reduced-motion:reduce){.dialoog-achter,.dialoog{animation:none}}.keuzelijst{border-top:1px solid var(--rule);max-height:260px;overflow-y:auto}.nummer-voorbeeld{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}.tokens{flex-wrap:wrap;gap:6px;display:flex}.token{border:1px solid var(--rule-strong);background:var(--paper);cursor:pointer;color:var(--muted);border-radius:4px;align-items:baseline;gap:6px;padding:5px 9px;font-size:12px;display:inline-flex}.token:hover{border-color:var(--ink);color:var(--ink)}.token code{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.inlog .inlog-blok{gap:16px;width:min(380px,100%);display:grid}.inlog .inlog-blok.breed{width:min(480px,100%)}.inlog p{margin:0}.melding.let-op{background:var(--warn-tint);color:var(--warn)}.melding.goed{background:var(--ok-tint);color:var(--ok)}.melding a{color:inherit;font-weight:600}.hulp.let-op-tekst{color:var(--warn)}.schakelaar.uitgeschakeld{opacity:.45;cursor:default}.schakelaar.uitgeschakeld input{cursor:default}.stappen{gap:12px;display:grid}.stappen p{margin:0}.stap-kop{align-items:center;gap:10px;margin-top:4px;display:flex}.stap-kop h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.stapnr{background:var(--ink);width:22px;height:22px;color:var(--bg);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.qr-rij{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.qr{border:1px solid var(--rule-strong);background:#fff;border-radius:6px;flex:none;width:176px;height:176px;padding:12px;display:block}.leeg-qr{place-items:center;font-size:13px;display:grid}.qr-sleutel{flex:1;justify-items:start;gap:8px;min-width:180px;display:grid}.sleutel{letter-spacing:.04em;background:var(--surface);word-break:break-all;border-radius:4px;padding:6px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.code-invoer{letter-spacing:.32em;text-align:center;font-variant-numeric:tabular-nums;height:48px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:24px}.code-invoer.herstel{letter-spacing:.12em;font-size:18px}.code-invoer::placeholder{color:var(--rule-strong)}.herstelcodes{background:var(--paper);border:1px dashed var(--rule-strong);letter-spacing:.04em;border-radius:6px;grid-template-columns:repeat(2,max-content);justify-content:start;gap:6px 28px;padding:14px 18px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;display:grid}.vinkje{cursor:pointer;align-items:center;gap:10px;font-weight:500;display:inline-flex}.vinkje input{width:16px;height:16px;accent-color:var(--ink);margin:0}.account{gap:16px;max-width:680px;margin-top:28px;display:grid}.kaart-titel{justify-content:space-between;align-items:center;gap:12px;display:flex}.kaart-titel h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.bevestig-blok{background:var(--bg);border:1px solid var(--rule);border-radius:6px;gap:12px;padding:14px;display:grid}.bevestig-blok .code-invoer{letter-spacing:.2em;height:36px;font-size:16px}.tekstknop.hulp{font-weight:400}.balk .accountlink{color:var(--muted);border-bottom:1px solid #0000;padding:4px 0;font-weight:500;text-decoration:none}.balk .accountlink:hover{color:var(--ink);border-bottom-color:var(--rule-strong)}.balk .accountlink[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}.linkkaart{border-color:var(--ink)}.linkvak .invoer{color:var(--muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.tabel-rol{overflow-x:auto}table.gebruikers td{vertical-align:middle}.gebruiker-naam{gap:2px;display:grid}.gebruiker-naam b{font-weight:600}.gebruiker-naam .labels{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.gebruiker-naam .labels:empty{display:none}.rolkeuze{width:140px;height:32px}.aanuit{color:var(--muted);align-items:center;gap:7px;font-weight:500;display:inline-flex}.aanuit:before{content:"";background:var(--rule-strong);border-radius:50%;width:7px;height:7px}.aanuit.aan{color:var(--ok)}.aanuit.aan:before{background:var(--ok)}.menu{display:inline-block;position:relative}.menu-lijst{z-index:30;background:var(--paper);border:1px solid var(--rule-strong);text-align:left;border-radius:6px;min-width:260px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0000001a}.menu-lijst button{text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:8px 10px;font-weight:500}.menu-lijst button:hover{background:var(--surface)}.menu-lijst button.gevaar{color:var(--err)}.menu-lijst button.gevaar:hover{background:var(--err-tint)}.uitleglijst{color:var(--muted);gap:6px;max-width:640px;margin:0;padding-left:18px;display:grid}.koppel-lijsten{grid-template-columns:1fr 1fr;gap:16px;display:grid}.koppel-lijsten ul{gap:4px;margin:6px 0 0;padding-left:18px;display:grid}@media (width<=520px){.koppel-lijsten{grid-template-columns:1fr}}.koppel-adres{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.koppel-adres code{border:1px solid var(--rule);background:var(--paper);overflow-wrap:anywhere;border-radius:4px;padding:6px 8px;font-size:13px}.koppelingen{gap:8px;margin:0;padding:0;list-style:none;display:grid}.koppelingen li{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.koppel-stappen{gap:6px;margin:0;padding-left:18px;display:grid}.koppel-stappen code{border:1px solid var(--rule);background:var(--paper);overflow-wrap:anywhere;border-radius:4px;padding:2px 6px;font-size:12px}