:root{--achtergrond: #11161d;--paneel: #1a212b;--paneel-diep: #0d1117;--paneel-rand: #2a3441;--scheiding: #222b36;--tekst: #eef2f7;--tekst-zacht: #9aa8b8;--tekst-op-accent: #ffffff;--accent: #2f81f7;--accent-tekst: #ffffff;--accent-vlak: #14233a;--groen: #1f9d55;--rood: #d93025;--oranje: #d97706;--geel: #eab308;--let-vlak: #3a1d1d;--let-rand: #6b2b2b;--let-inkt: #ffb4b4;--let-sterk-inkt: #ffd0cc;--zacht-vlak: #3a2f16;--zacht-rand: #6b5520;--zacht-inkt: #ffe0a3;--zacht-sterk-inkt: #ffe8bf;--info-vlak: #16293a;--info-rand: #2a4a6b;--info-inkt: #a8d5ff;--info-sterk-inkt: #cfe6ff;--sluier: rgba(6, 10, 15, .82);--bon-inkt: #1a1a1a;--radius: 12px;--raakvlak: 64px}:root[data-weergave=licht]{--achtergrond: #eef1f5;--paneel: #ffffff;--paneel-diep: #e4e9ef;--paneel-rand: #ccd4dd;--scheiding: #d8dee6;--tekst: #14202c;--tekst-zacht: #566472;--accent: #1f6feb;--accent-vlak: #dbe7fb;--groen: #10713c;--rood: #b3271c;--oranje: #a35b05;--geel: #8a6100;--let-vlak: #fdecea;--let-rand: #f0bab4;--let-inkt: #8c1d13;--let-sterk-inkt: #71160e;--zacht-vlak: #fef6e7;--zacht-rand: #eed8a8;--zacht-inkt: #6d4205;--zacht-sterk-inkt: #593503;--info-vlak: #e8f0fe;--info-rand: #bed3f6;--info-inkt: #10428f;--info-sterk-inkt: #0c3572;--sluier: rgba(28, 36, 46, .55)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--achtergrond);color:var(--tekst);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;overscroll-behavior:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation}input{font:inherit;color:inherit}.scherm{display:grid;grid-template-rows:auto auto 1fr;height:100%}.werkvlak{display:grid;grid-template-columns:1fr minmax(300px,380px);min-height:0;min-width:0;max-width:100%}.werkvlak>*{min-width:0}@media(max-width:1000px){.werkvlak{grid-template-columns:1fr minmax(260px,320px)}}@media(max-width:820px){.werkvlak{grid-template-columns:1fr;grid-template-rows:1fr auto}}.statusbalk{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--paneel);border-bottom:1px solid var(--paneel-rand)}.statusbalk .club{font-weight:650}.statusbalk .bar{color:var(--tekst-zacht)}.statusbalk .rek{flex:1}.statusbalk .kenmerk{color:var(--tekst-zacht);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.stip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:15px;background:var(--paneel-diep);border:1px solid var(--paneel-rand)}.stip:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--tekst-zacht)}.stip.verbonden:before{background:var(--groen)}.stip.offline:before{background:var(--oranje)}.stip.bezig:before{background:var(--accent)}.oefenbanner{background:var(--geel);color:var(--bon-inkt);font-weight:700;text-align:center;padding:8px;letter-spacing:.02em}.artikelvlak{display:flex;flex-direction:column;min-height:0;padding:10px;gap:8px}.groepen{display:flex;gap:8px;flex-wrap:wrap}.groepknop{min-height:46px;padding:0 16px;border-radius:var(--radius);background:var(--paneel);border:2px solid transparent;font-weight:600}.groepknop[aria-pressed=true]{border-color:var(--accent);background:var(--accent-vlak)}.artikelraster{display:grid;grid-template-columns:repeat(var(--kolommen, 6),minmax(0,1fr));gap:7px;overflow-y:auto;align-content:start;padding-bottom:8px}.artikelleeg{min-height:78px}@media(max-width:1280px){.artikelraster{gap:6px}.artikelknop{min-height:72px;padding:8px 9px}.artikelknop .naam{font-size:14.5px}.artikelknop .prijs{font-size:15px}.artikelleeg{min-height:72px}}.artikelknop{min-height:78px;border-radius:10px;background:var(--paneel);border:1px solid var(--paneel-rand);padding:9px 11px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:4px;transition:transform 80ms ease}.artikelknop:active{transform:scale(.97)}.artikelknop.groot{align-items:center;text-align:center}.artikelknop.groot .naam{font-size:21px}.artikelknop.groot .prijs{font-size:20px}.artikelknop.gekleurd{background:var(--kleur);border-color:var(--kleur-rand, var(--kleur));color:var(--kleur-inkt, #fff)}.artikelknop.gekleurd .naam,.artikelknop.gekleurd .prijs{color:inherit}.artikelknop.gekleurd .badge{background:color-mix(in srgb,var(--kleur-inkt, #fff) 16%,transparent);border-color:color-mix(in srgb,var(--kleur-inkt, #fff) 32%,transparent);color:inherit}.artikelknop .naam{font-weight:600;line-height:1.25;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;font-size:15.5px}.artikelknop .prijs{font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.artikelknop .merk{font-size:13px;color:var(--tekst-zacht);display:flex;gap:6px;align-items:center}.badge{font-size:12px;font-weight:700;padding:2px 7px;border-radius:6px;background:var(--paneel-diep);border:1px solid var(--paneel-rand)}.badge.club{background:var(--zacht-vlak);border-color:var(--zacht-rand);color:var(--zacht-inkt)}.badge.statiegeld{background:var(--info-vlak);border-color:var(--info-rand);color:var(--info-inkt)}.bonvlak{background:var(--paneel);border-left:1px solid var(--paneel-rand);display:grid;grid-template-rows:auto 1fr auto;min-height:0}.bonkop{padding:14px 16px;border-bottom:1px solid var(--paneel-rand);display:flex;align-items:center;gap:10px}.naamknop{flex:1 1 auto;min-height:44px;font-size:15px;justify-content:flex-start;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.naamknop.gevuld{border-color:var(--accent);color:var(--tekst)}.kandidaten{display:grid;gap:8px;max-height:46vh;overflow-y:auto;margin:4px 0 12px}.kandidaat{display:grid;gap:2px;text-align:left;justify-items:start;padding:12px 14px;min-height:0}.kandidaat .naam{font-weight:700;font-size:16px}.kandidaat .onder{font-size:13.5px;color:var(--tekst-zacht)}.kandidaat.nieuw{border-style:dashed}.bonregels{overflow-y:auto;padding:8px 8px 8px 16px}.bonregel{display:grid;grid-template-columns:44px 1fr auto auto;gap:10px;align-items:center;padding:10px 8px;border-bottom:1px solid var(--scheiding)}.bonregel.tegengeboekt{opacity:.45;text-decoration:line-through}.bonregel .aantal{font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.bonregel .bedrag{font-variant-numeric:tabular-nums;min-width:78px;text-align:right}.bonregel .weg{width:40px;height:40px;border-radius:8px;background:var(--let-vlak);color:var(--let-inkt);font-size:20px;line-height:1}.bonleeg{padding:40px 20px;text-align:center;color:var(--tekst-zacht)}.bonvoet{padding:14px 16px;border-top:1px solid var(--paneel-rand);display:grid;gap:12px}.totaalregel{display:flex;align-items:baseline;justify-content:space-between;font-size:15px;color:var(--tekst-zacht)}.totaalregel.groot{font-size:30px;font-weight:700;color:var(--tekst);font-variant-numeric:tabular-nums}.knop{min-height:var(--raakvlak);border-radius:var(--radius);font-weight:650;font-size:18px;padding:0 20px;background:var(--paneel);border:1px solid var(--paneel-rand);display:inline-flex;align-items:center;justify-content:center;gap:10px}.knop.primair{background:var(--accent);border-color:var(--accent);color:var(--accent-tekst)}.knop.groen{background:var(--groen);border-color:var(--groen);color:var(--tekst-op-accent)}.knop.gevaar{background:var(--rood);border-color:var(--rood);color:var(--tekst-op-accent)}.knop.breed{width:100%}.knop:disabled{opacity:.4;cursor:not-allowed}.knop:active:not(:disabled){transform:scale(.985)}.knoprij{display:flex;gap:10px;flex-wrap:wrap}.knoprij>*{flex:1 1 0;min-width:0}.bonvoet .knoprij{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.bonvoet .knoprij .knop{font-size:15px;line-height:1.2;padding:8px 6px;white-space:normal;text-align:center;min-height:58px;overflow-wrap:break-word}.overlay{position:fixed;inset:0;background:var(--sluier);display:grid;place-items:center;padding:20px;z-index:50}.overlay.bovenop{z-index:60}.dialoog{background:var(--paneel);border:1px solid var(--paneel-rand);border-radius:16px;padding:24px;width:min(560px,100%);max-height:90vh;overflow-y:auto;display:grid;gap:18px}.dialoog.breed{width:min(760px,100%)}.dialoog h2{margin:0;font-size:24px}.dialoog p{margin:0;color:var(--tekst-zacht);line-height:1.5}.waarschuwing{background:var(--let-vlak);border:1px solid var(--let-rand);border-radius:var(--radius);padding:14px 16px;color:var(--let-sterk-inkt);line-height:1.5}.waarschuwing.zacht{background:var(--zacht-vlak);border-color:var(--zacht-rand);color:var(--zacht-sterk-inkt)}.waarschuwing.info{background:var(--info-vlak);border-color:var(--info-rand);color:var(--info-sterk-inkt)}.veld{display:grid;gap:8px}.veld label{font-size:14px;color:var(--tekst-zacht);font-weight:600}.veld input{min-height:56px;border-radius:var(--radius);border:1px solid var(--paneel-rand);background:var(--paneel-diep);padding:0 16px;font-size:20px;width:100%}.veld input:focus{outline:2px solid var(--accent);outline-offset:1px}.veld input.code{font-size:30px;letter-spacing:.18em;text-align:center;font-family:ui-monospace,monospace}.cijferblok{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cijferblok button{min-height:68px;border-radius:var(--radius);background:var(--paneel-diep);border:1px solid var(--paneel-rand);font-size:26px;font-weight:600}.pinbolletjes{display:flex;gap:12px;justify-content:center;padding:8px 0}.pinbolletjes span{width:18px;height:18px;border-radius:50%;border:2px solid var(--paneel-rand)}.pinbolletjes span.vol{background:var(--accent);border-color:var(--accent)}.pinbolletjes span.extra{opacity:.4}.pinbolletjes span.extra.vol{opacity:1}.middenscherm{height:100%;display:grid;place-items:center;padding:24px;min-height:0;grid-template-rows:minmax(0,1fr);overflow-y:auto}.merklogo{display:block;height:30px;width:auto;margin:0 auto 18px}.merklogo.alleen-licht{display:none}:root[data-weergave=licht] .merklogo.alleen-donker{display:none}:root[data-weergave=licht] .merklogo.alleen-licht{display:block}.kaart{background:var(--paneel);border:1px solid var(--paneel-rand);border-radius:18px;padding:32px;width:min(520px,100%);display:flex;flex-direction:column;gap:20px;max-height:100%}.kaart>*{flex:0 0 auto}.kaart h1{margin:0;font-size:28px}.kaart .onderschrift{margin:0;color:var(--tekst-zacht);line-height:1.5}.medewerkerlijst{display:grid;gap:10px}.medewerkerknop{min-height:68px;border-radius:var(--radius);background:var(--paneel-diep);border:1px solid var(--paneel-rand);padding:0 18px;display:flex;align-items:center;justify-content:space-between;text-align:left}.medewerkerknop .rol{font-size:14px;color:var(--tekst-zacht)}.coupures{display:grid;gap:8px}.coupure{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--paneel-diep);border:1px solid var(--paneel-rand);border-radius:var(--radius);font-size:19px}.coupure .aantal{font-weight:700;font-variant-numeric:tabular-nums}.bedraggroot{font-size:44px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;padding:8px 0}.suggesties{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.pasbanner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--accent-vlak);border-bottom:1px solid var(--paneel-rand)}.pasbanner .wie{display:grid;gap:2px;flex:1;min-width:0}.pasbanner .wie strong{font-size:17px}.pasbanner .detail{font-size:13px;color:var(--tekst-zacht)}.pasbanner .saldo{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--groen)}.pasbanner.jeugd{background:var(--zacht-vlak)}.pasbanner.jeugd .saldo{color:var(--geel)}.telraster{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;max-height:46vh;overflow-y:auto;padding-right:4px}.telregel{display:grid;grid-template-columns:92px 56px 76px 56px minmax(72px,1fr);gap:10px;align-items:center;padding:6px 10px;background:var(--paneel-diep);border:1px solid var(--paneel-rand);border-radius:8px}.telregel input{min-height:44px;border-radius:8px;border:1px solid var(--paneel-rand);background:var(--paneel);padding:0 10px;font-size:18px;text-align:right;width:100%}.telregel .coupure-naam{font-variant-numeric:tabular-nums;font-weight:600}.telregel .telstap{min-height:44px;border-radius:8px;border:1px solid var(--paneel-rand);background:var(--paneel);color:var(--tekst);font-size:24px;line-height:1;font-weight:700;cursor:pointer}.telregel .telstap:active{background:var(--paneel-diep)}.telregel .telstap:disabled{opacity:.35;cursor:default}.telregel .coupure-som{font-variant-numeric:tabular-nums;color:var(--tekst-zacht);text-align:right;font-size:14px;display:grid;gap:2px}.telregel .vanmax{font-size:12px;opacity:.75}.telregel.teveel,.telregel.teveel input{border-color:var(--rood)}.telblok{display:grid;gap:8px}.telkop{margin:0;font-size:16px;color:var(--tekst-zacht);font-weight:650}.kenmerken{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:6px 16px;margin:0}.kenmerken>div{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--scheiding)}.kenmerken dt{color:var(--tekst-zacht);font-size:14px}.kenmerken dd{margin:0;font-weight:600;overflow-wrap:anywhere}.kenmerken dd.klein{font-weight:400;font-size:14px}.checklijst{display:grid;gap:8px}.checkregel{display:grid;grid-template-columns:150px 130px 1fr;gap:12px;align-items:start;padding:10px 12px;border-radius:8px;background:var(--paneel-diep);border:1px solid var(--paneel-rand)}.checkregel .wat,.checkregel .stand{font-weight:650}.checkregel .uitleg{color:var(--tekst-zacht);font-size:14px}.checkregel.goed .stand{color:var(--groen)}.checkregel.stuk{border-color:var(--rood)}.checkregel.stuk .stand{color:var(--rood)}.checkregel.onbekend .stand{color:var(--geel)}.checkregel.geen .stand{color:var(--tekst-zacht)}@media(max-width:700px){.checkregel{grid-template-columns:1fr;gap:4px}}.bevestiging{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;padding:12px 14px;background:var(--paneel-diep);border:1px solid var(--paneel-rand);border-radius:var(--radius);cursor:pointer;line-height:1.45}.bevestiging input{width:22px;height:22px;margin-top:2px}.schermtoetsenbord{position:fixed;left:0;right:0;bottom:0;z-index:200;display:flex;flex-direction:column;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--vlak-donker, #1b1f24);border-top:1px solid var(--rand, #333a42);box-shadow:0 -12px 36px #00000073}.schermtoetsenbord .toetsrij{display:flex;gap:8px}.schermtoetsenbord .toets{flex:1 1 0;min-width:0;min-height:62px;font-size:24px;font-weight:700;color:var(--inkt, #f2f4f6);background:var(--knop, #2b3138);border:1px solid var(--rand, #3a424b);border-radius:10px;cursor:pointer;user-select:none;touch-action:manipulation}.schermtoetsenbord .toets:active{background:var(--knop-aan, #3d4650);transform:translateY(1px)}.schermtoetsenbord .toets.grijs{background:#222830;font-size:21px}.schermtoetsenbord .toets.grijs.aan{background:var(--blauw, #2f81f7);color:#fff}.schermtoetsenbord .toets.primair{background:var(--blauw, #2f81f7);border-color:transparent;color:#fff;font-size:21px}body.toetsenbord-open .middenscherm{place-items:start center;overflow-y:auto;padding-bottom:calc(var(--toetsenbord-hoogte, 300px) + 24px);grid-template-rows:none}body.toetsenbord-open .kaart{max-height:none}body.toetsenbord-open .werkvlak,body.toetsenbord-open .paneel{padding-bottom:calc(var(--toetsenbord-hoogte, 300px) + 12px)}@media(max-height:800px){.schermtoetsenbord .toets{min-height:52px;font-size:21px}}@media(max-height:900px){.dialoog{padding:18px;gap:12px;max-height:calc(100vh - 24px)}.dialoog h2{font-size:21px}.dialoog p{line-height:1.4}.dialoog .knop.groot{padding:14px 18px;font-size:18px}}@media(max-height:820px){.dialoog{padding:14px;gap:10px}.dialoog h2{font-size:20px}.dialoog .knop.groot{padding:11px 16px;font-size:17px}.dialoog>.knop.groot{grid-column:span 1}.dialoog.keuzes-naast-elkaar{grid-template-columns:1fr 1fr}.dialoog.keuzes-naast-elkaar>h2,.dialoog.keuzes-naast-elkaar>p,.dialoog.keuzes-naast-elkaar>.waarschuwing,.dialoog.keuzes-naast-elkaar>.melding,.dialoog.keuzes-naast-elkaar>.breed-over-alles{grid-column:1 / -1}.dialoog.keuzes-naast-elkaar .bedraggroot{font-size:34px}}@media(max-height:820px){.kaart{padding:20px;gap:12px}.kaart h1{font-size:23px}.merklogo{height:24px;margin-bottom:10px}.cijferblok{gap:8px}.cijferblok button{min-height:56px;font-size:23px}.pinbolletjes{padding:4px 0}.medewerkerknop{min-height:58px}.medewerkerlijst{flex:1 1 auto;min-height:0;overflow-y:auto}.medewerkerlijst.meer{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent)}}@media(max-height:800px){.dialoog{padding:12px;gap:8px}.dialoog .knop{padding:10px 14px}.dialoog .knop.groot{padding:10px 14px;font-size:16px}.dialoog .waarschuwing{padding:10px 12px}.dialoog .bedraggroot{font-size:30px}.dialoog .veld label{margin-bottom:2px}.checklijst{gap:6px}.checkregel{padding:6px 10px;gap:10px;grid-template-columns:140px 110px 1fr;align-items:center}.checkregel .uitleg{font-size:13px;line-height:1.35}.kaart{padding:16px;gap:10px}.kaart h1{font-size:21px}.merklogo{height:20px;margin-bottom:6px}.cijferblok{gap:6px}.cijferblok button{min-height:50px;font-size:21px}.medewerkerknop{min-height:52px}}html,body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}input,textarea{user-select:text;-webkit-user-select:text}button,.artikelknop,.toets,.tabblad{touch-action:manipulation}html,body,#app{max-width:100%;overflow-x:hidden}.scherm{max-width:100%;overflow:hidden}@media(max-width:1100px){.statusbalk{gap:10px;padding:8px 12px;font-size:14px}.statusbalk .kenmerk{display:none}.artikelknop{min-height:68px;padding:7px 9px}.artikelknop .naam{font-size:14px}.artikelknop .prijs{font-size:14.5px}.artikelleeg{min-height:68px}.dialoog{width:min(560px,calc(100vw - 24px))}.dialoog.breed{width:min(760px,calc(100vw - 24px))}}@media(max-height:700px){.checklijst{overflow-y:auto;max-height:clamp(110px,34vh,300px)}}@media(max-height:650px){.checklijst{max-height:clamp(90px,22vh,180px)}.checkregel{padding:4px 8px}.checkregel .uitleg{font-size:12px}.dialoog h3,.dialoog .telkop{margin:0;font-size:14px}.dialoog .knoprij{gap:6px}.beheerinfo{font-size:13px;gap:2px 10px}.dialoog .knop{padding:8px 12px;font-size:15px}.dialoog .knop.groot{padding:9px 12px;font-size:15px}}@media(max-width:860px){.statusbalk .club{font-size:15px}.statusbalk .bar{display:none}.artikelknop{min-height:62px}.artikelknop .naam{font-size:13px}.artikelknop .prijs{font-size:14px}.artikelleeg{min-height:62px}.dialoog,.dialoog.breed{width:calc(100vw - 16px);padding:12px}}.kastjebandje{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:6px 8px 6px 14px;border-radius:999px;background:var(--zacht-vlak);border:1px solid var(--zacht-rand);color:var(--zacht-sterk-inkt);font-size:14px;box-shadow:0 6px 20px #00000059}.kastjebandje button{border:0;border-radius:999px;padding:6px 14px;background:var(--accent);color:var(--accent-tekst);font:inherit;font-weight:600;cursor:pointer}.bedragveld{width:100%;padding:14px;font-size:30px;text-align:center;border-radius:10px;border:1px solid var(--paneel-rand);background:var(--paneel-diep);color:var(--tekst)}.bedragvoorbeeld{text-align:center;font-size:22px;font-weight:700;color:var(--accent);min-height:28px}.wensenlijst{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto;margin:10px 0}.wensknop{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 14px;font-size:17px;text-align:left;border-radius:10px;border:1px solid var(--paneel-rand);background:var(--paneel-diep);color:var(--tekst-zacht);cursor:pointer}.wensknop.aan{border-color:var(--accent);background:var(--paneel);color:var(--tekst);font-weight:600}.wensvink{flex:0 0 24px;width:24px;height:24px;line-height:24px;text-align:center;border-radius:6px;border:1px solid var(--paneel-rand);color:var(--accent);font-weight:700}.wensknop.aan .wensvink{border-color:var(--accent)}.wensnaam{flex:1 1 auto}.wenstoeslag{flex:0 0 auto;font-size:15px;font-weight:600;color:var(--accent)}.wensenmelding{margin-bottom:8px;padding:8px 12px;border-radius:10px;background:#e0a40024;border:1px solid rgba(224,164,0,.5);color:var(--tekst);font-size:15px;font-weight:600}.wensensamenvatting{padding:10px 12px;border-radius:10px;background:var(--paneel-diep);color:var(--tekst-zacht);font-size:15px;min-height:20px}.wensentoeslag{margin-top:8px;text-align:right;font-size:17px;font-weight:700;color:var(--accent)}#inhoud{height:100%;transition:transform .16s ease-out}body.toetsenbord-open #inhoud{transform:translateY(calc(-1 * var(--toetsenbord-schuif, 0px)))}body.toetsenbord-open .overlay{bottom:var(--toetsenbord-hoogte, 300px);place-items:start center;overflow-y:auto;padding-top:12px}body.toetsenbord-open .dialoog{max-height:100%}.slotkaart{max-width:420px}.slotstappen{display:flex;justify-content:center;gap:10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-zacht)}.slotstappen span{padding:4px 12px;border-radius:999px;border:1px solid transparent}.slotstappen .nu{color:var(--accent);border-color:var(--accent);background:var(--accent-vlak)}.slotstappen .gedaan{color:var(--groen)}.slotveld{min-height:52px;display:grid;place-items:center;font-size:30px;letter-spacing:10px;color:var(--tekst)}.slotveld .leeg{color:var(--tekst-zacht);letter-spacing:6px;font-size:22px}.staatblok{margin-top:6px}.staatblok h3{margin:0 0 6px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-zacht)}.staatregel{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid var(--paneel-rand)}.staatregel:last-child{border-bottom:0}.staatregel .wat{display:flex;flex-direction:column}.staatregel .onder{font-size:13px;color:var(--tekst-zacht)}.staatregel .bedrag{font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}.staatregel.zacht .bedrag{font-weight:500;color:var(--tekst-zacht)}@media(max-height:820px){.staatblok h3{margin-bottom:2px}.staatregel{padding:5px 0}}.bonlijst{display:flex;flex-direction:column;gap:10px;max-height:34vh;overflow-y:auto;margin-bottom:12px}.bonblok{border:1px solid var(--paneel-rand);border-radius:10px;padding:8px 10px}.bonblok .bonkop{display:flex;justify-content:space-between;gap:12px;font-weight:600;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--paneel-rand)}.bonblok .bonregel{display:flex;justify-content:space-between;gap:12px;padding:2px 0}.bonblok .bonregel.zacht{opacity:.65;font-style:italic}.bonblok .bonregel.alsknop{width:100%;font:inherit;color:inherit;text-align:left;background:none;border:1px solid transparent;border-radius:6px;padding:4px 6px;margin:0 -6px;cursor:pointer}.bonblok .bonregel.alsknop:hover:not(:disabled),.bonblok .bonregel.alsknop:focus-visible{border-color:var(--paneel-rand);background:color-mix(in srgb,currentColor 6%,transparent)}.bonblok .bonregel.alsknop:disabled{cursor:default;border-color:transparent;background:none}.dialoog .knoprij.bijzaken{margin-top:14px;padding-top:12px;border-top:1px solid var(--paneel-rand)}.dialoog .knoprij.bijzaken .knop{font-size:.9rem;padding:10px 8px}@media(max-height:820px){.bonlijst{max-height:21vh}.dialoog .knoprij.bijzaken{margin-top:8px;padding-top:8px}.dialoog .knoprij.bijzaken .knop{padding:8px 6px;font-size:.85rem}.dialoog .bedraggroot{font-size:30px}}body.toetsenbord-open .dialoog.naamkiezer>p{display:none}body.toetsenbord-open .dialoog.naamkiezer .kandidaten{max-height:24vh}body.toetsenbord-open .bonlijst{max-height:14vh}.zoekknop{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.zoekknop svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}@media(max-width:900px){.zoekknop .zoekwoord{display:none}.zoekknop{padding:0 14px}}.zoekdialoog{width:min(840px,94vw);max-height:86vh;display:flex;flex-direction:column}.zoekraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;overflow-y:auto;padding:2px;max-height:46vh}.zoekraster .artikelknop{min-height:72px}.zoekdialoog .knoprij{margin-top:14px}.zoekraster .naam strong{font-weight:800;text-decoration:underline;text-underline-offset:2px}.statusbalk .hulpknop{min-height:40px;width:40px;padding:0;border-radius:999px;font-size:19px;font-weight:700;line-height:1}.hulpdialoog{max-width:820px;width:min(92vw,820px);text-align:left}.hulpkop{display:flex;align-items:center;justify-content:space-between;gap:16px}.hulpkop h2{margin:0}.hulpvlak{margin-top:12px;max-height:min(58vh,520px);overflow-y:auto;padding-right:4px}.hulpgroep{margin-bottom:18px}.hulpgroep h3{margin:0 0 8px;font-size:15px;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-zacht)}.hulptitel{display:flex;align-items:baseline;justify-content:space-between;gap:12px;text-align:left;margin-bottom:8px;min-height:52px}.hulpgroepnaam{font-size:13px;color:var(--tekst-zacht);white-space:nowrap}.hulpartikel h3{margin:0 0 10px}.hulpartikel h4{margin:16px 0 6px;font-size:16px}.hulpartikel p{margin:0 0 10px;line-height:1.5}.hulpartikel ol,.hulpartikel ul{margin:0 0 12px;padding-left:22px;line-height:1.5}.hulpartikel li{margin-bottom:6px}.hulpartikel .waarschuwing{margin:12px 0;text-align:left}.kenmerken dd.let-op{color:var(--let-sterk-inkt);font-weight:700}.op-website .statusbalk .kenmerk,.op-website .statusbalk .stip:not(.verbonden):not(.bezig):not(.offline){display:none}