:root{--bg: #f2f4ef;--card: #fff;--ink: #1b2927;--mu: #62706c;--line: #d9dfd8;--acc: #1d6b58;--ai: #fff;--sun: #f0b429;--warn: #b23a26;--ok: #2e7d32;--m-cash: #2e7d32;--m-pin: #1565c0;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #101817;--card: #1a2423;--ink: #e8efec;--mu: #93a39e;--line: #2b3836;--acc: #4fb89c;--ai: #08201a;--warn: #ef8a74;--ok: #6cc070;--m-cash: #4caf50;--m-pin: #5c9ce6;color-scheme:dark}}:root[data-theme=dark]{--bg: #101817;--card: #1a2423;--ink: #e8efec;--mu: #93a39e;--line: #2b3836;--acc: #4fb89c;--ai: #08201a;--warn: #ef8a74;--ok: #6cc070;--m-cash: #4caf50;--m-pin: #5c9ce6;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:400 16px/1.35 Bricolage Grotesque,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid var(--acc);outline-offset:2px}.f:focus-visible{outline-offset:0}code{background:var(--card);padding:1px 5px;border-radius:4px}.app{display:flex;flex-direction:column;height:100%;padding-top:env(safe-area-inset-top,0px)}#root{display:flex;flex-direction:column}#root>.app,#root>.center{flex:1;min-height:0}.proef{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:6px 14px;padding-top:max(6px,env(safe-area-inset-top,0px));background:var(--sun);color:#2a1f00;font-size:14px}.proef span{flex:1;min-width:0}.proef button{padding:8px 14px;min-height:36px;border-radius:99px;border:1px solid #2a1f0055;font-weight:600;font-size:13px}.proef+.app{padding-top:0}.kaartje{margin-top:18px;padding:4px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px}header{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}header h1{margin:0;font-size:20px;line-height:1.35;min-width:0;font-weight:800;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who{padding:7px 12px;border:1px solid var(--line);border-radius:99px;background:var(--card);font-weight:600;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:10px;height:10px;border-radius:50%;background:var(--warn)}.dot.on{background:#2e9b5a}.offline{background:var(--warn);color:#fff;padding:8px 14px;font-weight:600}main{flex:1;overflow:auto;padding:12px 14px 18px}nav{display:flex;border-top:1px solid var(--line);background:var(--card);padding-bottom:env(safe-area-inset-bottom,0px)}nav button{flex:1;min-height:50px;padding:13px 2px;font-size:14px;font-weight:600;color:var(--mu)}nav button.on{color:var(--acc);box-shadow:inset 0 3px 0 var(--acc)}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;padding-right:28px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to left,transparent,#000 28px);mask-image:linear-gradient(to left,transparent,#000 28px)}.chips::-webkit-scrollbar{display:none}.chips button{min-height:44px;padding:8px 16px;border-radius:99px;border:1px solid var(--line);background:var(--card);font-weight:600;white-space:nowrap}.chips.small button{min-height:40px;padding:6px 13px;font-size:14px}.chips button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chips button.on .mu{color:inherit;opacity:.75}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.tile{position:relative;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 12px;min-height:84px;display:flex;flex-direction:column;justify-content:space-between}.tile:active{transform:scale(.97)}.tile.op{background:transparent;border-style:dashed}.tile.op .nm,.tile.op .pr{color:var(--mu)}.tile .nm{font-weight:600;font-size:17px;padding-right:26px}.tile .pr{color:var(--mu)}.cat{margin:14px 0 8px;font-size:15px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.04em}section:first-of-type>.cat{margin-top:2px}@media(min-width:900px)and (pointer:coarse),(min-width:900px)and (min-height:700px){.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.tile{min-height:110px;padding:16px 14px}.tile .nm{font-size:20px}.chips button{padding:11px 20px;font-size:17px}nav button{padding:16px 2px;font-size:16px}}.stock.laag{color:var(--warn);font-weight:600}.bd{position:absolute;top:8px;right:8px;background:var(--sun);color:#1b2927;font-style:normal;font-weight:800;min-width:26px;height:26px;border-radius:13px;display:grid;place-items:center;padding:0 6px}.cartbar{padding:0 14px 10px}.cart{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--acc);color:var(--ai);padding:14px 16px;border-radius:14px;font-weight:600}.cart b{font-size:20px}.banner{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--sun);color:#1b2927;padding:10px 12px;border-radius:12px;margin-bottom:10px;font-weight:600}.banner button,.banner b{font-weight:800;text-decoration:underline;color:inherit}.mu{color:var(--mu)}.c{text-align:center}.neg{color:var(--warn);font-weight:700}h1{font-size:30px;font-weight:800;margin:0 0 14px}h2{margin:6px 0 10px;font-size:22px;font-weight:800}h3.s{margin:18px 0 4px;font-size:16px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);width:100%;text-align:left}.row>span:first-child{flex:1}.rt{min-width:70px;text-align:right}.row.tot{font-size:19px;border-bottom:0}.row .x{flex:none;width:44px;height:44px;border-radius:10px;border:1px solid var(--line);font-size:20px;color:var(--warn)}.qty{display:flex;align-items:center;gap:10px}.qty button{width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-size:20px}.vd{color:var(--mu)}.vd>span:first-child{text-decoration:line-through}.big{width:100%;padding:15px;border-radius:14px;background:var(--acc);color:var(--ai);font-weight:800;font-size:18px;margin-top:10px}.big.alt{background:var(--ink);color:var(--bg)}.big.warn{background:var(--warn);color:#fff}.big.m-cash{background:#2e7d32;color:#fff}.big.m-pin{background:#1565c0;color:#fff}.big.m-card{background:#f0b429;color:#1b2927}.big.m-tab{background:#7b3fa0;color:#fff}.big.m-lat{background:#8d5a2b;color:#fff}.ghost{width:100%;padding:12px;margin-top:6px;color:var(--mu);font-weight:600}.btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:10px}.btns button:not(.big){padding:13px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-weight:600}.btns .big{margin:0;border:0}.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:10px}.card.wide{width:100%;text-align:left}.card .hd{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:18px;margin-bottom:8px}.warnbox{border-color:var(--sun);box-shadow:inset 4px 0 0 var(--sun)}details summary{cursor:pointer;font-weight:600;padding:10px 0}details[open] summary{margin-bottom:2px}label{display:block;margin:12px 0 4px;font-weight:600}label.check{display:flex;gap:8px;align-items:center;font-weight:400;min-height:44px}label.check input{width:22px;height:22px;flex:none}.f{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card);min-width:0}textarea.f{height:120px;font:16px/1.35 monospace}.inl{display:flex;gap:8px}.inl>button{padding:0 16px;border-radius:12px;background:var(--ink);color:var(--bg);font-weight:600;white-space:nowrap}.kpi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.kpi div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px}.kpi b{display:block;font-size:24px;font-weight:800}.big-n{font-size:40px;font-weight:800;text-align:center;margin:6px 0}.quick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.quick button{padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-weight:600}.quick button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chg{min-height:28px;font-size:20px;font-weight:800;text-align:center;color:var(--acc);margin:8px 0}.tel{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 18px}.tel label{display:flex;align-items:center;gap:8px;margin:0;font-weight:600}.tel label span{min-width:64px}.bar{display:grid;grid-template-columns:90px 1fr auto;gap:8px;align-items:center;padding:4px 0;font-size:14px}.bar i{display:block;height:14px;border-radius:4px;background:var(--acc)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:20;overscroll-behavior:contain}.sh{width:100%;max-width:640px;max-height:92%;overflow:auto;overscroll-behavior:contain;background:var(--bg);border-radius:20px 20px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px))}.grab{width:44px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 10px}.scan{width:100%;max-height:40vh;object-fit:cover;border-radius:12px;background:#000;min-height:150px}.bon{background:#fff;color:#111;border:1px dashed #999;border-radius:6px;padding:16px;margin:8px 0 12px;font-family:Courier New,monospace;font-size:14px}.bon h3{margin:0;text-align:center;font-size:20px}.bon p{margin:4px 0}.bl{display:flex;justify-content:space-between;gap:10px;padding:2px 0}.bon-btw{margin-top:8px;font-size:13px}.qr-bon{margin-top:10px}.sorteer-rij{display:flex;align-items:center;gap:2px;border-radius:10px}.sorteer-rij>.row{flex:1;min-width:0}.sorteer-rij.sleept{background:var(--card);box-shadow:0 8px 24px -10px #0006;position:relative;z-index:1}.handvat{flex:none;width:40px;min-height:44px;font-size:20px;color:var(--mu);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sorteer-rij.sleept .handvat{cursor:grabbing;color:var(--acc)}h4.sub{margin:10px 0 2px;font-size:13px;font-weight:700;color:var(--mu);text-transform:uppercase;letter-spacing:.04em}.cat-sub{margin:4px 0 6px;font-size:13px;font-weight:700;color:var(--mu)}.qr-bon .qr{display:block;width:min(240px,70vw);margin:0 auto 8px;background:#fff;padding:8px;border-radius:10px}.btns button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.bon-btw p{margin:2px 0}.bl.tt{border-top:1px dashed #555;margin-top:6px;padding-top:6px;font-size:16px}.stamp{color:#b23a26;text-align:center;font-weight:800;border:2px solid #b23a26;padding:2px;margin:6px 0}.qr svg{width:100%;height:auto;display:block}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:16px;z-index:30;font-weight:600;max-width:calc(100% - 32px);text-align:center;display:flex;align-items:center;gap:8px;animation:toast 2.6s ease-out forwards;pointer-events:none}.toast.goed{top:calc(env(safe-area-inset-top,0px) + 14px);bottom:auto;background:#17703d;color:#fff;padding:12px 18px;font-size:17px;white-space:nowrap;box-shadow:0 10px 30px -12px #0008;animation-name:toast-boven}@keyframes toast-boven{0%{opacity:0;transform:translate(-50%,-10px)}8%{opacity:1;transform:translate(-50%)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-6px)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}8%{opacity:1;transform:translate(-50%)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-6px)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.tik{position:fixed;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;left:-100px;top:0}.login{max-width:420px;margin:0 auto;padding:40px 16px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:url(./logo-CrHuTN5o.webp) center 55% / min(70vw,420px) no-repeat;opacity:.05;filter:grayscale(1)}.bon{position:relative;overflow:hidden}.bon>*{position:relative}.bon>.watermerk,.kk>.watermerk{position:absolute;pointer-events:none}.bon>.watermerk{width:70%;left:15%;top:50%;transform:translateY(-50%);opacity:.04;filter:grayscale(1)}.kaarten{display:grid;grid-template-columns:repeat(auto-fill,85.6mm);gap:2mm;justify-content:center;margin:12px 0}.kaarten.een{grid-template-columns:85.6mm}.kk{position:relative;overflow:hidden;width:85.6mm;height:54mm;box-sizing:border-box;padding:4mm;display:flex;gap:3mm;align-items:center;background:#fff;color:#111;border:1px dashed #999;border-radius:3mm;break-inside:avoid}.kk>.watermerk{right:3mm;top:50%;transform:translateY(-50%);width:30mm;opacity:.1}.kaarten.vel{grid-template-columns:repeat(2,85.6mm);grid-auto-rows:54mm}.kaarten.vel.achter{margin-top:6mm}.kk-achter{flex-direction:column;justify-content:center;gap:2.5mm;text-align:center}.kk-achter img{max-width:60mm;max-height:34mm;object-fit:contain}.kk-achter b{font-size:4.2mm;font-weight:800;line-height:1.15;max-width:76mm;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kk-leeg{width:85.6mm;height:54mm}@media screen{.kaarten.vel{zoom:.9}@media(max-width:640px){.kaarten.vel{zoom:.75}}@media(max-width:522px){.kaarten.vel{zoom:.6}}@media(max-width:424px){.kaarten.vel{zoom:.5}}@media(max-width:358px){.kaarten.vel{zoom:.45}}}.kk .qr{width:44mm;flex:none;position:relative}.kk-t{flex:1;display:flex;flex-direction:column;gap:1mm;min-width:0;position:relative;font-size:3.2mm}.kk-naam{display:flex;flex-direction:column;gap:.4mm;margin-top:2mm}.kk-naam i{font-style:normal;font-size:2.2mm;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.25mm}.kk-lijn{display:block;height:6mm;line-height:6.4mm;border-bottom:.3mm solid #777;font-size:3.2mm;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kk-t .kk-w{font-weight:800;font-size:3.6mm;line-height:1.15}.kk-t b{font-size:5mm;margin-top:2mm}.kk-t .kk-s{font-size:2.6mm;color:#555;margin-top:1mm}.kk-t small{font-family:Courier New,monospace;font-size:3.2mm;letter-spacing:.3mm}.center{display:grid;place-items:center;height:100%;padding:16px}@media print{body{background:#fff}.app,.login,.toast,.proef{display:none!important}.sheet{position:static;background:none;display:block}.sh{padding:0;max-height:none;max-width:none;background:#fff}.sh>:not(.print){display:none!important}.bon{border:0}body:before{display:none}@page{size:A4;margin:8mm}.kk{print-color-adjust:exact;-webkit-print-color-adjust:exact}.kaarten.vel,.kaarten.vel.achter{margin:0;break-after:page}.print>div:last-child>.vel:last-child{break-after:auto}}.wijziging{margin:10px 0 14px}.wijziging ul{margin:6px 0 0;padding-left:20px}.wijziging li{margin:3px 0}.hero{background:var(--acc);color:var(--ai);border-radius:18px;padding:14px 16px;margin-bottom:10px;display:flex;flex-direction:column;gap:2px}.hero span{opacity:.9;font-size:14px}.hero small{margin-top:6px;font-size:14px;opacity:.85}.hero b{font-size:34px;font-weight:800;line-height:1.1}.hero.dicht{background:var(--ink);color:var(--bg)}.hero.klein{background:var(--card);color:var(--ink);border:1px solid var(--line)}.hero.klein b{font-size:28px}.stack{display:flex;height:14px;border-radius:7px;overflow:hidden;gap:2px;margin:4px 0 6px}.stack i{display:block;min-width:4px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:0}.pct{font-size:13px;display:inline-block;min-width:36px;text-align:right}.pill{display:inline-block;padding:3px 10px;border-radius:99px;font-weight:700;font-size:15px;white-space:nowrap}.pill.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:color-mix(in srgb,var(--ok) 75%,var(--ink))}.pill.min{background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn)}.pill.plus{background:color-mix(in srgb,var(--sun) 25%,transparent);color:var(--ink)}.card .row:last-child{border-bottom:0}.card .ghost{margin-top:0}.uitkomst{margin-top:12px}.tel label .f{flex:1;text-align:center;font-size:18px;padding:10px}.tel label small{min-width:72px;text-align:right;font-weight:400}.tijd{font-variant-numeric:tabular-nums;font-weight:700}.menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.menu .card{margin:0}.menu .hd{margin-bottom:4px;align-items:center}.kop{display:flex;align-items:center;gap:10px;margin-bottom:8px}.kop h2{margin:0}.terug{padding:8px 12px;border-radius:99px;border:1px solid var(--line);background:var(--card);font-weight:600;white-space:nowrap}.zoek{margin:12px 0 10px}.naam{font-weight:600}.lev label span{flex:1}.lev label .f{flex:0 0 90px}.lev label span small{min-width:0;text-align:left;margin-left:4px}.saldo .card{margin-top:12px}.saldo a{color:var(--acc);font-weight:600}.saldo p.c>a{display:inline-block;padding:12px 4px}.zuil{max-width:560px;margin:0 auto;padding:24px 16px;text-align:center}.zuil h1{margin:8px 0 4px}.zuil-uitleg{font-size:20px;margin:0 0 14px}.zuil .scan{width:100%;border-radius:18px}.zuil-uitkomst{padding-top:6vh}.zuil-uitkomst .row{text-align:left}.zuil-saldo{font-size:clamp(56px,18vw,120px);font-weight:800;margin:4px 0 8px}.scan.spiegel{transform:scaleX(-1)}.qrs-zuil{width:180px;margin:10px auto 0}.stappen{margin:0;padding-left:20px}.stappen li{margin:4px 0}nav.veel button{font-size:12.5px}.leden{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:10px}.lid{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card);font-weight:700;font-size:17px;text-align:left}.lid .mu{font-weight:500;font-size:14px}.maand{justify-content:space-between;align-items:center;margin-bottom:10px}.maand b{text-transform:capitalize;font-size:18px}.maand button{min-width:48px;min-height:44px;font-size:24px;line-height:1}.kpi:has(>:nth-child(3)){grid-template-columns:1fr 1fr 1fr}.kpi:has(>:nth-child(3)) b{font-size:19px}.uitn{display:flex;flex-direction:column;align-items:center;gap:8px}.uitn .qr-m{width:220px;background:#fff;padding:8px;border-radius:8px}.row input.f.n{width:72px;text-align:center;margin:0}pre.lijst{white-space:pre-wrap;font-family:inherit;color:var(--mu);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.uitg{border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:4px}.uitg .row{border-bottom:0}.voorwaarden{white-space:pre-line}a.knop-link{display:block;text-align:center;text-decoration:none;box-sizing:border-box}:root[data-thema=kroeg]{--bg: #16110c;--card: #261d15;--ink: #f3e9dc;--mu: #b9aa94;--line: #3d3024;--acc: #f2a93b;--ai: #1f1406;--sun: #f2a93b;--warn: #ef8a74;--ok: #7bd389;--m-cash: #4caf50;--m-pin: #5c9ce6;color-scheme:dark}:root[data-thema=groot]{--bg: #ffffff;--card: #ffffff;--ink: #111111;--mu: #3b3b3b;--line: #111111;--acc: #1b6e2f;--ai: #ffffff;--sun: #f0b429;--warn: #a32a17;--ok: #1b6e2f;--m-cash: #2e7d32;--m-pin: #1565c0;color-scheme:light}[data-thema=groot] body{font-size:18px}[data-thema=groot] header h1{font-size:24px}[data-thema=groot] .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-thema=groot] .tile{min-height:116px;padding:14px;gap:8px;border-width:2px}[data-thema=groot] .tile .nm{font-size:21px;font-weight:800;padding-right:40px;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media(max-width:400px){[data-thema=groot] .tile .nm{font-size:18px;padding-right:34px}}[data-thema=groot] .tile .pr{font-size:18px;color:var(--ink)}[data-thema=groot] .bd{min-width:38px;height:38px;border-radius:19px;font-size:20px;background:var(--ink);color:var(--bg)}[data-thema=groot] .cat{font-size:17px;color:var(--ink)}[data-thema=groot] .chips button{padding:12px 20px;font-size:18px;border-width:2px}[data-thema=groot] nav button{padding:17px 1px;font-size:14px;font-weight:800;color:var(--ink)}[data-thema=groot] .cart{padding:18px}[data-thema=groot] .cart b{font-size:24px}[data-thema=groot] .big{padding:18px;font-size:20px}[data-thema=groot] .qty button{width:48px;height:48px;font-size:24px}[data-thema=groot] .row{font-size:19px}[data-thema=groot] .who,[data-thema=groot] .card,[data-thema=groot] .f{border-width:2px}.themas{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:8px}.thema-keus{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--card)}.thema-keus.on{border:2px solid var(--acc);padding:11px}.thema-keus .mu{font-size:14px}.thema-staal{display:flex;gap:4px;margin-bottom:4px}.thema-staal i{width:22px;height:22px;border-radius:50%;border:1px solid #0003}.thema-staal.licht i:nth-child(1){background:#f2f4ef}.thema-staal.licht i:nth-child(2){background:#1d6b58}.thema-staal.licht i:nth-child(3){background:#f0b429}.thema-staal.kroeg i:nth-child(1){background:#16110c}.thema-staal.kroeg i:nth-child(2){background:#f2a93b}.thema-staal.kroeg i:nth-child(3){background:#f3e9dc}.thema-staal.groot i:nth-child(1){background:#fff}.thema-staal.groot i:nth-child(2){background:#111}.thema-staal.groot i:nth-child(3){background:#1b6e2f}.recap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 10px) max(18px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 10px) max(18px,env(safe-area-inset-left,0px));transition:background .4s,color .4s}.recap.groen{background:#1d6b58;color:#fff}.recap.zon{background:#f0b429;color:#2a1f00}.recap.inkt{background:#14201e;color:#f2f4ef}.recap.licht{background:#f2f4ef;color:#1b2927}.recap-balk{display:flex;gap:4px}.recap-balk i{flex:1;height:4px;border-radius:2px;background:currentColor;opacity:.25}.recap-balk i.af,.recap-balk i.nu{opacity:.9}.recap-knoppen{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.recap-knoppen button{padding:8px 14px;border-radius:99px;background:color-mix(in srgb,currentColor 14%,transparent);font-weight:700;font-size:14px}.recap-dia{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;max-width:900px;width:100%;margin:0 auto;min-height:0;overflow:auto;cursor:pointer;-webkit-user-select:none;user-select:none;animation:rc-in .45s ease-out}@keyframes rc-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.recap-dia{animation:none}.recap{transition:none}}.recap-voet{display:flex;justify-content:center;align-items:center;gap:18px;font-weight:700}.recap-voet button{width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,currentColor 14%,transparent);font-size:26px;line-height:1}.rc-klein{margin:0;font-size:clamp(16px,2.4vw,24px);font-weight:700;opacity:.8;text-transform:uppercase;letter-spacing:.06em}.rc-groot{margin:0;font-size:clamp(40px,8vw,96px);font-weight:800;line-height:1.02;letter-spacing:-.02em;text-wrap:balance}.rc-getal{margin:0;font-size:clamp(72px,16vw,200px);font-weight:800;line-height:.95;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.rc-bedrag{font-size:clamp(56px,11vw,150px);white-space:nowrap;overflow-wrap:normal}.rc-tekst{margin:0;font-size:clamp(20px,3.2vw,34px);font-weight:600;line-height:1.25;max-width:28ch}.rc-hint{margin:24px 0 0;opacity:.88;font-weight:600}.rc-top{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:10px}.rc-top li{display:grid;grid-template-columns:minmax(0,9em) 1fr auto;gap:12px;align-items:center;font-size:clamp(17px,2.6vw,26px);font-weight:700}.rc-top li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-top li i{height:18px;border-radius:9px;background:#1d6b58}.rc-top li b{font-variant-numeric:tabular-nums}.rc-namen{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:14px}.rc-namen li{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.rc-namen b{font-size:clamp(32px,6vw,64px);font-weight:800;letter-spacing:-.02em}.rc-namen span{font-size:clamp(18px,2.6vw,26px);opacity:.8;font-weight:600}.rc-klok{display:grid;gap:3px;margin-top:8px;font-size:12px;font-weight:700;max-width:760px}.rc-rij{display:contents}.rc-rij>span{align-self:center;opacity:.7}.rc-rij>i{height:clamp(14px,4.2vh,36px);border-radius:3px;background:#1d6b58;min-width:0}.rc-uren>span{text-align:center;opacity:.6}