:root{--page:#f5f4ef;--surface:#fff;--ink:#211c17;--muted:#625b52;--line:#d8d1c7;--control-border:#807568;--focus:#174c9e;--accent:#9a350a;--on-accent:#fff;--free-bg:#eef7ef;--free:#215335;--taken-bg:#f1eee9;--taken:#595149;--selected-bg:#233e68;--selected:#fff;--blocked-bg:#eeeaf3;--blocked:#514261;--success-bg:#e2f4e6;--success:#17462a;--error-bg:#fbe8e7;--error:#7d1d1d;--font:system-ui,sans-serif;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--radius:.75rem;--shadow:0 8px 24px #30241012;--platform-ink:#172f4c;--platform-secondary:#315986;--platform-mark:#096454;--warning-bg:#fff1d5;--warning:#763b05}
*,:before,:after{box-sizing:border-box}body{background:var(--page);color:var(--ink);font-family:var(--font);font-size:var(--text-md);margin:0;line-height:1.5}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.pagina{max-width:40rem;padding:var(--s5) var(--s4);margin:0 auto}h1,h2,h3,h4{margin-top:0;line-height:1.15}h1{font-size:clamp(1.75rem,6vw,2.75rem)}h2{font-size:clamp(1.4rem,4vw,2rem)}a{color:var(--accent);text-underline-offset:.2em}.platformkop{padding:var(--s3) var(--s4);background:var(--surface);border-bottom:1px solid var(--line);align-items:center;display:flex}.platformkop .merk{align-items:center;min-height:2.75rem;display:inline-flex}.platformkop img{width:clamp(10rem,40vw,13rem);height:auto;display:block}.publiek{max-width:44rem;padding:var(--s4) var(--s4) var(--s6);margin:0 auto}.publiek.breed{max-width:60rem}.kaart{margin-block:var(--s4);padding:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.kaart>:last-child{margin-bottom:0}.kolommen{gap:var(--s4);margin-block:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.kolommen>.kaart{align-items:flex-start;gap:var(--s2);flex-direction:column;margin:0;display:flex}.kolommen>.kaart p{margin:0}.kolommen .knop{margin-top:auto}.klein{font-size:var(--text-sm);color:var(--muted)}.kruimel{margin:0 0 var(--s3);font-size:var(--text-sm)}.knop,button.knop{min-height:2.75rem;padding:var(--s2) var(--s4);border-radius:var(--radius);color:var(--on-accent);background:var(--accent);font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.knop.secundair{background:var(--surface);color:var(--accent);border-color:var(--accent)}.knop[disabled],.knop[aria-disabled=true]{background:var(--taken-bg);color:var(--taken);border-color:var(--line);cursor:not-allowed}.knop.bezig{opacity:.75}label{margin-block:var(--s3) var(--s1);font-weight:600;display:block}input,select,textarea{width:100%;max-width:100%;min-height:2.75rem;margin-top:var(--s1);padding:var(--s2) var(--s3);border:1px solid var(--control-border);font:inherit;color:var(--ink);background:var(--surface);border-radius:.4rem;display:block}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;min-height:1.25rem;margin:0 var(--s2) 0 0;vertical-align:middle;display:inline-block}label.vinkje{align-items:flex-start;gap:var(--s2);font-weight:600;display:flex}label.vinkje input{flex:none;margin-top:.2rem}.veldfout{margin:var(--s1) 0 0;color:var(--error);font-size:var(--text-sm);font-weight:600}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--error);border-width:2px}.melding{margin-block:var(--s4);padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.melding.succes{background:var(--success-bg);color:var(--success);border-color:currentColor}.melding.fout{background:var(--error-bg);color:var(--error);border-color:currentColor}.melding.waarschuwing{background:var(--warning-bg);color:var(--warning);border-color:currentColor}.melding h2,.melding h3{font-size:var(--text-lg);margin-bottom:var(--s2)}.melding p{margin:0 0 var(--s2)}.melding :last-child{margin-bottom:0}.gereedschap{gap:var(--s3) var(--s4);margin-block:var(--s4);flex-wrap:wrap;align-items:flex-end;display:flex}.gereedschap label{margin:0}.gereedschap input[type=search]{width:11rem}.groepnav{gap:var(--s2) var(--s4);margin-block:var(--s3);flex-wrap:wrap;display:flex}.raster{gap:var(--s2);margin-bottom:var(--s5);grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));padding:0;list-style:none;display:grid}.tegel{text-align:center;min-height:3.75rem;padding:var(--s2) var(--s1);font:inherit;border:1px solid;border-radius:.5rem;place-content:center;line-height:1.25;display:grid}.tegel strong{font-size:var(--text-lg)}.tegel small{overflow-wrap:anywhere;font-size:.75rem}button.tegel{cursor:pointer;width:100%}.tegel.vrij{background:var(--free-bg);color:var(--free)}.tegel.bezet{background:var(--taken-bg);color:var(--taken)}.tegel.gekozen{background:var(--selected-bg);color:var(--selected)}.tegel.niet-beschikbaar{background:var(--blocked-bg);color:var(--blocked)}.tegel.niet-beschikbaar small{font-size:.6875rem}.tegel.markering{outline:3px solid var(--focus);outline-offset:2px}.selectiebalk{z-index:2;margin-inline:calc(-1 * var(--s4));padding:var(--s3) var(--s4);background:var(--surface);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 16px #30241020}.selectiebalk ul{margin:var(--s1) 0 0;font-size:var(--text-sm);padding:0;list-style:none}.selectiebalk li{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.linkknop{min-height:2.75rem;padding:0 var(--s2);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.kaartvoorbeeld{border:1px solid var(--line);border-radius:var(--radius);background:var(--taken-bg);overflow:hidden}.kaartvoorbeeld object{width:100%;height:16rem;display:block}.timer{font-variant-numeric:tabular-nums;font-weight:700}.samenvatting dt{color:var(--muted);font-size:var(--text-sm)}.samenvatting dd{margin:0 0 var(--s2);font-weight:650}.samenvatting .totaal{font-size:var(--text-lg)}.legal-footer{border-top:1px solid var(--line);padding:var(--s5) var(--s4);background:var(--surface);font-size:var(--text-sm)}.legal-footer nav{gap:var(--s2) var(--s4);margin-block:var(--s2);flex-wrap:wrap;display:flex}.legal-footer p{margin:var(--s1) 0 0;color:var(--muted)}.honing{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.zichtbaar-voor-lezers{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media print{.platformkop,.legal-footer,.selectiebalk{display:none}}.badge{font-size:var(--text-sm);border:1px solid;border-radius:999px;padding:.125rem .75rem;font-weight:700;display:inline-block}.badge.betaald{background:var(--success-bg);color:var(--success)}.badge.wacht{background:var(--warning-bg);color:var(--warning)}.badge.geannuleerd{background:var(--taken-bg);color:var(--taken)}.badge.ingecheckt{background:var(--selected-bg);color:var(--selected)}.qrblok{padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:#fff;display:inline-block}.qrblok img{width:12rem;height:12rem;display:block}.bewijs{color:#000;padding:var(--s5);border:1px solid var(--line);background:#fff}.bewijs table{border-collapse:collapse;width:100%;margin-block:var(--s4)}.bewijs th,.bewijs td{text-align:left;padding:var(--s2);border-bottom:1px solid var(--line)}.bewijs td.bedrag,.bewijs th.bedrag{text-align:right;font-variant-numeric:tabular-nums}@media print{.publiek.bewijspagina{max-width:none;padding:0}.bewijs{border:0;padding:0}.geen-print{display:none}}.knop.gevaar{background:var(--error);color:#fff}.lijst{margin:0 0 var(--s3);padding-left:var(--s5)}.lijst li{margin-bottom:var(--s2)}.beheerkop{justify-content:space-between;align-items:center;gap:var(--s2) var(--s4);padding:var(--s3) var(--s4);background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.beheerkop .merk img{width:9.5rem;height:auto;display:block}.beheernav{gap:var(--s1) var(--s3);flex-wrap:wrap;display:flex}.beheernav a{min-height:2.75rem;padding:0 var(--s2);color:var(--platform-ink);border-bottom:3px solid #0000;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.beheernav a:hover,.beheernav a[aria-current=page]{border-bottom-color:var(--platform-ink)}.beheerwie{align-items:center;gap:var(--s3);font-size:var(--text-sm);display:flex}.beheer{max-width:72rem;padding:var(--s4) var(--s4) var(--s6);margin:0 auto}.beheer h1{font-size:clamp(1.5rem,4vw,2.25rem)}.cijfers{gap:var(--s3);margin-block:var(--s4);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.cijfer{padding:var(--s3) var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.cijfer strong{font-size:var(--text-lg);display:block}.cijfer span{color:var(--muted);font-size:var(--text-sm)}.tabelkader{margin-block:var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.tabel{border-collapse:collapse;width:100%;min-width:32rem}.tabel th,.tabel td{padding:var(--s2) var(--s3);text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.tabel th{font-size:var(--text-sm);color:var(--muted);white-space:nowrap;font-weight:650}.tabel tr:last-child td{border-bottom:0}.tabel .getal{text-align:right;font-variant-numeric:tabular-nums}.statusbadge{padding:0 var(--s2);font-size:var(--text-sm);white-space:nowrap;border:1px solid;border-radius:999px;font-weight:650;display:inline-block}.statusbadge.vrij{background:var(--free-bg);color:var(--free)}.statusbadge.betaald{background:var(--success-bg);color:var(--success)}.statusbadge.in_afwachting{background:var(--warning-bg);color:var(--warning)}.statusbadge.ingecheckt{background:var(--selected-bg);color:var(--selected)}.statusbadge.geblokkeerd{background:var(--blocked-bg);color:var(--blocked)}.formraster{gap:var(--s3) var(--s4);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));align-items:end;display:grid}.formraster label{margin:0}.rij{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.knop.klein{min-height:2.25rem;padding:var(--s1) var(--s3);font-size:var(--text-sm)}.code{background:var(--taken-bg);padding:0 var(--s1);overflow-wrap:anywhere;border-radius:.25rem;font-family:ui-monospace,monospace}.herstelcodes{columns:2;max-width:20rem;padding:var(--s3);background:var(--taken-bg);border-radius:var(--radius);font-family:ui-monospace,monospace;list-style:none}.beheer details{margin-block:var(--s3)}.beheer summary{cursor:pointer;align-items:center;min-height:2.75rem;font-weight:650;display:flex}fieldset{margin:var(--s3) 0;padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--radius)}legend{padding:0 var(--s2);font-weight:650}.scan{max-width:40rem;padding:var(--s4);margin:0 auto}.scanuitkomst{padding:var(--s4);border-radius:var(--radius);margin-block:var(--s4);border:2px solid}.scanuitkomst h1,.scanuitkomst h2{margin:0 0 var(--s2)}.scanuitkomst h1:before{margin-right:var(--s2)}.scanuitkomst.geldig{background:var(--success-bg);color:var(--success)}.scanuitkomst.geldig h1:before{content:"✓"}.scanuitkomst.gelukt{background:var(--success-bg);color:var(--success)}.scanuitkomst.gelukt h1:before{content:"✓"}.scanuitkomst.waarschuwing{background:var(--warning-bg);color:var(--warning)}.scanuitkomst.waarschuwing h1:before{content:"⚠"}.scanuitkomst.fout{background:var(--error-bg);color:var(--error)}.scanuitkomst.fout h1:before{content:"✕"}.scanuitkomst p{margin:0 0 var(--s1)}.scannaam{font-size:var(--text-lg);font-weight:650}.plekregels{padding-left:var(--s4);font-size:var(--text-lg);margin:0}.plekkaarten{margin:var(--s3) 0;gap:var(--s2);padding:0;list-style:none;display:grid}.plekkaart{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);display:flex}.knop.groot{min-height:3.5rem;font-size:var(--text-lg);justify-content:center;width:100%}.plekkaart .knop.groot{width:auto}.scannerbeeld{border-radius:var(--radius);width:100%;margin-block:var(--s3);background:#000}.scannerbeeld.verborgen{display:none}.printlijst h2{margin-top:var(--s5);break-before:page}.printlijst h2:first-of-type{break-before:auto}.printlijst table{border-collapse:collapse;width:100%}.printlijst th,.printlijst td{border-bottom:1px solid var(--line);padding:var(--s1) var(--s2);text-align:left}.printlijst .vakje{width:4rem}@media print{.beheerkop,.beheernav,.gereedschap,.printknop{display:none}.printlijst{font-size:11pt}}.cijfers{gap:var(--s3);margin:var(--s3) 0;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.cijfers div{padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.cijfers dt{font-size:var(--text-sm);color:var(--muted)}.cijfers dd{font-size:var(--text-lg);font-variant-numeric:tabular-nums;margin:0;font-weight:700}