@font-face{font-family:Plus Jakarta Sans;font-weight:400;font-display:swap;src:url(/assets/plus-jakarta-sans-latin-400-normal-Dhut76fR.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-weight:500;font-display:swap;src:url(/assets/plus-jakarta-sans-latin-500-normal-Bf-nb4oT.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-weight:600;font-display:swap;src:url(/assets/plus-jakarta-sans-latin-600-normal-DLTa1BUW.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-weight:700;font-display:swap;src:url(/assets/plus-jakarta-sans-latin-700-normal-CfpNZvy6.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-weight:800;font-display:swap;src:url(/assets/plus-jakarta-sans-latin-800-normal-CusIZhrK.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:500;font-display:swap;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:600;font-display:swap;src:url(/assets/jetbrains-mono-latin-600-normal-C8RAYTDA.woff2) format("woff2")}:root{--brand: #DC322A;--brand-strong: #B8231C;--brand-soft: #FCEDEC;--on-brand: #FFFFFF;--nav: #161618;--nav-2: rgba(255,255,255,.08);--nav-text: #C9C9CC;--nav-muted: #8E8E93;--ink: #0B0B0C;--ink-2: #3D3D42;--muted: #5C5C61;--canvas: #F4F4F2;--surface: #FFFFFF;--sunk: #EDEDEA;--line: #E3E3DE;--line-strong: #CFCFC8;--ok: #1E7B46;--ok-soft: #E7F3EC;--warn: #946108;--warn-soft: #FBF0DC;--info: #2C5C8F;--info-soft: #E6EEF7;--danger: #B8231C;--danger-soft: #FCEDEC;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-pill: 999px;--shadow: 0 1px 2px rgba(11,11,12,.05), 0 8px 24px rgba(11,11,12,.06);--focus: 0 0 0 3px color-mix(in srgb, var(--brand) 35%, transparent);--f-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-thema=licht]){--ink: #F5F5F4;--ink-2: #D0D0D3;--muted: #A2A2A8;--canvas: #0B0B0C;--surface: #18181B;--sunk: #26262A;--line: rgba(245,245,244,.12);--line-strong: rgba(245,245,244,.22);--ok: #4CC38A;--ok-soft: #173326;--warn: #F0B04A;--warn-soft: #3A2C12;--info: #79A8DB;--info-soft: #18283A;--danger: #FF6B61;--danger-soft: #3A1714;--brand-strong: #FF6B61;--brand-soft: #3A1714;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{font:15px/1.5 var(--f-sans);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;min-height:100vh;min-height:100dvh}h1,h2,h3{margin:0;letter-spacing:-.03em;font-weight:800;line-height:1.15}h1{font-size:28px}h2{font-size:20px}h3{font-size:17px;letter-spacing:-.01em}p{margin:0}a{color:var(--brand-strong)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus)}.verborgen{display:none!important}.muted{color:var(--muted)}.klein{font-size:13px}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--f-mono)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.label{font:500 11px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px}.label:before{content:"";width:22px;height:2px;background:var(--brand);flex:none}.label.zonder:before{display:none}.knop{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--r-pill);height:44px;padding:0 20px;cursor:pointer;font:700 15px var(--f-sans);background:var(--brand);color:var(--on-brand);white-space:nowrap;text-decoration:none;transition:transform .08s ease,filter .15s ease,opacity .15s}.knop:before{content:"";width:14px;height:2px;background:currentColor}.knop:hover{filter:brightness(.92)}.knop:active{transform:scale(.98)}.knop:disabled{opacity:.5;cursor:default;filter:none}.knop.groot{height:52px;padding:0 26px;font-size:16px}.knop.klein{height:34px;padding:0 14px;font-size:13px}.knop.vol{width:100%}.knop.zwart{background:var(--ink);color:var(--canvas)}.knop.licht{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.knop.tekst{background:none;color:var(--muted);padding:0 8px}.knop.gevaar{background:var(--danger-soft);color:var(--danger)}.knop.klein:before,.knop.licht:before,.knop.tekst:before,.knop.gevaar:before,.knop.zwart:before{display:none}.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600;white-space:nowrap;background:var(--sunk);color:var(--ink-2)}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.info{background:var(--info-soft);color:var(--info)}.chip.merk{background:var(--brand-soft);color:var(--brand-strong)}.kaart{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:16px}.kaart+.kaart{margin-top:12px}.kaart.schaduw{box-shadow:var(--shadow)}.veld{display:block;margin-bottom:14px}.veld>span{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.invoer,.veld input,.veld select,.veld textarea{width:100%;min-height:48px;padding:10px 14px;border-radius:var(--r-sm);border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:16px}.veld input:focus,.veld select:focus,.invoer:focus{outline:none;border-color:var(--brand);box-shadow:var(--focus)}.veld small{display:block;color:var(--muted);font-size:12.5px;margin-top:6px}.code-invoer{font:600 26px var(--f-mono);letter-spacing:.35em;text-align:center}.melding{border-radius:var(--r-sm);padding:10px 14px;font-size:14px;margin-bottom:14px}.melding.fout{background:var(--danger-soft);color:var(--danger)}.melding.ok{background:var(--ok-soft);color:var(--ok)}.melding.info{background:var(--info-soft);color:var(--info)}.schakel{position:relative;width:40px;height:24px;flex:none}.schakel input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.schakel span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:var(--line-strong);transition:background .15s;pointer-events:none}.schakel span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:left .15s}.schakel input:checked+span{background:var(--ok)}.schakel input:checked+span:after{left:19px}.schakel input:focus-visible+span{box-shadow:var(--focus)}.drie{display:inline-flex;background:var(--sunk);border-radius:var(--r-pill);padding:3px;gap:2px}.drie button{border:0;background:none;height:28px;padding:0 10px;border-radius:var(--r-pill);font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap}.drie button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f}.drie button.aan[aria-pressed=true]{background:var(--ok);color:#fff}.drie button.uit[aria-pressed=true]{background:var(--danger);color:#fff}.tabel{width:100%;border-collapse:collapse}.tabel th{text-align:left;font:500 10.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.tabel td{padding:11px 14px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}.tabel tr:last-child td{border-bottom:0}.tabel tr.klikbaar{cursor:pointer}.tabel tr.klikbaar:hover td{background:color-mix(in srgb,var(--sunk) 55%,transparent)}.tabel .groep td{background:var(--sunk);font:600 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);padding:8px 14px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--f-sans);background:var(--brand-soft);color:var(--brand-strong);flex:none}.rij{display:flex;align-items:center;gap:10px}.tussen{display:flex;align-items:center;justify-content:space-between;gap:12px}.stapel{display:flex;flex-direction:column;gap:12px}.wrap{flex-wrap:wrap}.icoon{width:20px;height:20px;flex:none}.toasts{position:fixed;left:50%;bottom:calc(96px + var(--safe-bottom));transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100% - 32px))}.toast{background:var(--ink);color:var(--canvas);border-radius:var(--r-sm);padding:12px 16px;font-size:14px;font-weight:600;box-shadow:var(--shadow);animation:in .2s ease}.toast.fout{background:var(--danger);color:#fff}@keyframes in{0%{opacity:0;transform:translateY(6px)}}.scherm{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0c80;z-index:40;display:grid;place-items:end center}.venster{background:var(--surface);color:var(--ink);width:min(560px,100%);max-height:92dvh;overflow:auto;border-radius:var(--r-lg) var(--r-lg) 0 0;padding:22px 20px calc(22px + var(--safe-bottom))}@media(min-width:720px){.scherm{place-items:center}.venster{border-radius:var(--r-lg);padding:26px}}.aanmeld{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr;background:var(--canvas)}.aanmeld-kop{background:var(--nav);color:#f5f5f4;padding:calc(28px + var(--safe-top)) 24px 84px;text-align:center}.aanmeld-kop img{height:56px;max-width:80%;object-fit:contain}.aanmeld-kop .merknaam{font-weight:800;font-size:22px;letter-spacing:-.02em}.aanmeld-kop .sub{color:var(--nav-muted);font-size:13px;margin-top:6px}.aanmeld-kaart{width:min(420px,calc(100% - 32px));margin:-60px auto 40px;background:var(--surface);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow);align-self:start}.aanmeld-kaart h1{font-size:24px;margin-bottom:6px}.aanmeld-kaart .uitleg{color:var(--muted);font-size:14px;margin-bottom:18px}.qr{display:grid;place-items:center;background:#fff;border-radius:var(--r-sm);padding:12px;margin:10px 0}.qr img{width:180px;height:180px}.geheim{font:600 13px var(--f-mono);word-break:break-all;background:var(--sunk);border-radius:var(--r-xs);padding:8px 10px}.app{min-height:100vh;min-height:100dvh;padding-bottom:calc(84px + var(--safe-bottom))}.kopstrook{background:var(--nav);color:#f5f5f4;padding:calc(10px + var(--safe-top)) 20px 64px}.kopstrook .boven{height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px}.kopstrook .logo{height:34px;max-width:60%;object-fit:contain;object-position:left center}.kopstrook .merknaam{font-weight:800;font-size:18px;letter-spacing:-.02em}.kopstrook .avatar{background:#ffffff1a;color:#fff;border:0;cursor:pointer}.kopstrook .label{color:#a2a2a8;margin-top:14px}.kopstrook h1{color:#f5f5f4;font-size:26px;margin-top:10px}.kopstrook .ondertitel{color:#c9c9cc;font-size:14px;margin-top:6px}.blokken{display:flex;gap:10px;margin-top:16px}.blok{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);padding:10px 12px;min-width:0}.blok b{display:block;font-size:18px;font-weight:800;color:#fff}.blok span{font-size:12px;color:#a2a2a8}.blad{margin:-40px 14px 0;position:relative;display:flex;flex-direction:column;gap:12px;max-width:760px}.blad>.kaart{box-shadow:var(--shadow);margin:0}.tabbalk{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);display:flex;padding:6px 4px calc(6px + var(--safe-bottom))}.tabbalk a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;font-size:11px;font-weight:600;color:var(--muted);text-decoration:none;border-radius:var(--r-sm)}.tabbalk a .icoon{width:24px;height:24px}.tabbalk a[aria-current=page]{color:var(--brand-strong)}.tabbalk a[aria-current=page] .icoon{color:var(--brand)}@media(min-width:900px){.app{padding-bottom:40px}.kopstrook{padding-left:max(40px,calc(50% - 380px));padding-right:max(40px,calc(50% - 380px))}.blad{margin:-40px auto 0;padding:0 20px}.tabbalk{position:sticky;top:0;bottom:auto;border-top:0;border-bottom:1px solid var(--line);justify-content:center;gap:6px;padding:6px}.tabbalk a{flex:none;flex-direction:row;gap:8px;font-size:14px;padding:8px 14px}.tabbalk a .icoon{width:20px;height:20px}}.beheer{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.zijbalk{background:var(--nav);color:var(--nav-text);padding:18px 12px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;overflow-y:auto}.zijbalk .merk{display:flex;align-items:center;gap:10px;padding:4px 8px 16px}.zijbalk .merk img{height:34px;max-width:120px;object-fit:contain}.zijbalk .merk b{color:#fff;display:block;font-size:15px}.zijbalk .merk small{font:500 10.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--nav-muted)}.zijbalk .groep{font:500 10.5px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#6e6e73;padding:14px 10px 6px}.zijbalk a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:14px;font-weight:500;color:var(--nav-text);text-decoration:none}.zijbalk a:hover{background:var(--nav-2);color:#fff}.zijbalk a[aria-current=page]{background:var(--nav-2);color:#fff;box-shadow:inset 3px 0 0 var(--brand)}.zijbalk select{width:100%;background:var(--nav-2);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px;font-size:13.5px;margin:0 0 6px}.zijbalk select option{color:#0b0b0c}.zijbalk .wie{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:14px 8px 4px;font-size:13px;display:flex;gap:10px;align-items:center}.zijbalk .wie b{color:#fff;display:block}.zijbalk .wie .avatar{background:#ffffff1a;color:#fff}.hoofd{padding:28px 32px 60px;min-width:0;max-width:1240px}.paginakop{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}.paginakop h1{margin-top:6px}.raster{display:grid;gap:18px}.raster.twee{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.kaartkop{padding:16px 16px 8px}.mobielkop{display:none}@media(max-width:899px){.beheer{grid-template-columns:1fr}.zijbalk{position:fixed;inset:0 auto 0 0;width:280px;z-index:35;transform:translate(-100%);transition:transform .2s ease;height:100dvh}.beheer.menu-open .zijbalk{transform:none;box-shadow:0 0 0 100vmax #0006}.mobielkop{display:flex;align-items:center;justify-content:space-between;background:var(--nav);color:#fff;padding:calc(10px + var(--safe-top)) 16px 10px;position:sticky;top:0;z-index:20}.mobielkop img{height:30px}.mobielkop button{background:none;border:0;color:#fff;padding:8px;cursor:pointer}.hoofd{padding:20px 16px 60px}.raster.twee{grid-template-columns:1fr}.tabel-scroll{overflow-x:auto}.paginakop .acties{width:100%}.paginakop .acties .invoer{flex:1;width:auto!important;min-width:0}.tabel .breed{display:none}.tabel td .rij.wrap{flex-direction:column;align-items:flex-start}.tabel .chip{white-space:normal;height:auto;min-height:24px;padding:3px 10px}.tabel th,.tabel td{padding-left:10px;padding-right:10px}}.icoon.mini{width:14px;height:14px;vertical-align:-2px}.blad.breed{max-width:1240px}.kopstrook .terug{display:inline-flex;align-items:center;gap:6px;color:#c9c9cc;text-decoration:none;font-weight:600;font-size:14px;margin-top:8px}.blad>.label:first-child{color:#a2a2a8}.terug .icoon{width:18px;height:18px}.subnav{display:flex;gap:6px;overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:4px;box-shadow:var(--shadow);scrollbar-width:none}.subnav a{flex:1;text-align:center;padding:8px 14px;border-radius:var(--r-pill);text-decoration:none;color:var(--muted);font-weight:600;font-size:14px;white-space:nowrap}.subnav a[aria-current=page]{background:var(--ink);color:var(--canvas)}.lijst{padding:0;overflow:hidden}.lijstitem{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:0;border-bottom:1px solid var(--line);background:none;width:100%;text-align:left;color:inherit;text-decoration:none;cursor:pointer;font:inherit}.lijstitem:last-child{border-bottom:0}.lijstitem:hover{background:color-mix(in srgb,var(--sunk) 55%,transparent)}.gedimd{opacity:.6}.velden{display:grid;grid-template-columns:1fr;column-gap:12px}@media(min-width:640px){.velden{grid-template-columns:1fr 1fr}.velden .breed2{grid-column:1 / -1}.velden.drie-kol{grid-template-columns:repeat(3,1fr)}}.veld textarea{min-height:0;resize:vertical}.regel{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.regel:first-of-type{border-top:0;padding-top:0}.controle{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}.controle li{display:flex;gap:10px;align-items:flex-start}.controle li>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}.controle li.ok>span{background:var(--ok-soft);color:var(--ok)}.controle li.nee>span{background:var(--warn-soft);color:var(--warn)}.dagkeuze{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.dagkeuze button{border:1.5px solid var(--line-strong);background:var(--surface);border-radius:var(--r-sm);padding:9px 12px;font-weight:600;font-size:14px;cursor:pointer}.dagkeuze button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong)}fieldset.keuzes{border:0;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px 14px}fieldset.keuzes legend{font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:8px;padding:0}fieldset.keuzes label{display:inline-flex;gap:6px;align-items:center;font-size:14px}fieldset.keuzes.kolom{flex-direction:column;flex-wrap:nowrap}.schouwrij{display:grid;grid-template-columns:1fr 110px auto auto;gap:8px;align-items:center;width:100%}.schouwrij .invoer{min-height:40px;padding:6px 10px;font-size:14px}@media(max-width:520px){.schouwrij{grid-template-columns:1fr 1fr}}.weekkaart{padding:0;overflow-x:auto}.weekraster{display:grid;grid-template-columns:170px repeat(var(--dagen),minmax(150px,1fr));min-width:calc(170px + var(--dagen) * 150px)}.weekraster>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px}.weekraster .kop{font:500 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--sunk);position:sticky;top:0}.weekraster .kop.nu{color:var(--brand-strong);box-shadow:inset 0 -2px 0 var(--brand)}.weekraster .hoek,.weekraster .ploegnaam{position:sticky;left:0;z-index:1;background:var(--surface)}.weekraster .hoek{background:var(--sunk);z-index:2}.weekraster .ploegnaam{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.weekraster .cel{display:flex;flex-direction:column;gap:6px;min-height:92px}@media(max-width:640px){.weekraster{grid-template-columns:112px repeat(var(--dagen),minmax(132px,1fr));min-width:calc(112px + var(--dagen) * 132px)}.weekraster .ploegnaam b{font-size:13px}}.weekraster .cel.vrij{background:repeating-linear-gradient(135deg,transparent 0 6px,var(--sunk) 6px 7px)}.weekraster .cel.afwezig{background:var(--warn-soft)}.cap{height:4px;border-radius:4px;background:var(--sunk);overflow:hidden}.cap span{display:block;height:100%;background:var(--ok)}.cap.vol span{background:var(--warn)}.afspraak{text-align:left;border:1px solid var(--line-strong);border-left:3px solid var(--info);background:var(--surface);border-radius:var(--r-xs);padding:6px 8px;display:flex;flex-direction:column;gap:1px;font:inherit;font-size:12.5px;color:inherit;cursor:pointer}.afspraak.vast{border-left-color:var(--ok)}.afspraak .mono{font-size:10.5px;color:var(--muted)}.afspraak span:last-of-type{color:var(--muted)}.afspraak em{font-style:normal;font-size:11px;font-weight:700;color:var(--ok)}.afspraak:hover{box-shadow:var(--shadow)}.urendag{gap:6px}.urendag:disabled{cursor:default;opacity:1}.urendag:disabled:hover{background:none}.urendag.nu b:first-child{color:var(--brand-strong)}.urenformulier{padding:14px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--brand-soft) 35%,var(--surface))}.venster .urenformulier{padding:0;border:0;background:none}.urenformulier input[type=time]{font-variant-numeric:tabular-nums}.urenraster{display:grid;grid-template-columns:160px repeat(var(--dagen),minmax(92px,1fr)) 90px 190px;min-width:calc(440px + var(--dagen) * 92px)}.urenraster>*{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.urenraster .kop{font:500 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--sunk)}.urenraster .hoek,.urenraster .naam{position:sticky;left:0;z-index:1;background:var(--surface)}.urenraster .hoek{background:var(--sunk)}.urenraster .cel{border-top:0;border-left:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.urenraster .cel span{font-size:11.5px;color:var(--muted)}.urenraster .cel.goed{background:var(--ok-soft)}.urenraster .cel.leeg span{color:var(--line-strong)}.urenraster .cel:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--brand)}.urenraster .cel:disabled{cursor:default}.urenraster .status{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.betaalrij{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);flex-wrap:wrap}.betaalrij:first-child{border-top:0;padding-top:0}.rood{color:var(--danger)}details.kaart summary{cursor:pointer;list-style:none}details.kaart summary::-webkit-details-marker{display:none}@media(max-width:640px){.urenraster{grid-template-columns:110px repeat(var(--dagen),minmax(80px,1fr)) 72px 150px;min-width:calc(332px + var(--dagen) * 80px)}}.weeknav{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:5px 8px 5px 5px;box-shadow:var(--shadow)}.weeknav .knop.licht{box-shadow:none;background:var(--sunk);width:34px;padding:0}.knoppenbalk{padding:10px 12px}.fotos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.fotovak{display:flex;flex-direction:column;gap:8px;min-width:0}.fotovak img,.leegfoto{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--r-sm);background:var(--sunk);display:grid;place-items:center;color:var(--muted)}.fotovak .knop{align-self:flex-start}.extrafotos{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.extrafotos img{width:72px;height:72px;object-fit:cover;border-radius:var(--r-xs);background:var(--sunk)}label.knop{position:relative}label.knop.uit{opacity:.5;pointer-events:none}.blokken-rij{display:grid;grid-template-columns:1fr 1fr;gap:12px}.blokken-rij .kaart{margin:0}.groot{display:block;font-size:22px;letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums}.kopstrook .chip.live{background:#f5c451;color:#3a2a00;margin-left:auto;margin-right:8px}.aanmeld.op{--op-navy: #0F2742;--op-teal: #14B8A6;--op-mint: #9FE7DC;grid-template-rows:auto 1fr auto;background:radial-gradient(1200px 500px at 110% -10%,rgba(20,184,166,.1),transparent 60%),var(--canvas)}.op-zij{position:relative;overflow:hidden;color:#e6eef6;padding:calc(26px + var(--safe-top)) 24px 88px;background:radial-gradient(700px 360px at 85% 0%,rgba(20,184,166,.28),transparent 65%),linear-gradient(160deg,#12305A 0%,var(--op-navy) 55%,#0A1B2F 100%)}.op-zij:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%)}.op-logo{position:relative;z-index:1;height:40px;width:auto;display:block;align-self:flex-start}.op-tekst{position:relative;z-index:1;margin-top:26px}.op-kicker{font:600 11px/1.4 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--op-mint);display:flex;align-items:center;gap:10px}.op-kicker:before{content:"";width:22px;height:2px;background:var(--op-teal);border-radius:2px}.op-zij h2{font-size:28px;line-height:1.15;letter-spacing:-.025em;font-weight:800;color:#fff;margin:10px 0 0}.op-zij h2 span{color:var(--op-mint)}.op-lead{display:none;color:#b7c6d8;font-size:15px;line-height:1.55;max-width:34ch;margin-top:14px}.op-week{display:none}.aanmeld.op .aanmeld-kaart{position:relative;z-index:2}.aanmeld.op .aanmeld-kaart h1{letter-spacing:-.02em}.aanmeld.op .knop.vol:not(.tekst){background:#0b7a6e;color:#fff}.aanmeld.op .knop.vol:not(.tekst):hover{background:#096a5f}.aanmeld.op .knop.tekst{background:transparent;color:#0b7a6e}.aanmeld.op .veld input:focus{outline:2px solid var(--op-teal);outline-offset:1px;border-color:transparent}.op-voet{text-align:center;font-size:12px;color:var(--muted);padding:0 16px calc(20px + var(--safe-bottom, 0px))}.op-keuzes{display:grid;gap:10px}.op-keuze{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;border:1px solid var(--line, #E4E4E0);background:var(--surface);border-radius:14px;padding:14px 16px;cursor:pointer;font:inherit;color:inherit}.op-keuze:hover,.op-keuze:focus-visible{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a62e}.op-keuze span{display:grid;gap:2px}.op-keuze small{color:var(--muted);font-size:12px}.op-keuze svg{width:20px;height:20px;color:#0b7a6e;flex:none}.op-laden{height:4px;border-radius:4px;background:#e3f5f2;overflow:hidden;position:relative;margin-top:6px}.op-laden:after{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:#14b8a6;border-radius:4px;animation:op-laden 1.1s ease-in-out infinite}@keyframes op-laden{0%{transform:translate(-100%)}to{transform:translate(260%)}}@media(prefers-reduced-motion:reduce){.op-laden:after{animation:none;width:100%}}@media(min-width:900px){.aanmeld.op{grid-template-columns:minmax(420px,1.05fr) 1fr;grid-template-rows:1fr auto;background:var(--canvas)}.op-zij{grid-row:1 / span 2;padding:48px 56px;display:flex;flex-direction:column}.op-tekst{margin-top:auto}.op-zij h2{font-size:clamp(34px,3.4vw,46px)}.op-lead{display:block}.op-week{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:40px;position:relative;z-index:1;max-width:460px}.op-dag>span{display:block;font:600 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#8fa6bf;margin-bottom:8px}.op-kolom{display:grid;grid-template-rows:repeat(4,30px);gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:6px}.op-blok{border-radius:7px;display:block}.op-blok.a{background:#14b8a6}.op-blok.b{background:#9fe7dc8c}.op-blok.c{background:#ffffff2e}.op-blok.v{background:transparent;border:1.5px dashed rgba(159,231,220,.6)}.aanmeld.op .aanmeld-kaart{margin:0;align-self:center;justify-self:center;width:min(420px,calc(100% - 64px));padding:32px;box-shadow:0 20px 50px #0f27421a}.op-voet{grid-column:2}}