:root{--bg:#050b0f;--paneel:#081116;--kaart:#0b1319;--kaart2:#0e171e;--veld:#050d12;--rand:#ffffff16;--rand2:#ffffff29;--t1:#e9edef;--t2:#93a0a7;--t3:#5f6c75;--goud:#ffd02e;--goud-d:#c9a11c;--goud-z:#ffd02e1a;--groen:#02893d;--groen-h:#22c55e;--groen-z:#22c55e1f;--rood:#b02522;--rood-h:#e5484d;--rood-z:#e5484d24;--oranje:#e8890c;--blauw:#2e7dd1;--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;--nav-b:194px;--top-h:78px;--r:10px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--t1);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;text-align:center;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-track{background:0 0}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.top{height:var(--top-h);flex:none;align-items:center;gap:10px;padding:0 12px;display:flex}.ham{border-radius:var(--r);background:var(--kaart);border:1px solid var(--rand2);place-items:center;gap:5px;width:70px;height:56px;padding:0 18px;display:grid}.ham i{background:var(--t1);border-radius:2px;width:100%;height:3px;display:block}.top-pil{border-radius:var(--r);border:1.5px solid var(--rand2);background:var(--kaart);letter-spacing:.02em;white-space:nowrap;height:56px;color:var(--t1);align-items:center;gap:12px;padding:0 20px;font-size:16px;font-weight:600;display:inline-flex}.top-pil.goud{border-color:var(--goud);color:var(--goud)}.top-pil.groen{border-color:var(--groen-h);color:var(--groen-h)}.top-pil.aan{background:var(--goud);border-color:var(--goud);color:var(--k-accent-op)}.top-pil small{opacity:.7;font-size:14px;font-weight:500}.top-zoek{border-radius:var(--r);background:var(--kaart);border:1px solid var(--rand);flex:1;align-items:center;gap:10px;min-width:160px;height:56px;padding:0 20px;display:flex}.top-zoek input{color:var(--t1);background:0 0;border:none;flex:1;font-size:16px}.top-zoek input::placeholder{color:var(--t3)}.romp{flex:1;min-height:0;display:flex;overflow:hidden}.zij{width:var(--nav-b);background:var(--paneel);flex-direction:column;flex:none;display:flex;overflow:hidden}.zij-lijst{flex:1;min-height:0;padding:2px 0;overflow-y:auto}.zij-item{height:58px;color:var(--t2);border-bottom:1px solid #ffffff0d;border-left:4px solid #0000;align-items:center;gap:12px;padding:0 16px;font-size:15px;display:flex}.zij-item:hover{color:var(--t1);background:#ffffff08}.zij-item.aan{color:var(--goud);border-left-color:var(--goud);background:var(--goud-z);font-weight:600}.zij-voet{flex:none;padding:14px 16px 12px}.zij-merk{letter-spacing:.16em;font-size:26px;font-weight:800;line-height:1}.zij-merk span{color:var(--groen-h)}.zij-slogan{letter-spacing:.09em;color:var(--t3);text-transform:uppercase;margin-top:5px;font-size:8.5px}.zij-status{color:var(--t2);align-items:center;gap:8px;margin-top:14px;font-size:12.5px;display:flex}.zij-status i{background:var(--groen-h);border-radius:50%;flex:none;width:9px;height:9px}.zij-status b{color:var(--groen-h);margin-left:auto;font-size:12px;font-weight:600}.zij-versie{color:var(--t3);font-size:11px;font-family:var(--mono);margin-top:10px}.werk{flex-direction:column;flex:1;min-width:0;padding:0 12px 12px;display:flex;overflow:hidden}.werkvlak{flex:1;min-height:0;padding-right:2px;overflow-y:auto}.kop-rij{z-index:20;flex:none;align-items:center;gap:14px;padding:10px 4px 6px;display:flex;position:relative}.kop{letter-spacing:.01em;color:var(--goud);margin:0;font-size:30px;font-weight:800}.kop.wit{color:var(--t1)}.kop-rij .rechts{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-left:auto;display:flex}@media (max-width:700px){.kop-rij{flex-wrap:wrap}.kop-rij .rechts{justify-content:flex-start;width:100%;margin-left:0}}.tabs{border-bottom:1px solid var(--rand);flex-wrap:wrap;flex:none;gap:22px;margin-bottom:12px;padding:6px 4px 12px;display:flex}.tab{color:var(--t2);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:6px 0 8px;font-size:14.5px;display:inline-flex}.tab:hover{color:var(--t1)}.tab.aan{color:var(--goud);border-bottom-color:var(--goud);font-weight:600}.pil-tabs{flex-wrap:nowrap;flex:none;gap:7px;padding:4px 4px 14px;display:flex;overflow-x:auto}.pil-tab{white-space:nowrap;background:var(--kaart);border:1px solid var(--rand);letter-spacing:.03em;height:38px;color:var(--t2);border-radius:8px;flex:none;align-items:center;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.pil-tab.aan{background:var(--goud);border-color:var(--goud);color:var(--k-accent-op)}.raster{gap:10px;display:grid}.r2{grid-template-columns:repeat(2,minmax(0,1fr))}.r3{grid-template-columns:repeat(3,minmax(0,1fr))}.r4{grid-template-columns:repeat(4,minmax(0,1fr))}.r5{grid-template-columns:repeat(5,minmax(0,1fr))}.kaart{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r);flex-direction:column;min-width:0;padding:13px 13px 14px;display:flex}.kaart-kop{color:var(--goud);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 9px;font-size:14.5px;font-weight:700;display:flex}.kaart-kop .mee{color:var(--t3);text-transform:none;margin-left:auto;font-size:12px;font-weight:500}.rij{min-height:31px;color:var(--t2);align-items:center;gap:9px;font-size:13px;display:flex}.rij>span:first-child{flex:auto;min-width:0}.rij .veld{flex:none;width:172px;min-width:0;max-width:172px}.r3 .rij .veld,.r4 .rij .veld{width:148px;max-width:148px}.r3 .rij,.r4 .rij{gap:7px}.rij .veld-vast{flex:none}.rij .w{color:var(--t1)}.rij .n{font-family:var(--mono);color:var(--t1);font-variant-numeric:tabular-nums}.rij+.rij{border-top:1px solid #ffffff0a}.veld{background:var(--veld);border:1px solid var(--rand2);min-width:150px;max-width:100%;height:32px;color:var(--t1);border-radius:6px;width:auto;padding:0 10px;font-size:13.5px}.veld:focus{border-color:var(--goud)}select.veld{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--t2) 50%),linear-gradient(135deg,var(--t2) 50%,transparent 50%);cursor:pointer;background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:28px}.veld-vast{text-align:right;min-width:0;font-family:var(--mono);color:var(--t1);font-size:13.5px}.schakel{width:44px;height:23px;transition:background var(--k-tijd-vlot);cursor:pointer;background:#39434a;border:none;border-radius:12px;flex:none;position:relative}.schakel i{width:18px;height:18px;transition:transform var(--k-tijd-vlot);background:#fff;border-radius:50%;position:absolute;top:2.5px;left:2.5px}.schakel.aan{background:var(--groen-h)}.schakel.aan i{transform:translate(21px)}.schakel-tekst{white-space:nowrap;min-width:76px;font-size:12px}.schakel-tekst.aan{color:var(--groen-h)}.schakel-tekst.uit{color:var(--t3)}.knop{background:var(--kaart2);border:1px solid var(--rand2);height:40px;color:var(--t1);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 16px;font-size:13.5px;font-weight:600;display:inline-flex}.knop:hover{border-color:var(--rand2);background:#131e26}.knop.vol{width:100%}.knop.goud{background:var(--goud);border-color:var(--goud);color:var(--k-accent-op)}.knop.groen{background:var(--groen);border-color:var(--groen);color:#fff}.knop.rood{background:var(--rood);border-color:var(--rood);color:#fff}.knop.rood-lijn{border-color:var(--rood-h);color:var(--rood-h);background:0 0}.knop.groot{height:52px;font-size:16px}.kaart .knop.onder{margin-top:auto}.merkje{letter-spacing:.04em;text-transform:uppercase;border-radius:6px;align-items:center;height:24px;padding:0 10px;font-size:11.5px;font-weight:700;display:inline-flex}.merkje.groen{background:var(--groen-z);color:var(--groen-h)}.merkje.goud{background:var(--goud-z);color:var(--goud)}.merkje.rood{background:var(--rood-z);color:var(--rood-h)}.merkje.grijs{color:var(--t2);background:#ffffff12}.stip{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.stip.groen{background:var(--groen-h)}.stip.rood{background:var(--rood-h)}.stip.oranje{background:var(--oranje)}.stip.grijs{background:var(--t3)}table.tab-lijst{border-collapse:collapse;width:100%;font-size:13.5px}table.tab-lijst th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);border-bottom:1px solid var(--rand);padding:8px 10px;font-size:11px;font-weight:600}table.tab-lijst td{color:var(--t2);border-bottom:1px solid #ffffff0d;padding:11px 10px}table.tab-lijst td b{color:var(--t1);font-weight:600}table.tab-lijst td.n{font-family:var(--mono);text-align:right;color:var(--t1);font-variant-numeric:tabular-nums}.kpi{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r);padding:14px 16px}.kpi em{letter-spacing:.1em;text-transform:uppercase;color:var(--t3);font-size:11px;font-style:normal;display:block}.kpi b{font-variant-numeric:tabular-nums;margin-top:6px;font-size:28px;font-weight:800;display:block}.kpi i{font-size:12.5px;font-style:normal;font-family:var(--mono)}.kpi i.op{color:var(--groen-h)}.kpi i.af{color:var(--rood-h)}.balkje{border-radius:var(--k-rond-xs);background:var(--k-lijn-sterk);height:6px;overflow:hidden}.balkje i{background:var(--groen-h);height:100%;display:block}.balkje i.oranje{background:var(--oranje)}.balkje i.rood{background:var(--rood-h)}.balkje i.goud{background:var(--goud)}.tegels{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.tegel{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r);text-align:center;flex-direction:column;align-items:stretch;display:flex;position:relative;overflow:hidden}.tegel:hover{border-color:var(--goud)}.tegel-naam{color:var(--t1);padding:9px 8px 4px;font-size:13.5px}.tegel-beeld{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:96px}.tegel-voet{justify-content:space-between;align-items:center;gap:6px;padding:6px 9px 9px;display:flex}.tegel-prijs{font-family:var(--mono);color:var(--t1);font-size:13.5px}.tegel-plus{background:var(--goud);width:28px;height:26px;color:var(--k-accent-op);border-radius:6px;flex:none;place-items:center;font-size:17px;font-weight:700;line-height:1;display:grid}.tegel.op{opacity:.45}.tegel.op .tegel-naam{text-decoration:line-through}.bon{background:var(--paneel);border:1px solid var(--rand);border-radius:var(--r);flex-direction:column;flex:none;width:366px;margin:0 0 12px;display:flex;overflow:hidden}.bon-kop{flex:none;align-items:center;padding:14px 16px 10px;display:flex}.bon-kop h2{color:var(--goud);letter-spacing:.01em;margin:0;font-size:20px;font-weight:800}.bon-kop .weg{color:var(--t2);margin-left:auto}.bon-kolommen{letter-spacing:.09em;text-transform:uppercase;color:var(--t3);border-bottom:1px solid var(--rand);grid-template-columns:16px minmax(0,1fr) 72px 50px 54px 14px;gap:4px;padding:6px 14px;font-size:10.5px;display:grid}.bon-lijst{flex:1;min-height:0;padding:0 14px;overflow-y:auto}.bon-regel{border-bottom:1px solid #ffffff0d;grid-template-columns:16px minmax(0,1fr) 76px minmax(54px,max-content) 30px 30px;align-items:center;gap:4px;padding:12px 0;display:grid}.bon-regel .stuk{color:var(--t3);font-size:12px;font-family:var(--mono);white-space:nowrap}.bon-regel .nr{color:var(--t3);font-family:var(--mono);font-size:13px}.bon-regel b{-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.bon-regel em{color:var(--t2);font-size:12.5px;font-style:normal;display:block}.bon-regel .n{font-family:var(--mono);text-align:right;font-variant-numeric:tabular-nums;font-size:12.5px}.aantal{align-items:center;gap:4px;display:flex}.aantal button{background:#ffffff14;border-radius:7px;place-items:center;width:28px;height:28px;font-size:16px;line-height:1;display:grid;position:relative}.aantal button:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aantal button.plus{background:var(--groen);color:#fff}.aantal span{text-align:center;min-width:16px;font-family:var(--mono);font-size:14px}.bon-toevoegen{border:1px dashed var(--rand2);width:100%;height:44px;color:var(--t2);border-radius:8px;justify-content:center;align-items:center;gap:9px;margin:12px 0;font-size:13.5px;display:flex}.bon-totaal{border-top:1px solid var(--rand);flex:none;padding:14px 16px 16px}.bon-totaal .r{color:var(--t2);justify-content:space-between;padding:4px 0;font-size:14.5px;display:flex}.bon-totaal .r.korting{color:var(--groen-h)}.bon-totaal .r span:last-child{font-family:var(--mono);font-variant-numeric:tabular-nums}.bon-totaal .streep{border-top:1px dashed var(--rand2);margin:10px 0}.bon-totaal .eind{justify-content:space-between;align-items:baseline;margin-top:4px;display:flex}.bon-totaal .eind b{letter-spacing:.02em;font-size:22px;font-weight:800}.bon-totaal .eind i{font-variant-numeric:tabular-nums;font-size:30px;font-style:normal;font-weight:800}.bon-leeg{text-align:center;color:var(--t3);padding:38px 16px;font-size:13.5px}.bon-kapot{border:1px solid var(--rood);text-align:center;background:#ef444414;border-radius:10px;flex-direction:column;gap:10px;margin:14px;padding:18px 16px;display:flex}.bon-kapot b{color:var(--rood-h);font-size:14.5px}.bon-kapot p{color:var(--t2);margin:0;font-size:13.5px;line-height:1.55}.betaalkolom{flex-direction:column;flex:none;gap:8px;width:264px;margin-bottom:12px;display:flex}.betaal-groot{border-radius:var(--r);background:var(--groen);color:#fff;letter-spacing:.02em;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:150px;font-size:22px;font-weight:800;display:flex}.betaal-groot small{background:#ffffff2e;border-radius:5px;padding:3px 10px;font-size:13px;font-weight:700}.betaal-rij{border-radius:var(--r);background:var(--kaart);border:1px solid var(--rand);align-items:center;gap:12px;height:56px;padding:0 16px;font-size:15px;font-weight:600;display:flex}.betaal-rij .fk{color:var(--t3);font-size:13px;font-family:var(--mono);margin-left:auto}.betaal-rij.rood{background:var(--rood);border-color:var(--rood);color:#fff}.betaal-rij.rood .fk{color:#ffffffb3}.klavier{flex:1;grid-template-columns:repeat(4,1fr);gap:6px;min-height:0;display:grid}.klavier button{background:var(--kaart);border:1px solid var(--rand);font-size:24px;font-weight:600;font-family:var(--mono);border-radius:8px;place-items:center;display:grid}.klavier button.rood{color:var(--rood-h)}.klavier button.groen{background:var(--groen);border-color:var(--groen);color:#fff}.klavier button.breed{grid-column:span 2}.fbalk{flex:none;gap:7px;padding:10px 0 0;display:flex}.fknop{white-space:nowrap;border-radius:var(--r);background:var(--kaart);border:1px solid var(--rand);letter-spacing:.01em;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;height:52px;padding:0 5px;font-size:11.5px;font-weight:600;display:flex;overflow:hidden}.fknop .fk{color:var(--t3);font-family:var(--mono);font-size:11px}.fknop svg{width:15px;height:15px}.fknop:hover{border-color:var(--rand2)}.waas{z-index:60;background:#000000a8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialoog{background:var(--paneel);border:1px solid var(--rand2);border-radius:14px;width:min(560px,100%);max-height:86dvh;overflow:auto;box-shadow:0 30px 80px #000000b3}.dialoog header{border-bottom:1px solid var(--rand);align-items:center;gap:12px;padding:16px 20px;display:flex}.dialoog header h3{color:var(--goud);margin:0;font-size:18px;font-weight:700}.dialoog header button{color:var(--t2);margin-left:auto;font-size:22px;line-height:1}.dialoog .lijf{padding:18px 20px}.dialoog footer{border-top:1px solid var(--rand);gap:10px;padding:16px 20px;display:flex}.dialoog footer .knop:last-child{margin-left:auto}.toast{z-index:70;background:var(--kaart);border:1px solid var(--rand2);border-left:4px solid var(--goud);border-radius:10px;max-width:420px;padding:14px 18px;font-size:14px;position:fixed;bottom:18px;right:18px;box-shadow:0 18px 50px #0009}.mono{font-family:var(--mono)}.goud{color:var(--goud)}.groen{color:var(--groen-h)}.rood{color:var(--rood-h)}.t2{color:var(--t2)}.t3{color:var(--t3)}.mt{margin-top:auto}.scroll{min-height:0;overflow-y:auto}.bon-kort{border-bottom:1px solid #ffffff0d;grid-template-columns:20px minmax(0,1fr) auto;align-items:baseline;gap:10px;width:100%;padding:12px 0;display:grid}.bon-kort .nr{color:var(--t3);font-family:var(--mono);font-size:13px}.bon-kort b{font-size:16px;font-weight:600;display:block}.bon-kort em{color:var(--t2);margin-top:2px;font-size:13px;font-style:normal;display:block}.bon-kort .n{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--t1);font-size:15px}.bon-kort:hover{background:#ffffff08}.bon-acties{flex-direction:column;flex:none;gap:8px;padding:0 16px 16px;display:flex}.bon-acties .twee{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bon-acties .fk{color:inherit;opacity:.7;font-family:var(--mono);margin-left:4px;font-size:12.5px}.bon-regel.met-beeld{grid-template-columns:46px minmax(0,1fr) 72px 50px 54px 14px}.bon-mini{background:var(--kaart);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:8px;width:42px;height:42px}:root{--vlot:.14s;--vloeiend:.26s;--traag:.48s;--boog:cubic-bezier(.22,.9,.28,1);--veer:cubic-bezier(.34,1.4,.5,1)}@keyframes op{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes opklein{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}@keyframes inzoom{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes vanrechts{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes vanonder{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes tikpop{0%{transform:scale(1)}38%{transform:scale(.94)}to{transform:scale(1)}}@keyframes flits{0%{background:#22c55e38}to{background:0 0}}@keyframes randgloed{0%{box-shadow:0 0 #22c55e80}to{box-shadow:0 0 0 14px #22c55e00}}@keyframes glans{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes streep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes balkje-vul{0%{width:0}}@keyframes adem{0%,to{opacity:.55}50%{opacity:1}}@keyframes tolt{to{transform:rotate(360deg)}}.werkvlak{animation:op var(--traag) var(--boog) both}.kop-rij{animation:opklein .34s var(--boog) both}.tabs,.pil-tabs{animation:opklein .38s var(--boog) both;animation-delay:40ms}.bon{animation:vanrechts .42s var(--boog) both;animation-delay:60ms}.betaalkolom{animation:vanrechts .46s var(--boog) both;animation-delay:.12s}.fbalk{animation:vanonder .42s var(--boog) both;animation-delay:.14s}.raster>*,.tegels>*,.kpi{animation:opklein .42s var(--boog) both}.raster>:first-child,.tegels>:first-child{animation-delay:20ms}.raster>:nth-child(2),.tegels>:nth-child(2){animation-delay:45ms}.raster>:nth-child(3),.tegels>:nth-child(3){animation-delay:70ms}.raster>:nth-child(4),.tegels>:nth-child(4){animation-delay:95ms}.raster>:nth-child(5),.tegels>:nth-child(5){animation-delay:.12s}.raster>:nth-child(6),.tegels>:nth-child(6){animation-delay:.145s}.raster>:nth-child(7),.tegels>:nth-child(7){animation-delay:.17s}.raster>:nth-child(8),.tegels>:nth-child(8){animation-delay:.19s}.raster>:nth-child(9),.tegels>:nth-child(9){animation-delay:.21s}.raster>:nth-child(n+10),.tegels>:nth-child(n+10){animation-delay:.23s}.knop,.pil-tab,.top-pil,.fknop,.betaal-rij,.klavier button,.mini-k,.keuze,.zij-item,.tegel,.kaart{transition:transform var(--vlot) var(--boog),background var(--vloeiend) ease, border-color var(--vloeiend) ease,box-shadow var(--vloeiend) ease,color var(--vloeiend) ease}.knop:active,.pil-tab:active,.top-pil:active,.fknop:active,.betaal-rij:active,.klavier button:active,.mini-k:active,.keuze:active{transform:translateY(1px)scale(.982)}.knop:hover{box-shadow:0 6px 18px -10px #000000e6}.knop.goud:hover{box-shadow:0 8px 22px -10px #ffd02e8c}.knop.groen:hover{box-shadow:0 8px 22px -10px #22c55e8c}.knop.rood:hover{box-shadow:0 8px 22px -10px #e5484d80}.klavier button:active{background:var(--goud);border-color:var(--goud);color:var(--k-accent-op)}.zij-item{position:relative}.zij-item .ic,.zij-item svg{transition:transform var(--vloeiend) var(--veer)}.zij-item:hover svg{transform:translate(3px)}.zij-item.aan{animation:none}.zij-item.aan:before{content:"";background:var(--goud);transform-origin:50%;width:4px;animation:streep .3s var(--veer) both;position:absolute;top:0;bottom:0;left:-4px}.zij-item.aan{border-left-color:#0000}.tab{position:relative}.tab.aan{border-bottom-color:#0000}.tab.aan:after{content:"";background:var(--goud);transform-origin:0;height:2px;animation:streep .3s var(--boog) both;position:absolute;bottom:-1px;left:0;right:0}.pil-tab.aan{animation:tikpop .32s var(--veer)}.kaart:hover{border-color:#ffffff29;box-shadow:0 10px 30px -22px #000}.kaart-kop{position:relative}.tegel{will-change:transform}.tegel .tegel-beeld{transition:transform var(--vloeiend) var(--boog)}.tegel:hover{transform:translateY(-3px);box-shadow:0 14px 30px -20px #000000f2}.tegel:hover .tegel-beeld{transform:scale(1.07)}.tegel.tik{animation:tikpop .26s var(--veer)}.tegel-plus{transition:background var(--vlot) ease,transform var(--vlot) var(--veer)}.tegel:active .tegel-plus{transform:scale(.9)}.vlieger{z-index:90;pointer-events:none;filter:drop-shadow(0 10px 18px #0009);background-position:50%;background-repeat:no-repeat;background-size:contain;position:fixed}.bon.ontvang{animation:.62s ease-out randgloed}.bon-regel,.bon-kort{animation:opklein .3s var(--boog) both}.bon-regel.vers,.bon-kort.vers{animation:.7s ease-out flits}.aantal button{transition:transform var(--vlot) var(--veer),background var(--vlot) ease}.aantal button:active{transform:scale(.86)}.aantal button.plus:hover{background:var(--groen-h)}.bon-totaal .eind i{transition:color var(--vloeiend) ease}.bon-totaal .eind i.beweegt{color:var(--groen-h)}.bon-toevoegen{transition:border-color var(--vloeiend) ease,color var(--vloeiend) ease,background var(--vloeiend) ease}.bon-toevoegen:hover{border-color:var(--goud);color:var(--goud);background:var(--goud-z)}.betaal-groot{position:relative;overflow:hidden}.betaal-groot:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff29 50%,#0000 65%) 0 0/250% 100%;animation:3.4s ease-in-out infinite glans;position:absolute;inset:0}.betaal-groot:hover{box-shadow:0 12px 34px -14px #22c55eb3}.schakel{transition:background var(--vloeiend) var(--boog)}.schakel i{transition:transform var(--vloeiend) var(--veer)}.schakel:active i{width:22px}.schakel-tekst{transition:color var(--vloeiend) ease}.veld{transition:border-color var(--vloeiend) ease,box-shadow var(--vloeiend) ease,background var(--vloeiend) ease}.veld:focus{box-shadow:0 0 0 3px #ffd02e29}.veld:hover{border-color:#ffffff42}table.tab-lijst tbody tr{transition:background var(--vlot) ease}table.tab-lijst tbody tr:hover{background:#ffffff0b}table.tab-lijst tbody tr td:first-child{position:relative}table.tab-lijst tbody tr:hover td:first-child:before{content:"";background:var(--goud);width:2px;animation:streep .2s var(--boog) both;transform-origin:top;position:absolute;top:0;bottom:0;left:0}.balkje i{animation:balkje-vul .62s var(--boog) both;transition:width var(--vloeiend) var(--boog);animation-delay:.18s}.toast{animation:vanonder .3s var(--veer) both;overflow:hidden}.toast:after{content:"";background:var(--goud);transform-origin:0;width:100%;height:2px;animation:2.6s linear forwards aftel;position:absolute;bottom:0;left:0}@keyframes aftel{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.waas{animation:.18s both inzoom}.dialoog{animation:opklein .26s var(--veer) both}.stip.groen,.zij-status i{animation:2.6s ease-in-out infinite adem}.merkje{transition:transform var(--vlot) var(--veer)}.merkje:hover{transform:translateY(-1px)}.bonsp{z-index:200;cursor:pointer;background:#02060a;justify-content:center;align-items:flex-start;animation:.14s both bp-in;display:flex;position:fixed;inset:0;overflow:hidden}.bonsp.scheur{animation:.55s cubic-bezier(.6,0,.3,1) both bp-weg}@keyframes bp-in{0%{opacity:0}to{opacity:1}}@keyframes bp-weg{to{opacity:0}}.bonsp-gleuf{z-index:3;background:#000;border-radius:0 0 3px 3px;width:min(430px,80vw);height:5px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px #ffd02e59,0 10px 26px #000000e6}.bonsp-papier{background:#0c1116 repeating-linear-gradient(#ffffff04 0 2px,#0000 2px 4px);width:min(460px,82vw);padding:30px 30px 46px;animation:.62s steps(7,end) both bp-voer,.52s cubic-bezier(.55,0,.3,1) 2.42s both bp-scheur;position:relative;transform:translateY(-100%);box-shadow:0 26px 60px #000000bf}@keyframes bp-voer{to{transform:translateY(0)}}@keyframes bp-scheur{to{transform:translateY(-118%)rotate(-1.6deg)}}.bonsp-kop{font-family:var(--mono);letter-spacing:.16em;color:#ffffff4d;justify-content:space-between;margin-bottom:22px;font-size:10.5px;animation:10ms step-end .5s both bp-toon;display:flex}@keyframes bp-toon{0%{opacity:0}to{opacity:1}}.bonsp-druk{clip-path:inset(0 0 100%);animation:.78s steps(9,end) .55s both bp-print}.bonsp-druk.leus{animation:.34s steps(5,end) 1.36s both bp-print}@keyframes bp-print{to{clip-path:inset(0)}}.bonsp-merk{justify-content:center;display:flex}.bonsp-kop-lijn{background:linear-gradient(90deg,#0000,#ffffff38,#0000);height:1px;margin:24px 0 18px}.bonsp-leus{text-align:center;letter-spacing:.2em;color:#ffffff9e;font-size:11px;font-weight:500;display:block}.bonsp-leus b{color:var(--groen-h);font-weight:700}.bonsp .logo-druppel{transform-origin:338.5px 68px;animation:.4s cubic-bezier(.3,1.8,.5,1) 1.34s both bp-druppel}@keyframes bp-druppel{0%{opacity:0;filter:drop-shadow(0 0 #22c55e00);transform:translateY(-30px)scale(.2)}55%{opacity:1;filter:drop-shadow(0 0 9px #22c55ef2)}to{opacity:1;filter:drop-shadow(0 0 3px #22c55e73);transform:none}}.bonsp-stippel{background-image:repeating-linear-gradient(90deg,#ffffff47 0 6px,#0000 6px 12px);height:1px;margin:24px 0 16px;animation:10ms step-end 1.78s both bp-toon}.bonsp-voet{font-family:var(--mono);letter-spacing:.18em;color:#ffffff6b;justify-content:center;align-items:center;gap:8px;font-size:10.5px;animation:10ms step-end 2.06s both bp-toon;display:flex}.bonsp-stippel.twee{animation-delay:2.02s}.bonsp-druk.regels{clip-path:none;flex-direction:column;gap:7px;display:flex}.bonsp-regel{font-family:var(--mono);letter-spacing:.12em;color:#ffffff80;align-items:center;gap:8px;font-size:10.5px;animation:10ms step-end both bp-toon;display:flex}.bonsp-regel em{color:#ffffff57;font-style:normal}.bonsp-regel i{background-image:repeating-linear-gradient(90deg,#ffffff2e 0 3px,#0000 3px 7px);flex:1;height:1px}.bonsp-voet i{background:var(--groen-h);border-radius:50%;width:7px;height:7px;display:inline-block}.bonsp-printkop{background:linear-gradient(90deg,transparent,var(--goud),transparent);opacity:0;height:2px;animation:1.5s steps(15,end) .55s both bp-kop;position:absolute;top:56px;left:16px;right:16px;box-shadow:0 0 16px #ffd02eb3}@keyframes bp-kop{0%{opacity:0;top:56px}5%{opacity:1}60%{top:200px}92%{opacity:1;top:330px}to{opacity:0;top:342px}}@media (prefers-reduced-motion:reduce){.bonsp *,.bonsp{animation-delay:0s!important}.bonsp-papier{transform:none}.bonsp-druk{clip-path:none}}.zij-logo{margin-bottom:7px}.logo-leus{letter-spacing:.085em;color:var(--t3);text-transform:uppercase;white-space:nowrap;font-size:8px;display:block}.logo-leus b{color:var(--groen-h);font-weight:700}.kassa-inlog{flex-direction:column;justify-content:center;max-width:460px;min-height:100%;margin:0 auto;padding:28px 20px 40px;display:flex}.kassa-inlog-logo{margin:0 auto 12px}.kassa-inlog .logo-leus{text-align:center;font-size:9px}.kassa-zaaknaam{color:var(--goud);margin-top:14px;font-size:17px;font-weight:700}.kassa-zaakkiezer{align-items:center;gap:10px;margin-bottom:16px;display:flex}.kassa-zaakkiezer span{color:var(--t3);min-width:38px;font-size:12.5px}.kassa-mensen{flex-direction:column;gap:8px;max-height:34vh;margin-bottom:16px;display:flex;overflow-y:auto}.kassa-mens{background:var(--kaart);border:1px solid var(--rand);transition:border-color var(--k-tijd-normaal),background var(--k-tijd-normaal);border-radius:12px;align-items:center;gap:12px;padding:11px 12px;display:flex}.kassa-mens.aan{border-color:var(--goud);background:var(--goud-z)}.kassa-mens b{font-size:14.5px;display:block}.kassa-mens em{color:var(--t2);font-size:12px;font-style:normal;display:block}.kassa-mens .ic,.kassa-mens svg{color:var(--goud);margin-left:auto}.kassa-ini{background:var(--kaart2);border:1px solid var(--rand2);width:34px;height:34px;color:var(--goud);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:700;display:grid}.kassa-pin{justify-content:center;gap:10px;margin-bottom:10px;display:flex}.kassa-pin i{border:2px solid var(--rand2);width:14px;height:14px;transition:all var(--k-tijd-normaal);border-radius:50%}.kassa-pin i.vol{background:var(--goud);border-color:var(--goud);transform:scale(1.12)}.kassa-fout{text-align:center;color:var(--rood-h);min-height:20px;margin-bottom:6px;font-size:13px}.kassa-toetsen{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.kassa-toetsen button{background:var(--kaart);border:1px solid var(--rand);height:54px;font-size:21px;font-weight:600;font-family:var(--mono);border-radius:12px;place-items:center;display:grid}.kassa-toetsen button:active{background:var(--kaart2);transform:scale(.95)}.kr{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.kp{background:var(--kaart);border:1px solid var(--rand);letter-spacing:.05em;height:36px;color:var(--t1);white-space:nowrap;border-radius:9px;align-items:center;padding:0 14px;font-size:12.5px;font-weight:600;display:inline-flex}.kp.mono{font-family:var(--mono);color:var(--t2);text-transform:uppercase;font-weight:400}.kp.goud{background:var(--goud);border-color:var(--goud);color:var(--k-accent-op)}.kp.rood{background:var(--rood-z);color:var(--rood-h);border-color:#e5484d80}.bon-kop b{letter-spacing:.03em;color:var(--t1);font-size:16px;font-weight:800;display:block}.bon-kop em{color:var(--t3);font-size:12px;font-style:normal;font-family:var(--mono);margin-top:2px;display:block}.bkr{gap:6px;margin-left:auto;display:flex}.mini-k{background:var(--kaart);border:1px solid var(--rand);height:30px;color:var(--t2);white-space:nowrap;border-radius:7px;align-items:center;padding:0 11px;font-size:12px;display:inline-flex}.mini-k:hover{border-color:var(--rand2);color:var(--t1)}.mini-k.rood{color:var(--rood-h);border-color:#e5484d59}.melding{background:var(--kaart2);border:1px solid var(--rand2);color:var(--t2);border-radius:8px;align-items:flex-start;gap:9px;padding:10px 12px;font-size:13.5px;line-height:1.45;display:flex}.melding svg{color:var(--t3);flex:none;margin-top:1px}.melding.rood{background:var(--rood-z);border-color:var(--rood);color:var(--rood-h)}.melding.rood svg{color:var(--rood-h)}.melding.groen{background:var(--groen-z);border-color:var(--groen);color:var(--groen-h)}.melding.groen svg{color:var(--groen-h)}.melding.goud{background:var(--goud-z);border-color:var(--goud);color:var(--goud)}.melding.goud svg{color:var(--goud)}.rap-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rap-grid .breed{grid-column:1/-1}@media (max-width:1100px){.rap-grid{grid-template-columns:1fr}}.rap-balk{color:var(--t2);grid-template-columns:130px 1fr auto;align-items:center;gap:10px;padding:6px 0;font-size:13.5px;display:grid}.rap-baan{border-radius:var(--k-rond-pil);background:var(--veld);height:8px;overflow:hidden}.rap-baan i{border-radius:var(--k-rond-pil);background:var(--goud);height:100%;transition:width var(--k-tijd-balk) var(--boog);display:block}.rap-balk em{font-style:normal;font-family:var(--mono);color:var(--t1);font-variant-numeric:tabular-nums;font-size:13px}.rap-regel{border-bottom:1px solid var(--rand);color:var(--t2);grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:7px 0;font-size:13.5px;display:grid}.rap-regel:last-child{border-bottom:0}.rap-regel b{font-family:var(--mono);color:var(--goud);font-variant-numeric:tabular-nums;font-weight:700}.rap-regel em{font-style:normal;font-family:var(--mono);color:var(--t1);font-variant-numeric:tabular-nums}.rap-uren{align-items:flex-end;gap:4px;height:132px;padding-top:8px;display:flex}.rap-uur{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex}.rap-uur span{color:var(--t3);font-size:10px;font-family:var(--mono)}.rap-staaf{background:linear-gradient(180deg,var(--goud),var(--goud-d));width:100%;animation:staafop .56s var(--boog) both;border-radius:3px 3px 0 0}.rap-staaf.leeg{background:var(--rand2);animation:none}@keyframes staafop{0%{height:0!important}}.rap-dag{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;display:grid}.rap-cel{background:var(--kaart2);border:1px solid var(--rand);border-radius:8px;padding:10px 12px}.rap-cel em{letter-spacing:.09em;text-transform:uppercase;color:var(--t3);font-size:11px;font-style:normal;display:block}.rap-cel b{font-size:20px;font-weight:800;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--t1);margin-top:5px;display:block}.rap-cel.sterk{border-color:var(--goud)}.rap-cel.sterk b{color:var(--goud)}.rap-tel{align-items:center;gap:10px;display:flex}.rap-tel span{color:var(--goud);font-size:30px;font-weight:700;font-family:var(--mono)}.rap-tel .veld{max-width:none;height:58px;font-size:30px;font-weight:700;font-family:var(--mono);text-align:right;flex:1;padding:0 14px}.keuken .keu-teller{border:1px solid var(--rand2);background:var(--kaart2);height:40px;color:var(--t2);font-size:13.5px;font-family:var(--mono);border-radius:8px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.keuken .keu-teller.warm{border-color:var(--oranje);color:var(--oranje)}.keuken .keu-teller.heet{border-color:var(--rood);color:var(--rood-h)}.keuken .keu-geluid-uit{border:1px solid var(--oranje);background:var(--kaart2);color:var(--oranje);border-radius:8px;align-items:center;gap:9px;margin:0 0 10px;padding:11px 14px;font-size:14px;display:flex}.keu-banen{flex:1;grid-template-columns:repeat(3,1fr);gap:10px;min-height:0;display:grid}@media (max-width:900px){.keu-banen{grid-template-columns:1fr;overflow-y:auto}}.keu-baan{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r);flex-direction:column;min-height:0;display:flex;overflow:hidden}.keu-baan-kop{border-bottom:1px solid var(--rand);letter-spacing:.08em;text-transform:uppercase;color:var(--t3);align-items:center;gap:10px;margin:0;padding:11px 14px;font-size:13px;font-weight:700;display:flex}.keu-baan-kop span{font-family:var(--mono);color:var(--t1);margin-left:auto}.keu-baan.bezig .keu-baan-kop{color:var(--goud)}.keu-baan.klaar .keu-baan-kop{color:var(--groen-h)}.keu-baan-lijst{flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px;display:flex;overflow-y:auto}.keu-leeg{color:var(--t3);text-align:center;margin:0;padding:18px 4px;font-size:13px}.keu-bon{background:var(--kaart2);border:1px solid var(--rand2);border-left:4px solid var(--rand2);animation:opklein .3s var(--boog) both;border-radius:10px;padding:11px 12px 10px}.keu-bon.warm{border-left-color:var(--oranje)}.keu-bon.heet{border-left-color:var(--rood);animation:opklein .3s var(--boog) both,klop 1.7s ease-in-out infinite}@keyframes klop{0%,to{box-shadow:0 0 #ff5a5a00}50%{box-shadow:0 0 0 3px #ff5a5a24}}.keu-bon header{border-bottom:1px dashed var(--rand2);align-items:center;gap:9px;padding-bottom:8px;display:flex}.keu-bon header b{font-size:19px;font-weight:800;font-family:var(--mono);color:var(--goud)}.keu-bon header em{font-style:normal;font-family:var(--mono);color:var(--t3);margin-left:auto;font-size:13px}.keu-bon.warm header em{color:var(--oranje)}.keu-bon.heet header em{color:var(--rood-h);font-weight:700}.keu-merk{letter-spacing:.08em;text-transform:uppercase;color:var(--t3);border:1px solid var(--rand2);border-radius:var(--k-rond-pil);padding:2px 8px;font-size:10.5px}.keu-merk.bezorg{color:var(--blauw);border-color:var(--blauw);align-items:center;gap:5px;display:inline-flex}.keu-bon ul{flex-direction:column;gap:7px;margin:0;padding:9px 0 0;list-style:none;display:flex}.keu-bon li{grid-template-columns:30px 1fr;align-items:start;gap:8px;display:grid}.keu-bon li b{font-size:17px;font-weight:800;font-family:var(--mono);color:var(--t1);text-align:right}.keu-bon li span{color:var(--t1);font-size:16px;line-height:1.3;display:block}.keu-bon li i{color:var(--t3);margin-top:2px;font-size:12.5px;font-style:normal;display:block}.keu-bon li i.let{color:var(--oranje)}.keu-note{background:var(--goud-z);color:var(--goud);border-radius:7px;margin:9px 0 0;padding:7px 9px;font-size:13px}.keu-waar{color:var(--blauw);align-items:center;gap:6px;margin:8px 0 0;font-size:12.5px;display:flex}.keu-bon footer{gap:8px;margin-top:11px;display:flex}.keu-bon :where(button){cursor:pointer;font:inherit}.keu-terug{border:1px solid var(--rand2);width:46px;height:46px;color:var(--t3);background:0 0;border-radius:9px;flex:none;place-items:center;display:grid}.keu-terug:hover{color:var(--t1);border-color:var(--t3)}.keu-door{text-align:center;letter-spacing:.06em;border:1px solid var(--goud);height:46px;color:var(--goud);background:0 0;border-radius:9px;flex:1;place-items:center;font-size:13.5px;font-weight:800;display:grid}.keu-door:hover{background:var(--goud-z)}.keu-door:active{transform:translateY(1px)}.keu-baan.bezig .keu-door{background:var(--goud);border-color:var(--goud);color:var(--k-accent-op)}.keu-baan.klaar .keu-door{background:var(--groen);border-color:var(--groen);color:#fff}.knop.mini{gap:6px;height:30px;padding:0 10px;font-size:11.5px}.ink-order{border:1px solid var(--rand);background:var(--kaart2);border-radius:10px;margin-bottom:10px;padding:11px 12px}.ink-order:last-child{margin-bottom:0}.ink-kop{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ink-kop b{font-family:var(--mono);color:var(--goud);font-size:14px}.ink-kop strong{font-family:var(--mono);color:var(--t1);margin-left:auto;font-size:15px}.ink-kop em{font-size:12px;font-style:normal}.ink-regels{color:var(--t2);flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:13px;display:flex}.ink-knoppen{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ink-invoer{flex-direction:column;gap:8px;margin:14px 0 6px;display:flex}.ink-invoer-rij{grid-template-columns:1fr 80px 100px 100px 40px;align-items:center;gap:8px;display:grid}.ink-invoer-rij .veld{width:100%;min-width:0;max-width:none}.ink-totaal{border-top:1px solid var(--rand);color:var(--t2);justify-content:space-between;align-items:center;padding:10px 0 0;font-size:14px;display:flex}.ink-totaal b{font-family:var(--mono);color:var(--goud);font-size:18px}@media (max-width:700px){.ink-invoer-rij{grid-template-columns:1fr 1fr;grid-auto-rows:auto}}.rec-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.rec-kaart{text-align:left;background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r);animation:opklein .32s var(--boog) both;flex-direction:column;align-items:stretch;gap:9px;padding:13px 14px;display:flex}.rec-kaart:hover{border-color:var(--rand2)}.rec-kop{align-items:baseline;gap:10px;display:flex}.rec-kop b{color:var(--t1);font-size:15.5px;font-weight:700}.rec-kop em{color:var(--t3);white-space:nowrap;align-items:center;gap:5px;margin-left:auto;font-size:12px;font-style:normal;display:inline-flex}.rec-cijfers{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rec-cijfers span{flex-direction:column;gap:3px;display:flex}.rec-cijfers i{letter-spacing:.08em;text-transform:uppercase;color:var(--t3);font-size:10.5px;font-style:normal}.rec-cijfers b{font-family:var(--mono);color:var(--t1);font-variant-numeric:tabular-nums;font-size:15px}.rec-cijfers .goed b{color:var(--groen-h)}.rec-cijfers .laag b{color:var(--oranje)}.rec-mee{color:var(--t3);font-size:12.5px}.rec-allerg{flex-wrap:wrap;gap:5px;display:flex}.rec-allerg span{text-transform:uppercase;letter-spacing:.06em;color:var(--t3);border:1px solid var(--rand2);border-radius:var(--k-rond-pil);padding:2px 7px;font-size:10.5px}.rec-tussen{letter-spacing:.09em;color:var(--goud);margin:18px 0 8px;font-size:12px;font-weight:700}.rec-regels{flex-direction:column;gap:7px;display:flex}.rec-regel{grid-template-columns:1fr 76px 96px 1fr 96px 76px 34px;align-items:center;gap:7px;display:grid}.rec-regel .veld{width:100%;min-width:0;max-width:none}.rec-regel.kop{letter-spacing:.07em;text-transform:uppercase;color:var(--t3);font-size:10.5px}.rec-regel>b{font-family:var(--mono);text-align:right;color:var(--t1);font-variant-numeric:tabular-nums;font-size:13px}.rec-regel>b.uitproduct{color:var(--groen-h)}@media (max-width:860px){.rec-regel{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.rec-regel.kop{display:none}}.rec-som{border:1px solid var(--rand2);background:var(--kaart2);border-radius:9px;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;padding:11px 12px;display:grid}.rec-som span{flex-direction:column;gap:3px;display:flex}.rec-som i{letter-spacing:.08em;text-transform:uppercase;color:var(--t3);font-size:10.5px;font-style:normal}.rec-som b{font-family:var(--mono);color:var(--t1);font-variant-numeric:tabular-nums;font-size:16px}.rec-som .goed b{color:var(--groen-h)}.rec-som .laag b{color:var(--oranje)}@media (max-width:700px){.rec-som{grid-template-columns:1fr 1fr}}.rec-vinkjes{flex-wrap:wrap;gap:7px;display:flex}.rec-vink{border-radius:var(--k-rond-pil);border:1px solid var(--rand2);color:var(--t2);cursor:pointer;text-transform:capitalize;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;display:inline-flex}.rec-vink.aan{border-color:var(--goud);color:var(--goud)}.rec-vink input{accent-color:var(--goud)}.rec-stappen{resize:vertical;width:100%;max-width:none;height:auto;padding:10px 12px;line-height:1.5}.uren-klok{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.uren-mens{text-align:left;border:1px solid var(--rand2);background:var(--kaart2);width:100%;color:var(--t1);border-radius:10px;align-items:center;gap:10px;padding:9px 11px;display:flex}.uren-mens:hover{border-color:var(--t3)}.uren-mens.aan{border-color:var(--groen);background:var(--groen-z)}.uren-mens b{font-size:14px;display:block}.uren-mens em{color:var(--t3);font-size:11.5px;font-style:normal;display:block}.uren-mens .stip{margin-left:auto}.uren-ini{background:var(--veld);width:32px;height:32px;color:var(--goud);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.uren-kop{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}.uren-kop .veld{margin-left:auto}.uren-dag{margin-top:14px}.uren-dag h4{letter-spacing:.08em;text-transform:uppercase;color:var(--t3);align-items:center;gap:10px;margin:0 0 7px;font-size:12px;display:flex}.uren-dag h4 span{font-family:var(--mono);color:var(--t2);margin-left:auto}.uren-rij{border-bottom:1px solid var(--rand);color:var(--t2);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 0;font-size:13.5px;display:flex}.uren-rij:last-child{border-bottom:0}.uren-rij b{min-width:150px;color:var(--t1)}.uren-rij span{font-family:var(--mono)}.uren-rij strong{font-family:var(--mono);color:var(--t1);margin-left:auto}.uren-rij .knop{margin-left:0}.ontwerpbalk{background:var(--goud-z);border-bottom:1px solid var(--goud);color:var(--goud);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 16px;font-size:12.5px;display:flex}.ontwerpbalk b{letter-spacing:.12em;border:1px solid var(--goud);border-radius:var(--k-rond-pil);padding:2px 9px;font-size:10.5px}.ontwerpbalk span{color:var(--t2)}.ontwerpbalk a{color:var(--goud);font-weight:700;text-decoration:underline}.tab-lijst tr.uit{opacity:.5}.pin-rij{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.pin-rij .veld{flex:1;min-width:0}.pin-uitleg{color:var(--t3);margin:2px 0 0;font-size:12.5px;line-height:1.45}.pin-groot{font-family:var(--mono);letter-spacing:.22em;text-align:center;color:var(--goud);padding:14px 0 18px;font-size:44px;font-weight:800}.bez-lopend{text-align:left;border:1px solid var(--groen);background:var(--groen-z);width:100%;color:var(--t1);border-radius:14px;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;display:flex}.bez-lopend b{font-size:14.5px;display:block}.bez-lopend em{color:var(--t3);margin-top:2px;font-size:12.5px;font-style:normal;display:block}.bez-lopend>svg:last-child{color:var(--groen-h);flex:none;margin-left:auto}.bez-lopend .bez-puls{background:var(--groen-h);border-radius:50%;flex:none;width:11px;height:11px}.bez-terug{top:calc(env(safe-area-inset-top) + 12px);z-index:5;border:1px solid var(--rand2);width:42px;height:42px;color:var(--t1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07080bb8;border-radius:50%;place-items:center;display:grid;position:absolute;left:14px}.bez-terug:active{transform:scale(.94)}.taalkiezer{flex:none;gap:4px;margin-left:auto;display:flex}.taalknop{height:30px;color:var(--t3);letter-spacing:.06em;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.taalknop i{font-size:13px;font-style:normal;line-height:1}.taalknop:hover{color:var(--t1)}.taalknop.aan{border-color:var(--rand2);background:var(--kaart2);color:var(--goud)}@media (max-width:900px){.taalknop{padding:0 6px}.taalknop i{font-size:15px}.taalknop{gap:0;font-size:0}}.bez-versie{color:var(--t3);text-align:center;letter-spacing:.06em;padding:2px 0 10px;font-size:11px}.dialoog.maten{width:min(620px,100%)}.maten-lijst{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.maat{border:1px solid var(--rand2);background:var(--kaart2);color:var(--t1);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;display:flex}.maat:hover{border-color:var(--goud)}.maat:active{transform:scale(.97)}.maat.op{opacity:.45}.maat-beeld{background:50%/contain no-repeat;border-radius:10px;width:78px;height:78px}.maat-naam{text-align:center;font-size:14.5px;font-weight:600}.maat-prijs{font-family:var(--mono);color:var(--goud);font-size:15px}.foto-vak{align-items:center;gap:14px;margin:4px 0 12px;display:flex}.foto-beeld{border:1px solid var(--rand2);background:var(--veld) center/cover no-repeat;width:96px;height:96px;color:var(--t3);border-radius:12px;flex:none;place-items:center;display:grid}.foto-knoppen{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.foto-knoppen p{color:var(--t3);margin:0;font-size:12px;line-height:1.4}.bez-oud{z-index:1;border:1px solid var(--goud);background:var(--goud);color:var(--k-accent-op);text-align:center;border-radius:12px;margin:10px 12px 0;padding:11px 14px;font-size:13.5px;font-weight:700;position:relative;top:auto;left:auto;right:auto}.adres-rij{flex:1;gap:8px;min-width:0;display:flex}.adres-rij .veld{flex:1;min-width:0}.adres-rij .veld.kort{flex:0 0 90px;max-width:90px}.kaart-vak{border:1px solid var(--rand2);background:var(--kaart2);border-radius:12px;overflow:hidden}.kaart-doos{background:#0b0d11;width:100%}.kaart-doos .leaflet-container{font-family:var(--sans);background:#0b0d11}.kaart-doos .leaflet-control-attribution{color:var(--t3);background:#07090cb3;font-size:10px}.kaart-doos .leaflet-control-attribution a{color:var(--t2)}.kaart-doos .leaflet-bar a{background:var(--kaart2);color:var(--t1);border-color:var(--rand2)}.kaart-doos .leaflet-bar a:hover{background:var(--veld)}.kaart-onder{color:var(--t2);border-top:1px solid var(--rand);align-items:center;gap:9px;padding:9px 12px;font-size:13px;display:flex}.kaart-onder .rood{color:var(--rood-h)}.installeer{z-index:70;border:1px solid var(--goud);background:var(--goud-z);height:36px;color:var(--goud);cursor:pointer;border-radius:9px;padding:0 14px;font-size:12.5px;font-weight:700;position:fixed;bottom:14px;right:14px}.installeer:hover{background:var(--goud);color:var(--k-accent-op)}.prog{background:var(--bg);place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.prog-vak{text-align:center;width:100%;max-width:560px}.prog-vak h1{color:var(--t1);text-wrap:balance;margin:22px 0 10px;font-size:26px;font-weight:800}.prog-uit{max-width:440px;color:var(--t2);margin:0 auto 26px;font-size:15px;line-height:1.6}.prog-knop{background:var(--goud);color:var(--k-accent-op);border-radius:12px;flex-direction:column;gap:3px;padding:15px 30px;font-size:16.5px;font-weight:800;text-decoration:none;display:inline-flex}.prog-knop span{opacity:.72;font-size:12px;font-weight:600}.prog-knop:hover{filter:brightness(1.06)}.prog-stappen{text-align:left;max-width:440px;color:var(--t2);margin:28px auto 0;padding-left:20px;font-size:14px;line-height:1.65}.prog-stappen li{padding:5px 0}.prog-stappen b{color:var(--t1)}.prog-anders{max-width:440px;color:var(--t3);margin:26px auto 0;font-size:13.5px;line-height:1.6}.prog-knop.stil{border:1px solid var(--rand2);color:var(--t1);background:0 0}.prog-knop.stil:hover{border-color:var(--goud);color:var(--goud);filter:none}.prog-let{text-align:left;border:1px solid var(--goud);background:var(--goud-z);border-radius:12px;max-width:470px;margin:28px auto 0;padding:16px 18px}.prog-let b{color:var(--goud);font-size:14.5px}.prog-let p{color:var(--t2);margin:7px 0 10px;font-size:13.5px;line-height:1.6}.prog-let ol{color:var(--t2);margin:0;padding-left:19px;font-size:13.5px;line-height:1.65}.prog-let li{padding:4px 0}.prog-let li b{color:var(--t1);font-size:13.5px}.prog-tweede{border-top:1px solid var(--rand);max-width:470px;margin:26px auto 0;padding-top:22px}.prog-tweede p{color:var(--t3);margin:0 0 14px;font-size:13.5px;line-height:1.6}.opstart{z-index:200;background:radial-gradient(120% 90% at 50% 40%,#0c1620 0%,#050b0f 60%,#02060a 100%);align-content:center;place-items:center;gap:0;animation:.24s both opstartIn;display:grid;position:fixed;inset:0}.opstart.tilt{animation:.7s cubic-bezier(.7,0,.2,1) both opstartWeg}@keyframes opstartIn{0%{opacity:0}}@keyframes opstartWeg{to{opacity:0;transform:translateY(-14px)scale(1.03)}}.opstart-mist{pointer-events:none;filter:blur(22px);background:radial-gradient(38% 30% at 30% 42%,#ffd02e21,#0000 70%),radial-gradient(32% 26% at 68% 56%,#34e0a11c,#0000 70%);animation:7s ease-in-out infinite alternate mist;position:absolute;inset:-20%}@keyframes mist{to{transform:translate(3%,-2%)scale(1.08)}}.opstart-merk{position:relative}.opstart-merk svg{overflow:visible}.opstart-lijn{fill:none;stroke:#f4f6f7;stroke-width:9px;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:620;stroke-dashoffset:620px;animation:.9s cubic-bezier(.65,0,.35,1) forwards schrijf}@keyframes schrijf{to{stroke-dashoffset:0}}.opstart-druppel{fill:#22c55e;transform-origin:338.5px 68px;opacity:0;animation:.62s cubic-bezier(.34,1.56,.64,1) .78s forwards druppel}@keyframes druppel{0%{opacity:0;transform:translateY(-34px)scale(.4)}60%{opacity:1;transform:translateY(2px)scale(1.18)}to{opacity:1;transform:translateY(0)scale(1)}}.opstart-veeg{pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(105deg,#0000 42%,#ffffff80 50%,#0000 58%);animation:.9s cubic-bezier(.5,0,.3,1) 1s forwards veeg;position:absolute;inset:-30% -12%;transform:translate(-120%)}@keyframes veeg{to{transform:translate(120%)}}.opstart-naam{color:var(--goud);letter-spacing:.01em;opacity:0;margin-top:26px;font-size:19px;font-weight:700;animation:.6s 1.2s forwards opNaam}.opstart-leus{letter-spacing:.22em;text-transform:uppercase;color:var(--t3);opacity:0;margin-top:6px;font-size:10.5px;animation:.6s 1.36s forwards opNaam}@keyframes opNaam{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.inlogscherm{grid-template-columns:1.05fr .95fr;min-height:100dvh;display:grid;overflow:hidden}.inlog-links{background:radial-gradient(120% 100% at 15% 20%,#0c1620 0%,#060d12 55%,#03080b 100%);flex-direction:column;justify-content:center;gap:34px;padding:48px 52px;display:flex;position:relative;overflow:hidden}.inlog-mesh{pointer-events:none;filter:blur(26px);background:radial-gradient(30% 26% at 22% 30%,#ffd02e29,#0000 70%),radial-gradient(26% 22% at 72% 62%,#34e0a124,#0000 70%),radial-gradient(24% 20% at 45% 82%,#7dd3fc1a,#0000 70%);animation:16s ease-in-out infinite alternate mesh;position:absolute;inset:-25%}@keyframes mesh{to{transform:translate(4%,-3%)rotate(4deg)scale(1.1)}}.inlog-links>:not(.inlog-mesh){z-index:1;position:relative}.inlog-merk{animation:opklein .7s var(--boog) both}.inlog-merk .logo-leus{margin-top:9px;display:block}.inlog-zaak{animation:opklein .7s var(--boog) .12s both}.inlog-open{letter-spacing:.14em;color:var(--groen-h);text-transform:uppercase;align-items:center;gap:7px;font-size:10.5px;font-weight:700;display:inline-flex}.inlog-open i{background:var(--groen-h);border-radius:50%;width:8px;height:8px;animation:2.4s ease-out infinite hart;box-shadow:0 0 #34e0a18c}@keyframes hart{70%{box-shadow:0 0 0 9px #34e0a100}to{box-shadow:0 0 #34e0a100}}.inlogscherm .kassa-zaaknaam{color:var(--t1);text-wrap:balance;max-width:11ch;margin:10px 0 22px;font-size:40px;font-weight:800;line-height:1.1}.inlogscherm .kassa-zaakkiezer{max-width:330px;margin:0}.inlog-voet{animation:opklein .7s var(--boog) .24s both;margin-top:auto}.taalkiezer.inlog{justify-content:flex-start;margin:0}.inlog-rechts{background:var(--bg);border-left:1px solid var(--rand);justify-content:center;align-items:center;padding:40px 44px;display:flex}.inlog-vak{width:100%;max-width:400px;animation:opklein .7s var(--boog) .18s both}.inlog-vraag{letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin:0 0 16px;font-size:12px;font-weight:700}.inlogscherm .kassa-mensen{gap:9px;max-height:none;margin-bottom:22px}.inlogscherm .kassa-mens{animation:opklein .5s var(--boog) both;padding:12px 13px}.inlogscherm .kassa-mens.aan{box-shadow:0 0 0 1px var(--goud)}.inlogscherm .kassa-pin{margin:0 0 8px}.inlogscherm .kassa-pin i{width:15px;height:15px}.kassa-pin.bezig i{animation:.7s ease-in-out infinite klopje}.kassa-pin.bezig i:nth-child(2){animation-delay:.1s}.kassa-pin.bezig i:nth-child(3){animation-delay:.2s}.kassa-pin.bezig i:nth-child(4){animation-delay:.3s}@keyframes klopje{50%{transform:scale(1.35)}}.inlogscherm .kassa-toetsen{gap:10px}.inlogscherm .kassa-toetsen button{height:62px;transition:transform var(--k-tijd-direct) ease,background var(--k-tijd-vlot) ease,border-color var(--k-tijd-vlot) ease;font-size:23px}.inlogscherm .kassa-toetsen button:active{border-color:var(--goud);transform:scale(.93)}@media (max-width:920px){.inlogscherm{grid-template-columns:1fr;min-height:auto}.inlog-links{gap:20px;padding:34px 26px 26px}.inlogscherm .kassa-zaaknaam{max-width:none;margin:8px 0 16px;font-size:28px}.inlog-rechts{border-left:0;border-top:1px solid var(--rand);padding:26px}.inlog-voet{margin-top:6px}.opstart-merk svg{width:250px;height:65px}}@media (max-height:700px){.inlogscherm .kassa-toetsen button{height:52px;font-size:20px}.inlogscherm .kassa-zaaknaam{font-size:30px}}@media (prefers-reduced-motion:reduce){.opstart-lijn{stroke-dashoffset:0;animation:none!important}.opstart-druppel{opacity:1}}.inlog-klok{animation:opklein .7s var(--boog) .3s both;margin-top:auto;padding-top:20px}.inlog-klok b{font-family:var(--mono);color:var(--t1);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:52px;font-weight:300;line-height:1;display:block}.inlog-klok span{color:var(--t3);text-transform:lowercase;margin-top:8px;font-size:13.5px;display:block}.inlog-voet{margin-top:20px}@media (max-width:920px){.inlog-klok{align-items:baseline;gap:12px;margin-top:6px;padding-top:0;display:flex}.inlog-klok b{font-size:30px}.inlog-klok span{margin-top:0}}@media (max-height:700px){.inlog-klok b{font-size:38px}}.prog-kop{color:var(--goud);letter-spacing:.02em;text-align:left;margin:0 0 8px;font-size:15px;font-weight:800}.prog-duo{flex-wrap:wrap;gap:10px;display:flex}.prog-duo .prog-knop{flex:1;min-width:170px;padding:13px 18px;font-size:15px}.prog-mac-let{color:var(--t3);text-align:left;margin:14px 0 0;font-size:13px;line-height:1.6}.prog-mac-let b{color:var(--t1)}.rap-start{border:1px solid var(--rand);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;display:flex}.rap-start span{color:var(--t3);font-size:13px}.rap-start .veld{text-align:right;font-variant-numeric:tabular-nums;width:120px}.rap-korting{border:1px solid var(--rand);border-radius:10px;margin-top:12px;overflow:hidden}.rap-korting-kop{border-bottom:1px solid var(--rand);background:#ffd02e14;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:flex}.rap-korting-kop strong{font-variant-numeric:tabular-nums;margin-left:auto}.rap-korting ul{margin:0;padding:0;list-style:none}.rap-korting li{align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;display:flex}.rap-korting li+li{border-top:1px solid var(--rand)}.rap-korting li strong{margin-left:auto}.bon-zoek{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.zoekveld{border-radius:var(--r);background:var(--veld);border:1px solid var(--rand);flex:1;align-items:center;gap:8px;min-width:260px;height:44px;padding:0 12px;display:flex}.zoekveld svg{color:var(--t3);flex:none}.zoekveld .veld{background:0 0;border:0;flex:1;height:100%;padding:0}.zoekveld button{color:var(--t3);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:20px}.tabel-omhulsel{border:1px solid var(--rand);border-radius:var(--r);overflow-x:auto}.tabel{border-collapse:collapse;width:100%;font-size:13.5px}.tabel th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);background:var(--kaart2);white-space:nowrap;padding:10px 12px;font-size:10.5px;font-weight:600}.tabel td{border-top:1px solid var(--rand);vertical-align:top;padding:10px 12px}.tabel tbody tr:hover{background:var(--kaart2)}.tabel .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.vlag{border-radius:var(--k-rond-pil);border:1px solid var(--rand2);color:var(--t2);white-space:nowrap;padding:2px 8px;font-size:11px;display:inline-block}.vlag.groen{color:var(--groen-h);background:var(--groen-z);border-color:#22c55e66}.vlag.goud{color:var(--goud);background:var(--goud-z);border-color:#ffd02e66}.vlag.rood{color:#f87171;background:#b0252224;border-color:#b0252280}.leeg-vak{color:var(--t3);border:1px dashed var(--rand2);border-radius:var(--r);text-align:center;place-items:center;gap:10px;padding:44px 20px;display:grid}.leeg-vak p{margin:0;font-size:13.5px}.bladeren{justify-content:center;align-items:center;gap:14px;margin-top:12px;display:flex}.dialoog.breed{max-width:760px}.cat-lijst{flex-direction:column;gap:6px;display:flex}.cat-rij{border:1px solid var(--rand);background:var(--kaart);border-radius:10px;align-items:center;gap:8px;padding:6px;display:flex}.cat-rij .veld{flex:1;min-width:0}.cat-pijlen{flex-direction:column;gap:1px;display:flex}.cat-pijlen button{background:var(--veld);width:22px;height:15px;color:var(--t2);border:1px solid var(--rand);cursor:pointer;border-radius:4px;padding:0;font-size:8px;line-height:1}.cat-pijlen button:disabled{opacity:.3;cursor:default}.cat-kleur{border:1px solid var(--rand);cursor:pointer;background:0 0;border-radius:7px;flex:none;width:30px;height:30px;padding:0}.cat-weg{cursor:pointer;background:0 0;border:0;flex:none;padding:0 5px;font-size:19px}.cat-weg:hover{color:#f87171}.cat-nieuw{border-top:1px solid var(--rand);gap:8px;margin-top:12px;padding-top:12px;display:flex}.cat-nieuw .veld{flex:1}.logo-vak{border:1px dashed var(--rand2);border-radius:var(--r);background:linear-gradient(45deg,var(--k-lijn) 25%,transparent 25%,transparent 75%,var(--k-lijn) 75%), linear-gradient(45deg,var(--k-lijn) 25%,transparent 25%,transparent 75%,var(--k-lijn) 75%);background-position:0 0,8px 8px;background-size:16px 16px;place-items:center;height:110px;display:grid}.logo-vak img{object-fit:contain;max-width:200px;max-height:86px}.inlog-logo{object-fit:contain;max-width:220px;max-height:70px;margin-bottom:10px;display:block}.veldrij{flex-direction:column;gap:4px;display:flex}.veldrij>span{letter-spacing:.06em;text-transform:uppercase;color:var(--t3);font-size:11px}.veldrij .veld{width:100%;max-width:none}.klant-zoek{flex:1;display:block;position:relative}.klant-zoek .veld{width:100%;max-width:none}.klant-lijst{z-index:20;background:var(--kaart2);border:1px solid var(--rand2);border-radius:10px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 12px 28px #00000080}.klant-lijst button{text-align:left;cursor:pointer;width:100%;color:var(--t1);background:0 0;border:0;flex-direction:column;gap:1px;padding:8px 11px;font-size:13.5px;display:flex}.klant-lijst button+button{border-top:1px solid var(--rand)}.klant-lijst button:hover{background:var(--kaart)}.klant-lijst span{font-size:12px}.volg{background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.volg-kaart-vak{flex:1;min-height:0;position:relative}.volg-kaart{position:absolute;inset:0}.volg-geen{background:radial-gradient(120% 90% at 50% 0,#34e0a11a,#0000 60%);place-items:center;display:grid;position:absolute;inset:0}.volg-pulse{background:var(--groen-h);opacity:.25;border-radius:50%;width:74px;height:74px;animation:2s ease-in-out infinite volgklop}@keyframes volgklop{0%,to{opacity:.2;transform:scale(.85)}50%{opacity:.45;transform:scale(1.15)}}.volg-blad{background:var(--paneel);border-top:1px solid var(--rand2);padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex:none;box-shadow:0 -14px 40px #00000080}.volg-zaak{letter-spacing:.1em;text-transform:uppercase;color:var(--t3);margin:0 0 3px;font-size:11.5px}.volg-zin{color:var(--t1);text-wrap:balance;margin:0;font-size:23px;font-weight:700;line-height:1.22}.volg-onder{color:var(--t2);margin:9px 0 0;font-size:15px;line-height:1.5}.volg-onder b{color:var(--t1)}.volg-fout{color:#f87171;margin:0;font-size:15px}.volg-klein{color:var(--t3);margin:14px 0 0;font-size:12px}.volg-bel{border-radius:var(--k-rond-pil);background:var(--groen);color:#fff;margin-top:14px;padding:11px 18px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-block}.volg-bel:active{transform:translateY(1px)}@media (min-width:760px){.volg-blad{border-radius:20px;width:calc(100% - 36px);max-width:520px;margin:0 auto 18px}.volg{padding:0}}.volglink{border:1px solid var(--rand);background:var(--groen-z);border-radius:10px;margin:10px 0;padding:10px 12px}.volglink-kop{align-items:center;gap:7px;margin-bottom:7px;font-size:13px;display:flex}.volglink-adres{color:var(--t2);word-break:break-all;background:var(--veld);border:1px solid var(--rand);border-radius:7px;padding:6px 8px;font-size:12px;display:block}.export{display:inline-block;position:relative}.export-waas{z-index:30;position:fixed;inset:0}.export-lijst{z-index:31;background:var(--kaart2);border:1px solid var(--rand2);border-radius:12px;flex-direction:column;min-width:270px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 14px 34px #0000008c}.export-lijst a{color:var(--t1);flex-direction:column;gap:2px;padding:10px 13px;font-size:13.5px;text-decoration:none;display:flex}.export-lijst a+a{border-top:1px solid var(--rand)}.export-lijst a:hover{background:var(--kaart)}.export-lijst span{font-size:12px}.nood{border-radius:var(--r);background:#b0252221;border:1px solid #b0252280;align-items:center;gap:11px;margin:0 0 10px;padding:9px 13px;display:flex}.nood.terug{background:var(--groen-z);border-color:#22c55e73}.nood-tekst{flex-direction:column;gap:1px;min-width:0;display:flex}.nood-tekst b{font-size:13.5px}.nood-tekst span{font-size:12.5px}.nood .knop{flex:none;margin-left:auto}.net-rij{border-top:1px solid var(--rand);align-items:center;gap:10px;padding:8px 0;display:flex}.net-rij:first-of-type{border-top:0}.net-tekst{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.net-tekst b{font-size:13.5px}.net-tekst span{word-break:break-all;font-size:12.5px}.net-rij .knop{flex:none}.net-knoppen{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:6px;display:flex}.net-kop{letter-spacing:.09em;text-transform:uppercase;color:var(--t3);margin:14px 0 4px;font-size:10.5px;font-weight:600}.stip.grijs{background:var(--t3);box-shadow:none}.net-koppel{border:1px solid var(--rand);background:var(--kaart2);border-radius:11px;align-items:flex-start;gap:14px;margin:10px 0;padding:11px;display:flex}.net-koppel b{font-size:13.5px}.net-koppel p{margin:2px 0 6px;font-size:12.5px}.net-koppel code{background:var(--veld);border:1px solid var(--rand);word-break:break-all;border-radius:6px;padding:3px 7px;font-size:12px;display:inline-block}.net-qr{background:#fff;border-radius:8px;flex:none;width:112px;height:112px}.plank-rij{text-align:left;border:1px solid var(--rand);background:var(--kaart2);width:100%;color:var(--t1);cursor:pointer;border-radius:10px;align-items:center;gap:11px;margin-bottom:6px;padding:10px 12px;font-size:13.5px;display:flex}.plank-rij:hover{border-color:var(--rand2)}.plank-rij b{flex:none;font-size:16px}.plank-rij span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.plank-rij i{flex:none;font-style:normal}.mini-k.goud{color:var(--goud);border-color:#ffd02e73}.toonbank{background:radial-gradient(120% 100% at 20% 10%,#0c1620 0%,#060d12 55%,#02070a 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.toonbank-doek{opacity:1;width:100%;height:100%;position:absolute;inset:0}.toonbank-waas{pointer-events:none;background:radial-gradient(52% 42% at 34%,#02070ae6 0%,#02070a80 58%,#0000 100%),linear-gradient(#02070ab3 0%,#0000 22% 66%,#02070adb 100%);position:absolute;inset:0}.toonbank-inhoud{z-index:1;flex-direction:column;flex:1;gap:20px;padding:34px 44px 30px;display:flex;position:relative}.toonbank-boven{flex:none;align-items:center;gap:16px;display:flex}.toonbank-midden{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:2px;min-height:0;display:flex}.toonbank-onder{flex-direction:column;flex:none;gap:14px;display:flex}.toonbank-voet{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.toonbank-voet .kassa-zaakkiezer{flex-direction:column;gap:5px;max-width:220px;margin:0;display:flex}.toonbank-voet .kassa-zaakkiezer>span{letter-spacing:.12em;text-transform:uppercase;color:var(--t3);font-size:10.5px}.toonbank-voet .kassa-zaakkiezer .veld{width:100%;max-width:none;height:40px}.toonbank-logo{object-fit:contain;filter:drop-shadow(0 10px 34px #000000b3);max-width:min(360px,80%);max-height:132px;animation:toonbankOp .9s var(--boog) both;margin-bottom:16px}.toonbank-letter{width:104px;height:104px;color:var(--goud);animation:toonbankOp .9s var(--boog) both;background:linear-gradient(155deg,#ffd02e29,#ffd02e08);border:1px solid #ffd02e47;border-radius:26px;place-items:center;margin-bottom:18px;font-size:46px;font-weight:800;display:grid;box-shadow:0 14px 40px #0000008c}.toonbank-naam{letter-spacing:-.015em;color:var(--t1);text-wrap:balance;max-width:14ch;animation:toonbankOp .9s var(--boog) 90ms both;margin:0;font-size:clamp(30px,3.6vw,52px);font-weight:800;line-height:1.05}.toonbank-plaats{letter-spacing:.16em;text-transform:uppercase;color:var(--t3);animation:toonbankOp .9s var(--boog) .15s both;margin:8px 0 0;font-size:13px}.toonbank-modules{flex-wrap:wrap;gap:7px;margin:22px 0 0;padding:0;list-style:none;display:flex}.toonbank-modules li{letter-spacing:.1em;text-transform:uppercase;color:var(--t2);border-radius:var(--k-rond-pil);border:1px solid var(--rand2);animation:toonbankOp .7s var(--boog) both;background:#ffffff09;padding:6px 12px;font-size:11.5px}@keyframes toonbankOp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width:900px){.toonbank-inhoud{gap:16px;padding:26px 22px 22px}.toonbank-logo{max-height:88px;margin-bottom:12px}.toonbank-letter{border-radius:20px;width:76px;height:76px;font-size:34px}.toonbank-modules{margin-top:16px}}.groep-hint{margin:-4px 0 10px;font-size:12.5px;line-height:1.45}.groep-hint b{color:var(--t2)}.inlog-kwijt{cursor:pointer;color:var(--t3);text-underline-offset:3px;background:0 0;border:0;margin:16px auto 0;font-size:12.5px;text-decoration:underline;display:block}.inlog-kwijt:hover{color:var(--t2)}.herstel-code{letter-spacing:.12em;text-align:center;border:1px dashed var(--goud);background:var(--goud-z);color:var(--goud);-webkit-user-select:all;user-select:all;border-radius:12px;margin-bottom:10px;padding:14px;font-size:22px}.zaakknop{border:1px solid var(--rand);background:var(--kaart);color:var(--t2);cursor:pointer;transition:border-color var(--k-tijd-vlot),color var(--k-tijd-vlot);border-radius:10px;align-items:center;gap:8px;padding:6px 11px;font-size:12.5px;display:inline-flex}.zaakknop:hover{border-color:var(--rand2);color:var(--t1)}.zaakknop-naam{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.zaakknop-tel{font-family:var(--mono);color:var(--goud);border:1px solid var(--rand2);border-radius:var(--k-rond-pil);padding:1px 7px;font-size:11px}.dialoog.breed{width:min(880px,100%)}.zaken-rooster{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:12px;display:grid}.zaakkaart{text-align:left;background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r);cursor:pointer;transition:border-color var(--k-tijd-vlot),transform var(--k-tijd-vlot);flex-direction:column;gap:6px;padding:14px;display:flex}.zaakkaart:hover:not(:disabled){border-color:var(--goud);transform:translateY(-2px)}.zaakkaart:disabled{cursor:default}.zaakkaart.hier{border-color:var(--rand2);background:var(--paneel)}.zaakkaart-kop{justify-content:space-between;align-items:center;gap:8px;display:flex}.zaakkaart-kop b{font-size:15px}.zaakkaart-plaats{letter-spacing:.1em;text-transform:uppercase;color:var(--t3);font-size:11px}.zaakkaart-cijfers{grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:6px;display:grid}.zaakkaart-cijfers em{letter-spacing:.08em;text-transform:uppercase;color:var(--t3);font-size:10.5px;font-style:normal;display:block}.zaakkaart-cijfers b{font-variant-numeric:tabular-nums;font-size:15px}.zaakkaart-ga{color:var(--goud);align-items:center;gap:6px;margin-top:8px;font-size:12px;display:inline-flex}.zaakkaart-stuk{color:var(--rood-h);margin-top:6px;font-size:12.5px}.rij.stapel{flex-direction:column;align-items:stretch;gap:8px;padding:8px 0}.rij.stapel>span:first-child{color:var(--t3);letter-spacing:.09em;text-transform:uppercase;font-size:11.5px}.filialen{flex-direction:column;gap:14px;margin-top:4px;display:flex}.filiaal{border-bottom:1px solid var(--k-lijn);padding:10px 0 12px}.filiaal:last-child{border-bottom:0;padding-bottom:2px}.filiaal.hier .filiaal-naam{color:var(--goud)}.filiaal-kop{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.filiaal-naam{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.filiaal-omzet{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.filiaal-balk{border-radius:var(--k-rond-xs);background:var(--k-lijn-sterk);height:6px;margin:9px 0 8px;overflow:hidden}.filiaal-balk i{background:linear-gradient(90deg,var(--goud),#ffe694);height:100%;transition:width var(--k-tijd-balk) cubic-bezier(.2,.9,.3,1);border-radius:4px;display:block}.filiaal.hier .filiaal-balk i{background:linear-gradient(90deg,var(--groen),#8bf0c8)}.filiaal-regel{color:var(--t3);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;font-size:12px;display:flex}.zij-versie{color:var(--t3);opacity:.7;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-left:auto;font-size:11px}.bij-kaart{z-index:41;border:1px solid var(--rand);background:var(--kaart2);border-radius:13px;width:min(340px,100vw - 24px);padding:13px 14px 12px;animation:.42s cubic-bezier(.19,1,.28,1) both bijOp;position:fixed;bottom:16px;left:208px;box-shadow:0 18px 40px #00000073}@keyframes bijOp{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.bij-kaart.klaar{border-color:#34e0a157}.bij-kop{align-items:center;gap:8px;display:flex}.bij-kop b{flex:1;min-width:0;font-size:13.5px}.bij-weg{width:26px;height:26px;color:var(--t3);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;font-size:17px;line-height:1}.bij-weg:hover{background:var(--kaart);color:var(--t1)}.bij-baan{border-radius:var(--k-rond-pil);background:var(--k-lijn-sterk);height:5px;margin:11px 0 9px;position:relative;overflow:hidden}.bij-baan i{border-radius:var(--k-rond-pil);background:linear-gradient(90deg, var(--goud), #ffe58a);width:0;height:100%;transition:width var(--k-tijd-balk) cubic-bezier(.32,.72,.28,1);display:block}.bij-baan.zoekend i{width:38%;animation:1.5s cubic-bezier(.45,0,.55,1) infinite bijZoek}@keyframes bijZoek{0%{transform:translate(-105%)}to{transform:translate(275%)}}@media (max-width:900px){.bij-kaart{left:12px}}.bij-wat{color:var(--t2);margin:2px 0 0;font-size:12.5px;line-height:1.5}.bij-deel{color:var(--t3);font-variant-numeric:tabular-nums;margin:7px 0 0;font-size:11.5px}.bij-kaart .knop{width:100%;margin-top:11px}.bij-let{color:var(--t3);margin:8px 0 0;font-size:11.5px;line-height:1.45}@media (prefers-reduced-motion:reduce){.bij-kaart{animation:none}.bij-baan i{transition:none}.bij-baan.zoekend i{opacity:.5;width:100%;animation:none}}.prog-mac{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.prog-mac .prog-knop{margin:0}.prog-knop.stil{background:var(--kaart2);color:var(--t1);border:1px solid var(--rand)}.prog-knop.stil span{color:var(--t3)}.prog-mac-uit{color:var(--t3);margin:9px 0 0;font-size:12.5px;line-height:1.5}@media (max-width:640px){.prog-mac{grid-template-columns:1fr}}.rij-aanvink{cursor:pointer;align-items:center;gap:9px;min-width:0;display:flex}.rij-aanvink input{width:17px;height:17px;accent-color:var(--goud);cursor:pointer;flex:none}.rij-aanvink span{color:var(--t2);white-space:nowrap;font-size:13px}.rij-aanvink input:disabled{cursor:default}.rij-aanvink input:disabled+span{opacity:.55}.tegel-beeld{border-radius:9px}.opm-snel{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:11px;display:grid}.opm-snel .knop{min-height:40px;padding:0 8px;font-size:12.5px}@media (max-width:700px){.opm-snel{grid-template-columns:repeat(2,1fr)}}.bon-regel .opm{color:var(--goud);cursor:pointer}.bon-regel .opm:before{content:"✎ ";opacity:.7}.bon-opm{opacity:.55}.bon-opm:hover{opacity:1;color:var(--goud)}.bon-regel .bon-opm,.bon-regel .bon-weg{position:relative}.bon-regel .bon-opm:before,.bon-regel .bon-weg:before{content:"";width:32px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bon-regel .bon-weg.vraagt{color:var(--rood-h);opacity:1;font-weight:700}.mini-k.vraagt{color:#160404;background:#ff5f56;border-color:#ff5f56;font-weight:700}.tabel tr.vervallen td{opacity:.45;text-decoration:line-through}.tabel tr.vervallen td:last-child{text-decoration:none}.veld-rij{align-items:center;gap:12px;margin-bottom:4px;display:flex}.veld-rij>span{color:var(--t2);min-width:110px;font-size:13px}.veld-rij .veld{flex:1;min-width:0}.top-stand{flex:1;align-items:center;gap:18px;min-width:0;padding:0 16px;display:flex}.ts-tijd{color:var(--t1);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:19px;font-weight:600}.ts-deel{color:var(--t3);white-space:nowrap;align-items:baseline;gap:6px;font-size:13px;display:flex}.ts-deel b{color:var(--t1);font-variant-numeric:tabular-nums;font-size:16px}.ts-deel.achter b{color:#ffd02e}.ts-deel.achter em{color:#ffd02e;border-radius:var(--k-rond-pil);border:1px solid #ffd02e66;margin-left:2px;padding:1px 8px;font-size:12px;font-style:normal}.kp-uit{cursor:pointer;font:inherit;background:0 0;border:0}.kp-uit:hover{color:var(--goud)}.klok-kaart{z-index:39;background:var(--kaart2);border:1px solid #34e0a14d;border-radius:13px;flex-direction:column;gap:11px;width:min(360px,100vw - 24px);padding:13px 14px;animation:.42s cubic-bezier(.19,1,.28,1) both bijOp;display:flex;position:fixed;bottom:16px;left:208px;box-shadow:0 18px 40px #00000073}.klok-kaart b{margin-bottom:3px;font-size:13.5px;display:block}.klok-kaart span{color:var(--t3);font-size:12.5px;line-height:1.5;display:block}.klok-knoppen{justify-content:flex-end;gap:8px;display:flex}@media (max-width:900px){.klok-kaart{left:12px}}.klok-stand{z-index:38;border-radius:var(--k-rond-pil);border:1px solid var(--rand);background:var(--kaart2);color:var(--t3);font:inherit;cursor:pointer;font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:8px 13px;font-size:12.5px;display:flex;position:fixed;bottom:16px;left:208px}.klok-stand i{background:#34e0a1;border-radius:50%;flex:none;width:7px;height:7px}.klok-stand:hover{border-color:var(--rand2);color:var(--t2)}.klok-stand.vraagt{color:var(--k-accent-op);background:#ffd02e;border-color:#ffd02e;font-weight:700}.klok-stand.vraagt i{background:var(--k-accent-op)}@media (max-width:900px){.klok-stand{left:12px}}.demo-balk{background:#34e0a114;border:1px solid #34e0a157;border-radius:11px;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;padding:11px 14px;display:flex}.demo-balk b{color:var(--groen-h);font-size:13.5px}.demo-balk span{color:var(--t2);font-size:13px}.demo-balk em{font-style:normal;font-family:var(--mono);color:var(--t1);letter-spacing:.12em;margin-left:4px;font-size:16px;font-weight:700}.rangschikbalk{animation:opklein .3s var(--boog) both;background:#ffd02e17;border:1px solid #ffd02e66;border-radius:11px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 12px;padding:10px 14px;display:flex}.rangschikbalk>svg{color:var(--goud);flex:none}.rangschik-uitleg{color:var(--t2);flex:1;min-width:200px;font-size:13.5px}.rangschik-voor{flex:none;gap:6px;display:flex}.rangschik-voor .pil-tab{height:32px;padding:0 12px;font-size:12.5px}.rangschikbalk .knop{height:34px;padding:0 12px;font-size:12.5px}.tegels.rangschik,.pil-tabs.rangschik{outline-offset:6px;border-radius:12px;outline:1px dashed #ffd02e57}.tegel-vak{display:contents}.schik-vak{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative}.schik-vak>.tegel{flex:1}.schik-vak.klein{flex:none}.schik-pijlen{background:var(--kaart2);border:1px solid var(--rand);border-radius:8px;justify-content:center;align-items:center;gap:2px;margin-top:4px;padding:2px;display:flex}.schik-pijlen button{width:38px;height:34px;color:var(--t1);cursor:pointer;transition:background var(--k-tijd-vlot) ease,color var(--k-tijd-vlot) ease;background:0 0;border:0;border-radius:6px;place-items:center;font-family:inherit;font-size:21px;line-height:1;display:grid}.schik-pijlen button:hover:not(:disabled){background:var(--goud);color:var(--k-accent-op)}.schik-pijlen button:active:not(:disabled){transform:scale(.92)}.schik-pijlen button:disabled{color:var(--t3);opacity:.35;cursor:default}.schik-pijlen b{text-align:center;min-width:22px;color:var(--t3);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.schik-vak.klein .schik-pijlen button{width:30px;height:26px;font-size:17px}.schik-pijlen.in-rij{margin:0;display:inline-flex}.schik-pijlen.in-rij button{width:30px;height:28px;font-size:18px}.schik-vak.opgepakt{cursor:grabbing;z-index:5}.schik-vak.opgepakt>.tegel,.schik-vak.opgepakt>.pil-tab{border-color:var(--goud);box-shadow:0 14px 30px #0000008c,0 0 0 2px var(--goud)}.schik-vak.opgepakt .schik-pijlen{opacity:0}.tegels.rangschik .tegel.op{opacity:.7}.tegels.rangschik .tegel{cursor:inherit}.pil-tabs.rangschik .pil-tab{cursor:inherit;justify-content:center;align-items:center;display:inline-flex}tr.sleepbaar{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}tr.sleepbaar.opgepakt{cursor:grabbing;box-shadow:inset 0 0 0 1px var(--goud);background:#ffd02e24}.dialoog.keuzes{width:min(720px,94vw);max-height:88vh}.dialoog.keuzes .lijf{overflow-y:auto}.keuze-groep{margin:0 0 18px}.keuze-groep:last-child{margin-bottom:4px}.keuze-kop{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 9px;display:flex}.keuze-kop b{color:var(--t1);font-size:15.5px}.keuze-kop .t3{font-size:12.5px}.keuze-bij{font-family:var(--mono);color:var(--goud);margin-left:auto;font-size:13.5px}.keuze-vakken{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.keuze-vak{border:1px solid var(--rand);background:var(--kaart);min-height:62px;color:var(--t1);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--k-tijd-vlot) ease,background var(--k-tijd-vlot) ease,transform var(--k-tijd-vlot) ease;border-radius:10px;flex-direction:column;justify-content:center;gap:3px;padding:11px 34px 11px 13px;font-size:14.5px;display:flex;position:relative}.keuze-vak:hover:not(:disabled){border-color:var(--rand2)}.keuze-vak:active:not(:disabled){transform:scale(.98)}.keuze-vak.aan{border-color:var(--goud);background:#ffd02e1f}.keuze-vak.aan svg{color:var(--goud);position:absolute;top:10px;right:11px}.keuze-vak:disabled{opacity:.35;cursor:default}.keuze-naam{overflow-wrap:anywhere;line-height:1.25}.keuze-prijs{font-family:var(--mono);color:var(--t3);white-space:nowrap;font-size:12.5px}.keuze-vak.aan .keuze-prijs{color:var(--goud)}.keuze-hint{margin:7px 0 0;font-size:12.5px}.dialoog.keuzes footer .knop.groot{flex:1;justify-content:center}.dialoog.keuzebeheer{width:min(960px,96vw)}.keuzebeheer-lijf{grid-template-columns:230px minmax(0,1fr);gap:16px;display:grid}@media (max-width:820px){.keuzebeheer-lijf{grid-template-columns:1fr}}.keuzebeheer-lijst{flex-direction:column;gap:6px;display:flex}.keuzebeheer-rij{text-align:left;border:1px solid var(--rand);background:var(--kaart);color:var(--t1);font:inherit;cursor:pointer;border-radius:9px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.keuzebeheer-rij.aan{border-color:var(--goud);background:#ffd02e1a}.keuzebeheer-rij b{font-size:14.5px}.keuzebeheer-rij .t3{font-size:12px}.keuzebeheer-vorm{min-width:0}.keuzebeheer-kop{letter-spacing:.09em;text-transform:uppercase;color:var(--t3);margin:18px 0 8px;font-size:13px}.keuzebeheer-opties{flex-direction:column;gap:7px;display:flex}.keuzebeheer-optie{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.keuzebeheer-optie>.veld:first-child{flex:1;min-width:130px}.keuzebeheer-prijs{align-items:center;gap:4px;display:inline-flex}.keuzebeheer-prijs em{color:var(--t3);font-size:12.5px;font-style:normal}.keuzebeheer-prijs .veld{width:80px;font-family:var(--mono)}.keuze-uitleg{margin:2px 0 4px;font-size:12.5px}.rij.begin{align-items:flex-start}.keuze-vinkjes{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:62%;display:flex}.keuze-vinkje{cursor:pointer;align-items:center;gap:5px;display:inline-flex}.keuzes-bij{border-top:1px solid var(--rand);flex-direction:column;gap:9px;margin-top:16px;padding-top:16px;display:flex}.keuzes-bij-kop{justify-content:space-between;align-items:center;gap:12px;display:flex}.keuzes-bij-kop>span{color:var(--t2);font-size:13.5px}.keuzes-bij-leeg{margin:0;font-size:13px}.knop.klein{height:32px;padding:0 11px;font-size:12.5px}.keuze-blok{border:1px solid var(--rand);background:var(--kaart);border-radius:10px;overflow:hidden}.keuze-blok.open{border-color:var(--goud)}.keuze-blok-kop{align-items:center;gap:6px;padding:4px 6px 4px 4px;display:flex}.keuze-blok-naam{color:var(--t1);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;align-items:center;gap:8px;padding:8px;font-size:14.5px;display:flex}.keuze-blok-naam:hover:not(:disabled){background:var(--k-vlak-2)}.keuze-blok-naam svg{color:var(--t3);flex:none}.keuze-blok-los{cursor:pointer;background:0 0;border:0;padding:6px 9px;font-size:19px;line-height:1}.keuze-blok-los:hover{color:var(--rood-h)}.keuze-blok-opties{flex-wrap:wrap;align-items:center;gap:5px;padding:0 12px 11px 34px;display:flex}.keuze-chip{color:var(--t2);background:var(--kaart2);border:1px solid var(--rand);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12.5px;display:inline-flex}.keuze-chip em{font-style:normal;font-family:var(--mono);color:var(--goud);font-size:11.5px}.keuze-chip i{color:var(--goud);font-size:8px;font-style:normal}.keuze-chip.op{opacity:.45;text-decoration:line-through}.keuze-gratis{font-size:12px}.keuze-blok-vorm{border-top:1px solid var(--rand);flex-direction:column;gap:2px;padding:4px 12px 12px;display:flex}.keuze-blok-vorm .melding{margin:10px 0 6px}.keuze-blok-voet{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.keuze-toevoegen{border:1px dashed var(--rand2);border-radius:10px;flex-direction:column;gap:8px;padding:13px;display:flex}.keuze-toevoegen .t3{margin:0;font-size:12.5px}.keuze-vinkjes.links{justify-content:flex-start;max-width:none}.slot-waarschuwing{z-index:60;background:var(--kaart2);border:1px solid var(--oranje);color:var(--oranje);border-radius:12px;align-items:center;gap:14px;padding:12px 16px;font-size:14.5px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.slot-waarschuwing .knop{border-color:var(--oranje);color:var(--oranje)}.kassa-apparaatnaam{border:1px solid var(--rand2);background:var(--kaart2);color:var(--t2);border-radius:9px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;display:inline-flex}.inlog-slot{font:600 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--oranje);margin:0 0 4px}