.paneel{min-height:100vh;font-size:15.5px}.paneel h1{margin:0;font-size:clamp(26px,3.4vw,34px)}.paneel h2{margin:0;font-size:20px}.paneel .bar{z-index:5;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px max(20px,50vw - 590px);display:flex;position:sticky;top:0}.paneel .merk{align-items:center;font-size:19px;text-decoration:none;display:flex}.paneel .garage{color:var(--muted);border-left:1px solid var(--line);padding-left:18px;font-size:15px}.paneel .bar .rechts{align-items:center;gap:8px;margin-left:auto;display:flex}.menu{flex-wrap:wrap;gap:2px;display:flex}.menu a{color:var(--muted);border-radius:9px;padding:7px 12px;font-weight:600;text-decoration:none}.menu a:hover{color:var(--fg);background:var(--bg)}.menu a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.wie{color:var(--fg);border-radius:9px;align-items:baseline;gap:8px;padding:7px 10px;font-weight:600;text-decoration:none;display:flex}.wie:hover,.wie[aria-current=page]{background:var(--bg)}.wie .rol{color:var(--muted);font-size:13.5px;font-weight:500}.paneel main{gap:22px;max-width:1180px;margin:0 auto;padding-block:32px 88px;padding-inline:20px;display:grid}.paneel main.smal{max-width:580px}.paneel .kop{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.paneel .kop p{color:var(--muted);margin:6px 0 0}.paneel .card{border-radius:16px;padding:22px}.paneel .card p.uitleg{color:var(--muted);max-width:72ch;margin:6px 0 16px;font-size:15px}.knop{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--fg);white-space:nowrap;border-radius:9px;padding:8px 14px;font-size:14.5px;font-weight:600;line-height:1.3;text-decoration:none;display:inline-block}.knop:hover{border-color:var(--accent);color:var(--accent)}.knop.primair{background:var(--accent);border-color:var(--accent);color:#fff}.knop.primair:hover{background:var(--accent-donker);border-color:var(--accent-donker);color:#fff}.knop.gevaar{color:var(--danger)}.knop.gevaar:hover{border-color:var(--danger);color:var(--danger)}.knop.klein{padding:5px 11px;font-size:13.5px}.knop:disabled{opacity:.55;cursor:not-allowed}.knop:disabled:hover{border-color:var(--line);color:var(--fg)}.knop.primair:disabled:hover{background:var(--accent);border-color:var(--accent);color:#fff}.tellers{background:var(--line);border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.teller{background:var(--surface);text-align:left;font:inherit;color:inherit;cursor:pointer;border:0;padding:16px 18px 15px}.teller:hover{background:#fafcff}.teller:focus-visible{outline-offset:-3px}.teller[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 -3px 0 var(--accent)}.teller .n{font-family:var(--smal);font-variant-numeric:tabular-nums;font-size:36px;font-weight:700;line-height:1}.teller .t{color:var(--muted);margin-top:6px;font-size:14px}.teller[aria-pressed=true] .t{color:var(--fg)}.teller.verlopen:not([data-nul]) .n{color:var(--danger)}.teller.binnenkort:not([data-nul]) .n{color:var(--warn)}@media (max-width:1000px){.tellers{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.tellers{grid-template-columns:repeat(2,minmax(0,1fr))}}.melding{background:var(--warn-soft);color:var(--fg);border-radius:10px;padding:10px 14px;font-size:14.5px}.melding strong{margin-right:6px}.melding.ok{background:var(--ok-soft)}.melding.fout{background:var(--danger-soft)}.melding ul{color:var(--muted);margin:6px 0 0;padding-left:18px}.waarschuwing{color:var(--danger);font-size:14px}.werkbalk{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.werkbalk input[type=search]{min-width:0;max-width:460px;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:10px;flex:260px;padding:9px 14px}.werkbalk input[type=search]::placeholder{color:var(--muted)}.tabel-wrap{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow-x:auto}table.klanten{border-collapse:collapse;width:100%;min-width:900px}table.team{min-width:780px}.klanten th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 16px;font-size:13.5px;font-weight:600}.klanten td{border-bottom:1px solid var(--line);vertical-align:middle;padding:13px 16px}.klanten tr:last-child td{border-bottom:0}.klanten tbody tr:hover td{background:#fafcff}.klanten tr.afgemeld td{color:var(--muted)}.klanten tr.afgemeld .plaat{opacity:.5}.klanten .sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;display:block}.klanten .num{font-variant-numeric:tabular-nums;white-space:nowrap}.klanten .acties{text-align:right;white-space:nowrap}.klanten .acties form{display:inline}.klanten .leeg{text-align:center;color:var(--muted);padding:44px 16px}table.team tbody tr>td[colspan]{background:var(--bg)}.naamlink{color:inherit;font-weight:600;text-decoration:none}.naamlink:hover{color:var(--accent)}.plaat{border:1.5px solid var(--plaat-inkt);font-family:var(--plaatletter);letter-spacing:.05em;white-space:nowrap;border-radius:5px;align-items:stretch;font-size:18px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;overflow:hidden}.plaat .nl{background:var(--eu);color:#fff;font-family:var(--smal);letter-spacing:0;place-items:end center;padding:0 3px 3px;font-size:8.5px;display:grid}.plaat .nr{background:var(--plaat);color:var(--plaat-inkt);padding:4px 8px 3px}.plaat.groot{border-width:2px;border-radius:8px;justify-self:start;font-size:34px}.plaat.groot .nl{padding:0 7px 6px;font-size:12px}.plaat.groot .nr{padding:7px 14px 6px}.paneel .pill{margin-top:0;padding:2px 10px;font-size:12.5px}.pill.afgemeld{background:var(--bg);color:var(--muted)}.bron{font-size:14px;font-weight:600}.wa-status{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.wa-status h2{align-items:center;gap:10px;display:flex}.paneel .wa-status .uitleg{margin:6px 0 0}.wa-status.live{border-color:var(--ok)}@media (max-width:700px){.wa-status{grid-template-columns:1fr}}.afspraaklijst{margin:10px 0 0;padding:0;list-style:none;display:grid}.afspraaklijst li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.afspraaklijst li:first-child{border-top:0}.afspraaklijst .sub{color:var(--muted);font-size:14px;display:block}.beheer{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:860px){.beheer{grid-template-columns:1fr}}.velden{grid-template-columns:1fr 1fr;gap:12px 14px;display:grid}.velden .breed{grid-column:1/-1}.velden.drie{grid-template-columns:1fr 1fr 180px}@media (max-width:760px){.velden,.velden.drie{grid-template-columns:1fr}}.veld label{margin-bottom:5px;font-size:14px;font-weight:600;display:block}.veld input[type=text],.veld input[type=tel],.veld input[type=email],.veld input[type=password],.veld input[type=file],.veld select{width:100%;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:10px;padding:9px 12px}.veld input::placeholder{color:color-mix(in srgb, var(--muted) 70%, transparent)}.veld input:hover,.veld select:hover,.werkbalk input:hover{border-color:#b9c8d9}.veld input.kenteken-invoer{font-family:var(--plaatletter);letter-spacing:.06em;text-transform:uppercase;background:var(--plaat);color:var(--plaat-inkt);border:1.5px solid var(--plaat-inkt);padding:8px 12px 7px;font-size:22px;font-weight:700;line-height:1}.veld input.kenteken-invoer::placeholder{color:color-mix(in srgb, var(--plaat-inkt) 38%, transparent)}.paneel select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:9px;padding:6px 10px;font-size:14.5px}.vink{align-items:start;gap:9px;margin:14px 0;font-size:15px;display:flex}.vink small{color:var(--muted);margin-top:2px;font-size:13.5px;display:block}.vink input{accent-color:var(--accent);flex:none;width:16px;height:16px;margin-top:4px}.voetregel{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.paneel code{font-family:var(--mono);background:var(--bg);border-radius:5px;padding:1px 6px;font-size:13.5px}.klantgrid{grid-template-columns:minmax(0,390px) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (max-width:900px){.klantgrid{grid-template-columns:1fr}}.klantkaart{gap:20px;display:grid}.klantkaart h2{font-size:18px}.klantkaart dl{grid-template-columns:auto 1fr;gap:8px 16px;margin:0;display:grid}.klantkaart dt{color:var(--muted)}.klantkaart dd{margin:0}.gesprek{gap:14px;display:grid}.chat{background:var(--bg);border-radius:12px;gap:12px;max-height:580px;margin:0;padding:18px;list-style:none;display:grid;overflow-y:auto}.chat li{gap:4px;max-width:80%;display:grid}.chat li.uit{justify-self:end;justify-items:end}.chat li.in{justify-self:start}.chat li.leeg{max-width:none;color:var(--muted);justify-self:center}.chat .bubbel{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;padding:10px 14px;line-height:1.45}.chat .uit .bubbel{background:var(--bubble);border-top-right-radius:4px}.chat .in .bubbel{background:var(--surface);border:1px solid var(--line);border-top-left-radius:4px}.chat .keuzes{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.chat .keuzes span{color:var(--accent);background:var(--surface);border-radius:8px;padding:4px 10px;font-size:14px;font-weight:600}.chat .meta{color:var(--muted);font-size:13px}.simulator{border:1px dashed #b9c8d9;border-radius:12px;gap:10px;padding:14px 16px;font-size:15px;display:grid}.simulator p{color:var(--muted);margin:0}.simveld{min-width:0;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:9px;flex:220px;padding:7px 12px}.tijdelijk{border:1px solid var(--accent);background:var(--accent-soft);border-radius:12px;gap:8px;padding:14px 16px;font-size:15px;display:grid}.tijdelijk p{color:var(--muted);margin:0}.paneel .tijdelijk .geheim{letter-spacing:.04em;background:var(--surface);-webkit-user-select:all;user-select:all;padding:4px 12px;font-size:18px}.login{place-items:center;min-height:100vh;padding-inline:20px;display:grid}.login .card{gap:18px;width:100%;max-width:400px;padding:28px;display:grid}.paneel .login .merk{font-size:24px}.login h1{margin:0;font-size:28px}.login p{color:var(--muted);margin:6px 0 0;font-size:15px}.login .knop{text-align:center;width:100%;padding:11px;font-size:16px}.qr-grid{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (max-width:900px){.qr-grid{grid-template-columns:1fr}}.qr-uitleg{gap:20px;display:grid}.poster{background:var(--surface);border:2px solid var(--fg);text-align:center;border-radius:20px;justify-items:center;gap:14px;padding:32px 28px;display:grid}.poster-garage{font-family:var(--smal);background:var(--plaat);color:var(--plaat-inkt);border-radius:6px;margin:0;padding:3px 12px;font-size:20px;font-weight:700}.paneel .poster h2{max-width:12ch;font-size:34px;line-height:1.08}.poster-lead{color:var(--muted);max-width:30ch;margin:0}.qr{border:1px solid var(--line);background:#fff;border-radius:14px;width:240px;max-width:100%;padding:14px;line-height:0}.qr svg{width:100%;height:auto;display:block}.qr.klein{border-radius:10px;flex:none;width:132px;padding:8px}.poster-stappen{text-align:left;gap:4px;margin:4px 0 0;padding-left:22px;display:grid}.poster-klein{color:var(--muted);margin:0;font-size:14px}.uitleglijst{gap:10px;margin:12px 0 16px;padding-left:20px;display:grid}.klant-qr{background:var(--warn-soft);border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:16px;display:flex}.klant-qr>div:last-child{flex:180px}.klant-qr p{margin:6px 0 12px;font-size:15px}@media print{.paneel .bar,.geen-print{display:none!important}body,.paneel{background:#fff}.paneel main{max-width:none;padding:0}.qr-grid{grid-template-columns:1fr;justify-items:center}.poster{border:0;gap:8mm;padding:12mm 0}.paneel .poster h2{font-size:46pt}.poster-garage{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:20pt}.poster-lead,.poster-stappen{max-width:none;font-size:16pt}.qr{border:0;width:90mm;padding:0}}.bolletje{background:var(--danger);color:#fff;vertical-align:1px;border-radius:999px;place-items:center;min-width:19px;height:19px;margin-left:6px;padding:0 5px;font-size:12px;font-weight:700;line-height:1;display:inline-grid}.chat.steun{max-height:460px}.chat.steun .uit .bubbel{background:var(--accent-soft)}.steun-form{gap:10px;display:grid}.veld textarea{width:100%;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);resize:vertical;border-radius:10px;min-height:96px;padding:10px 12px}.veld textarea:hover{border-color:#b9c8d9}.abo{gap:12px;display:grid}.abo-kop{gap:8px;min-height:4px;display:flex}.abo-prijs{font-family:var(--smal);margin:0;font-size:48px;font-weight:700;line-height:1}.abo-prijs span{font-family:var(--font);color:var(--muted);font-size:16px;font-weight:400}.abo-tekst{color:var(--muted);max-width:60ch;margin:0}.abo-lijst{gap:4px;margin:4px 0 0;padding-left:20px;display:grid}.abo-feiten{grid-template-columns:auto 1fr;gap:6px 16px;margin:4px 0 0;display:grid}.abo-feiten dt{color:var(--muted)}.abo-feiten dd{margin:0}.abo-bevestig{border:1px solid var(--danger);background:var(--danger-soft);border-radius:12px;padding:14px 16px}.abo-bevestig p{margin:0 0 12px}.knop.groot{border-radius:11px;padding:12px 20px;font-size:16px}.vroeg{background:var(--plaat);color:var(--plaat-inkt);font-family:var(--smal);border-radius:6px;padding:3px 10px;font-size:15px;font-weight:700}.startbanner{border-color:var(--accent);background:var(--accent-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.startbanner p{color:var(--muted);margin:4px 0 0}.beheer-tellers{grid-template-columns:repeat(4,minmax(0,1fr))}.beheer-tellers .teller{cursor:default}@media (max-width:700px){.beheer-tellers{grid-template-columns:repeat(2,minmax(0,1fr))}}.demobalk{background:var(--plaat);color:var(--plaat-inkt);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:9px max(20px,50vw - 590px);font-size:15px;display:flex}.demobalk.geprobeerd{background:var(--fg);color:#fff}.demobalk-acties{gap:16px;display:flex}.demobalk a{color:inherit;font-weight:600}.demobalk-kort{display:none}@media (max-width:760px){.paneel{font-size:15px}.demobalk{flex-wrap:nowrap;padding:8px 16px;font-size:14px}.demobalk-lang{display:none}.demobalk-kort,.demobalk.geprobeerd .demobalk-lang:not(a){display:inline}.paneel .bar{grid-template-columns:1fr auto;gap:10px 12px;padding:10px 16px 0;display:grid;position:static}.paneel .garage,.paneel .wie{display:none}.paneel .merk{font-size:17px}.paneel .bar .rechts{grid-area:1/2;margin-left:0}.paneel .bar .merk{grid-area:1/1}.paneel .bar .menu{grid-row:2}.paneel .bar .rechts .knop{padding:6px 11px;font-size:13.5px}.menu{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;grid-column:1/-1;gap:2px;margin:0 -16px;padding:0 12px 8px;overflow-x:auto}.menu::-webkit-scrollbar{display:none}.menu a{flex:none;padding:7px 11px;font-size:14.5px}.paneel main{gap:16px;padding-block:20px 64px;padding-inline:16px}.paneel h1{font-size:26px}.paneel .kop{align-items:start}.paneel .kop p{font-size:14.5px}.paneel .card{border-radius:14px;padding:16px}.teller{padding:12px 14px}.teller .n{font-size:30px}.teller .t{font-size:13px}.wa-status h2{font-size:18px}.wa-status .knop{text-align:center;width:100%}.tabel-wrap:has(>table.klanten:not(.team)){background:0 0;border:0;border-radius:0;overflow:visible}table.klanten:not(.team){min-width:0;display:block}table.klanten:not(.team) thead{display:none}table.klanten:not(.team) tbody{gap:10px;display:grid}table.klanten:not(.team) tr{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:10px 14px;padding:14px;display:grid}table.klanten:not(.team) tr.afgemeld{background:#fbfcfd}table.klanten:not(.team) td{border:0;padding:0}table.klanten:not(.team) tbody tr:hover td{background:0 0}.klanten .c-auto{color:var(--muted);grid-column:1/-1;margin-top:-4px;font-size:14px}.klanten .c-auto .sub{margin-left:6px;display:inline}.klanten .c-apk,.klanten .c-volgende,.klanten .c-wa{white-space:normal}.klanten .c-wa{grid-column:1/-1}.klanten .c-apk:before,.klanten .c-volgende:before,.klanten .c-wa:before{content:attr(data-label);color:var(--muted);margin-bottom:2px;font-size:12.5px;font-weight:600;display:block}.klanten .c-acties{text-align:left;grid-column:1/-1;gap:8px;display:flex;border-top:1px solid var(--line)!important;padding-top:10px!important}.klanten .c-acties form,.klanten .c-acties a{flex:1}.klanten .c-acties .knop{text-align:center;width:100%;padding:8px 10px}.klanten .leeg{grid-column:1/-1}.plaat.groot{font-size:28px}.chat{padding:12px}.chat li{max-width:92%}.klant-qr{padding:12px}.beheer{gap:16px}.knop.groot{width:100%}}