:root{--bg: #f2f6f6;--surface: #ffffff;--surface-2: #e7efef;--surface-3: #dbe7e7;--line: #cfdcdc;--line-strong: #a9bfbf;--ink: #0f2a2b;--ink-2: #456263;--ink-3: #6c8687;--brand: #00878a;--brand-strong: #006b6e;--brand-ink: #ffffff;--brand-soft: #d5eded;--focus: #00878a;--ok: #2b7a4b;--ok-soft: #dbf0e2;--warn: #9a5b00;--warn-soft: #fbe9c8;--danger: #b0284a;--danger-soft: #f8dbe2;--zon-bg: #fbe5a0;--zon-ink: #5f4500;--koraal-bg: #f8cdb6;--koraal-ink: #73300d;--nacht-bg: #cfd4f6;--nacht-ink: #232c6b;--salie-bg: #cde6d2;--salie-ink: #22502b;--lila-bg: #e5d3f2;--lila-ink: #562777;--lucht-bg: #c9e3f5;--lucht-ink: #144a6d;--shadow: 0 1px 2px rgb(15 42 43 / .06), 0 8px 24px rgb(15 42 43 / .08);--scrim: rgb(10 30 31 / .45);--font-display: "Fredoka", ui-rounded, "SF Pro Rounded", "Varela Round", system-ui, sans-serif;--font-body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-chip: 7px;--r-ctl: 10px;--r-card: 14px;--side: 232px;--demo-bg: #0f2a2b;--demo-ink: #e3efef}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0d1a1b;--surface: #132324;--surface-2: #1a2e2f;--surface-3: #22393a;--line: #29433f;--line-strong: #3d5c5c;--ink: #e3efef;--ink-2: #a3bcbc;--ink-3: #7f9a9a;--brand: #35b8ba;--brand-strong: #6bd2d3;--brand-ink: #062022;--brand-soft: #143c3d;--focus: #6bd2d3;--ok: #6fcf94;--ok-soft: #173a26;--warn: #f0b75a;--warn-soft: #3d2e10;--danger: #f08aa3;--danger-soft: #42182a;--zon-bg: #4a3b0c;--zon-ink: #f6d877;--koraal-bg: #4f2816;--koraal-ink: #f6b896;--nacht-bg: #262d5e;--nacht-ink: #bcc4f6;--salie-bg: #1e3b26;--salie-ink: #a9d9b2;--lila-bg: #3b2550;--lila-ink: #dbbef0;--lucht-bg: #173a53;--lucht-ink: #acd5f1;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 10px 30px rgb(0 0 0 / .35);--scrim: rgb(0 0 0 / .6);color-scheme:dark}}:root[data-theme=dark]{--bg: #0d1a1b;--surface: #132324;--surface-2: #1a2e2f;--surface-3: #22393a;--line: #29433f;--line-strong: #3d5c5c;--ink: #e3efef;--ink-2: #a3bcbc;--ink-3: #7f9a9a;--brand: #35b8ba;--brand-strong: #6bd2d3;--brand-ink: #062022;--brand-soft: #143c3d;--focus: #6bd2d3;--ok: #6fcf94;--ok-soft: #173a26;--warn: #f0b75a;--warn-soft: #3d2e10;--danger: #f08aa3;--danger-soft: #42182a;--zon-bg: #4a3b0c;--zon-ink: #f6d877;--koraal-bg: #4f2816;--koraal-ink: #f6b896;--nacht-bg: #262d5e;--nacht-ink: #bcc4f6;--salie-bg: #1e3b26;--salie-ink: #a9d9b2;--lila-bg: #3b2550;--lila-ink: #dbbef0;--lucht-bg: #173a53;--lucht-ink: #acd5f1;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 10px 30px rgb(0 0 0 / .35);--scrim: rgb(0 0 0 / .6);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15;margin:0;text-wrap:balance;letter-spacing:.005em}h1{font-size:1.65rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0}a{color:var(--brand-strong)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ink-2)}.klein{font-size:.875rem}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{min-height:100%;display:flex;flex-direction:column}.demobalk{background:var(--demo-bg);color:var(--demo-ink);font-size:.875rem;padding-block:8px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.demobalk .label{font-family:var(--font-display);font-weight:600;background:var(--brand);color:var(--brand-ink);border-radius:999px;padding:1px 10px}.demobalk select{background:#fff;color:#0f2a2b;border:0;border-radius:8px;padding:5px 8px;max-width:230px}.demobalk button{background:transparent;border:1px solid color-mix(in srgb,var(--demo-ink) 45%,transparent);color:var(--demo-ink);border-radius:8px;padding:4px 10px;cursor:pointer}.demobalk .rechts{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.demobalk select{flex:1 1 160px;min-width:0}.demobalk .kort{display:none;width:16px;height:16px}@media(max-width:520px){.demobalk .wielabel,.demobalk .lang{display:none}.demobalk .kort{display:inline-flex}}.kop{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;align-items:center;gap:12px}.merk{display:flex;align-items:baseline;gap:10px;min-width:0}.merk img,.merk picture img{height:30px;width:auto;align-self:center}.woordmerk{font-family:var(--font-display);font-weight:600;font-size:1.6rem;color:var(--brand);letter-spacing:-.01em;line-height:1}.merk picture+.woordmerk{font-size:1.15rem;align-self:center;padding-left:10px;border-left:1.5px solid var(--line-strong)}.inlog .merk picture+.woordmerk{border-left:0;padding-left:0;font-size:1.4rem}.merk .bedrijf{color:var(--ink-2);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kop .gebruiker{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--ink-2);min-width:0}@media(max-width:600px){.kop .gebruiker .naam{display:none}}.avatar{width:34px;height:34px;border-radius:50%;background:var(--brand-soft);color:var(--brand-strong);display:grid;place-items:center;font-family:var(--font-display);font-weight:600;flex:none}.romp{flex:1;display:flex;min-height:0}.zijbalk{display:none}.hoofd{flex:1;min-width:0;padding-block:20px 110px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.pagina{max-width:1180px;margin:0;display:flex;flex-direction:column;gap:18px}.pagina.smal{max-width:720px}.paginakop{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 16px}.paginakop .tekst{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:4px}.paginakop .acties{display:flex;flex-wrap:wrap;gap:8px}.onderbalk{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.onderbalk button{background:none;border:0;padding:8px 2px 7px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.72rem;color:var(--ink-2);cursor:pointer;position:relative;min-width:0}.onderbalk button span.lbl{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onderbalk button[aria-current=page]{color:var(--brand-strong);font-weight:700}.onderbalk button[aria-current=page] svg{background:var(--brand-soft);border-radius:999px}.onderbalk svg{width:44px;height:26px;padding:3px 10px}.navteller{position:absolute;top:3px;left:calc(50% + 8px);min-width:18px;height:18px;border-radius:9px;padding:0 5px;background:var(--danger);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center}@media(min-width:900px){.onderbalk{display:none}.zijbalk{display:flex;flex-direction:column;gap:2px;width:var(--side);flex:none;padding:20px 12px;padding-left:max(12px,env(safe-area-inset-left,0px));border-right:1px solid var(--line);position:sticky;top:57px;align-self:flex-start;height:calc(100vh - 57px)}.zijbalk button{display:flex;align-items:center;gap:12px;background:none;border:0;border-radius:10px;padding:9px 12px;text-align:left;color:var(--ink-2);cursor:pointer;font-size:.95rem}.zijbalk button:hover{background:var(--surface-2);color:var(--ink)}.zijbalk button[aria-current=page]{background:var(--brand-soft);color:var(--brand-strong);font-weight:700}.zijbalk svg{width:20px;height:20px;flex:none}.zijbalk .navteller{position:static;margin-left:auto}.hoofd{padding-block:28px 48px;padding-left:32px;padding-right:max(32px,env(safe-area-inset-right,0px))}}.kaart{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}.kaart.vlak{background:var(--surface-2);border-color:transparent}.kaartkop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kaartkop h2,.kaartkop h3{flex:1 1 auto}.raster{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-ctl);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);padding:9px 16px;min-height:42px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}.knop:hover{background:var(--surface-2)}.knop svg{width:18px;height:18px;flex:none}.knop.primair{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.knop.primair:hover{background:var(--brand-strong);border-color:var(--brand-strong)}.knop.gevaar{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.knop.gevaar.vol{background:var(--danger);color:#fff;border-color:var(--danger)}.knop.tekst{border-color:transparent;background:transparent;color:var(--brand-strong);padding-inline:8px}.knop.tekst:hover{background:var(--brand-soft)}.knop.klein{min-height:34px;padding:5px 12px;font-size:.875rem}.knop:disabled{opacity:.5;cursor:not-allowed}.knop.breed{width:100%}.knoppen{display:flex;flex-wrap:wrap;gap:8px}.pil{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700;background:var(--surface-2);color:var(--ink-2);white-space:nowrap}.pil.ok{background:var(--ok-soft);color:var(--ok)}.pil.warn{background:var(--warn-soft);color:var(--warn)}.pil.danger{background:var(--danger-soft);color:var(--danger)}.pil.merk{background:var(--brand-soft);color:var(--brand-strong)}.pil svg{width:14px;height:14px}.chip{--c-bg: var(--surface-2);--c-ink: var(--ink-2);display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:var(--r-chip);background:var(--c-bg);color:var(--c-ink);font-family:var(--font-display);font-weight:600;font-size:.95rem;line-height:1;position:relative;border:1.5px solid transparent}.chip.groot{min-width:44px;height:44px;font-size:1.25rem;border-radius:10px}.chip.klein{min-width:22px;height:22px;font-size:.75rem;padding:0 4px;border-radius:5px}.chip.wens{background:transparent;border:1.5px dashed var(--c-ink)}.chip[data-k=zon]{--c-bg: var(--zon-bg);--c-ink: var(--zon-ink)}.chip[data-k=koraal]{--c-bg: var(--koraal-bg);--c-ink: var(--koraal-ink)}.chip[data-k=nacht]{--c-bg: var(--nacht-bg);--c-ink: var(--nacht-ink)}.chip[data-k=salie]{--c-bg: var(--salie-bg);--c-ink: var(--salie-ink)}.chip[data-k=lila]{--c-bg: var(--lila-bg);--c-ink: var(--lila-ink)}.chip[data-k=lucht]{--c-bg: var(--lucht-bg);--c-ink: var(--lucht-ink)}.chip .fn{position:absolute;right:-5px;bottom:-6px;font-family:var(--font-body);font-size:.56rem;font-weight:700;background:var(--surface);color:var(--ink-2);border:1px solid var(--line-strong);border-radius:4px;padding:0 2px;line-height:1.3}.chip.gewijzigd:after{content:"";position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--brand);border:2px solid var(--surface)}.vrijlabel{display:inline-grid;place-items:center;height:24px;padding:0 6px;border-radius:6px;font-size:.72rem;font-weight:700;line-height:1}.vrijlabel.graag{color:var(--warn);border:1.5px dashed var(--warn)}.vrijlabel.overlegd{color:var(--danger);background:var(--danger-soft)}.veld{display:flex;flex-direction:column;gap:6px;min-width:0}.veld>label,.veld>.lbl{font-weight:700;font-size:.92rem}.veld .hulp{font-size:.85rem;color:var(--ink-2)}.invoer,select.invoer,textarea.invoer{width:100%;border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--surface);padding:9px 12px;min-height:44px}textarea.invoer{min-height:84px;resize:vertical}.invoer:focus{outline:3px solid color-mix(in srgb,var(--focus) 40%,transparent);border-color:var(--focus)}.velden{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.schakels{display:flex;flex-wrap:wrap;gap:8px}.schakel{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line-strong);border-radius:999px;padding:6px 14px 6px 8px;background:var(--surface);cursor:pointer;font-weight:700;font-size:.92rem;min-height:40px}.schakel[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong)}.schakel .vink{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line-strong);display:grid;place-items:center;flex:none}.schakel[aria-pressed=true] .vink{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.schakel .vink svg{width:13px;height:13px}.segment{display:inline-flex;background:var(--surface-2);border-radius:12px;padding:3px;gap:2px;flex-wrap:wrap}.segment button{border:0;background:none;padding:7px 14px;border-radius:9px;font-weight:700;color:var(--ink-2);cursor:pointer;font-size:.92rem}.segment button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0f2a2b1f}.meldingen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.meldingen li{display:flex;gap:8px;align-items:flex-start;font-size:.9rem;border-radius:10px;padding:8px 10px}.meldingen li svg{width:18px;height:18px;flex:none;margin-top:1px}.meldingen .rood,.meldingen .blok{background:var(--danger-soft);color:var(--danger)}.meldingen .oranje{background:var(--warn-soft);color:var(--warn)}.meldingen .goed{background:var(--ok-soft);color:var(--ok)}.banner{display:flex;gap:12px;align-items:flex-start;border-radius:var(--r-card);padding:12px 14px;background:var(--brand-soft);color:var(--ink)}.banner svg{width:22px;height:22px;color:var(--brand-strong);flex:none;margin-top:1px}.banner.warn{background:var(--warn-soft)}.banner.warn svg{color:var(--warn)}.banner .inhoud{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.leeg{border:1.5px dashed var(--line-strong);border-radius:var(--r-card);padding:28px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink-2)}.leeg h3{color:var(--ink)}.scrim{position:fixed;inset:0;background:var(--scrim);z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:vervaag .15s ease-out}.blad{background:var(--surface);width:100%;max-width:560px;max-height:calc(100% - 24px);border-radius:18px 18px 0 0;display:flex;flex-direction:column;box-shadow:var(--shadow);animation:omhoog .2s ease-out;padding-bottom:env(safe-area-inset-bottom,0px)}.blad.breed{max-width:760px}.bladkop{display:flex;align-items:flex-start;gap:12px;padding:16px 16px 10px 20px}.bladkop .titels{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.bladinhoud{padding:4px 20px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.bladvoet{padding:12px 20px 16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.sluit{border:0;background:var(--surface-2);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;cursor:pointer;flex:none}.sluit svg{width:18px;height:18px}@media(min-width:700px){.scrim{align-items:center;padding:24px}.blad{border-radius:18px;max-height:calc(100% - 48px)}}@keyframes vervaag{0%{opacity:0}}@keyframes omhoog{0%{transform:translateY(24px);opacity:.6}}@media(prefers-reduced-motion:reduce){.scrim,.blad{animation:none}}.toasts{position:fixed;left:50%;transform:translate(-50%);top:calc(env(safe-area-inset-top,0px) + 64px);z-index:70;display:flex;flex-direction:column;gap:8px;width:min(92vw,440px);pointer-events:none}.toast{background:var(--ink);color:var(--bg);border-radius:12px;padding:11px 14px;box-shadow:var(--shadow);font-weight:700;font-size:.92rem;display:flex;gap:10px;align-items:flex-start}.toast.fout{background:var(--danger);color:#fff}.toast svg{width:18px;height:18px;flex:none;margin-top:1px}@keyframes toastin{0%{transform:translateY(-8px);opacity:0}}.toast{animation:toastin .18s ease-out}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.opslaanbalk{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-card);padding:10px 12px;box-shadow:var(--shadow)}.opslaanbalk .tekst{flex:1 1 180px;font-weight:700}@media(min-width:900px){.opslaanbalk{bottom:16px}}.lijst{display:flex;flex-direction:column}.rij{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);min-width:0}.rij:last-child{border-bottom:0}.rij .groei{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rij .titel{font-weight:700}button.rij{background:none;border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;cursor:pointer;border-radius:0}button.rij:hover{background:var(--surface-2)}.stappen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}.stap{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:var(--surface-2);color:var(--ink-2);min-width:0}.stap .nr{width:28px;height:28px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;font-family:var(--font-display);font-weight:600}.stap .nr svg{width:16px;height:16px}.stap .naam{font-weight:700;font-size:.92rem}.stap[data-s=klaar]{color:var(--brand-strong)}.stap[data-s=klaar] .nr{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.stap[data-s=nu]{background:var(--brand);color:var(--brand-ink)}.stap[data-s=nu] .nr{border-color:var(--brand-ink)}@media(max-width:520px){.stap .naam{font-size:.8rem}.stap{padding:10px 8px}}.periodekeuze{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.periodekeuze button{flex:none;border:1.5px solid var(--line-strong);background:var(--surface);border-radius:12px;padding:7px 12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:1px;min-width:150px}.periodekeuze button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.periodekeuze .wk{font-family:var(--font-display);font-weight:600}.periodekeuze .dt{font-size:.8rem;color:var(--ink-2)}.rasterwrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);-webkit-overflow-scrolling:touch}table.rooster{border-collapse:separate;border-spacing:0;min-width:100%;font-size:.9rem}.rooster th,.rooster td{padding:0;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}.rooster thead th{position:sticky;top:0;background:var(--surface);z-index:2;font-weight:700;font-size:.78rem;color:var(--ink-2);padding:8px 2px 6px;min-width:46px}.rooster thead th .dg{display:block;font-family:var(--font-display);font-size:1rem;color:var(--ink)}.rooster thead th.weekend,.rooster td.weekend{background:color-mix(in srgb,var(--surface-2) 55%,var(--surface))}.rooster thead th.vandaag .dg{color:var(--brand-strong)}.rooster thead th.vandaag{box-shadow:inset 0 -3px 0 var(--brand)}.rooster thead th.weekstart,.rooster td.weekstart{border-left:2px solid var(--line-strong)}.rooster .naamcel{position:sticky;left:0;z-index:1;background:var(--surface);text-align:left;padding:6px 10px 6px 12px;min-width:150px;max-width:190px;border-right:1px solid var(--line)}.rooster thead .naamcel{z-index:3}.rooster .naamcel .nm{font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rooster .naamcel .sub{display:block;font-size:.75rem;color:var(--ink-2);white-space:nowrap}.rooster .naamcel .sub .onder{color:var(--warn);font-weight:700}.rooster .naamcel .sub .boven{color:var(--danger);font-weight:700}.rooster tr.groep th{text-align:left;background:var(--surface-2);font-size:.8rem;color:var(--ink-2);padding:5px 12px;position:sticky;left:0}.rooster tr.ik td,.rooster tr.ik .naamcel{background:color-mix(in srgb,var(--brand-soft) 60%,var(--surface))}.cel{width:100%;min-height:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;position:relative;padding:0;cursor:default}button.cel{cursor:pointer}button.cel:hover{background:var(--surface-2)}.cel .wm{position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%}.cel .wm.voorkeur{background:var(--brand)}.cel .wm.graag_vrij{background:transparent;border:2px solid var(--warn)}.cel .wm.vrij_overlegd{background:var(--danger)}.cel .wm.mis{border-radius:2px;transform:rotate(45deg)}.cel .leegstreep{width:10px;height:2px;border-radius:2px;background:var(--line)}.rooster tfoot td,.rooster tfoot th{border-bottom:0;border-top:1px solid var(--line);font-size:.78rem}.rooster tr.bezet td{padding:4px 2px}.bezetcel{display:inline-grid;place-items:center;min-width:34px;height:24px;border-radius:6px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-2);border:0;background:transparent;font-size:.8rem}button.bezetcel{cursor:pointer}.bezetcel.kort{background:var(--danger-soft);color:var(--danger)}.bezetcel.over{background:var(--warn-soft);color:var(--warn)}.legenda{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:.85rem;color:var(--ink-2)}.legenda span.item{display:inline-flex;align-items:center;gap:6px}.legenda .wm{position:static;display:inline-block}.kalender{display:grid;grid-template-columns:34px repeat(7,minmax(0,1fr));gap:5px}.kalender .kh{font-size:.78rem;font-weight:700;color:var(--ink-2);text-align:center;padding-bottom:2px}.kalender .wknr{font-size:.72rem;color:var(--ink-3);display:grid;place-items:center;font-variant-numeric:tabular-nums;writing-mode:horizontal-tb}.dagknop{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;min-height:74px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;min-width:0}.dagknop:hover{border-color:var(--line-strong)}.dagknop.weekend{background:color-mix(in srgb,var(--surface-2) 55%,var(--surface))}.dagknop .dn{font-family:var(--font-display);font-weight:600;font-size:1.05rem;line-height:1}.dagknop .mn{font-size:.66rem;color:var(--ink-3);line-height:1;margin-top:-2px}.dagknop .w{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.dagknop[data-w=voorkeur]{border-color:var(--brand)}.dagknop[data-w=graag_vrij]{border-color:var(--warn);border-style:dashed}.dagknop[data-w=vrij_overlegd]{border-color:var(--danger);background:var(--danger-soft)}@media(max-width:420px){.kalender{grid-template-columns:22px repeat(7,minmax(0,1fr));gap:3px}.dagknop{min-height:64px;border-radius:9px;padding:5px 1px}.dagknop .chip.klein{min-width:18px;height:18px;font-size:.68rem;padding:0 3px}.vrijlabel{font-size:.62rem;padding:0 3px;height:20px}}.wenskeuze{display:flex;flex-direction:column;gap:8px}.wensoptie{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line-strong);border-radius:12px;background:var(--surface);padding:10px 12px;cursor:pointer;text-align:left;width:100%}.wensoptie .groei{flex:1;min-width:0;display:flex;flex-direction:column}.wensoptie .groei b{font-size:1rem}.wensoptie .groei span{font-size:.85rem;color:var(--ink-2)}.wensoptie[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.wensoptie.graag[aria-pressed=true]{border-color:var(--warn);background:var(--warn-soft)}.wensoptie.overlegd[aria-pressed=true]{border-color:var(--danger);background:var(--danger-soft)}.wensoptie .vink{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line-strong);display:grid;place-items:center;flex:none}.wensoptie[aria-pressed=true] .vink{background:var(--ink);border-color:var(--ink);color:var(--surface)}.wensoptie .vink svg{width:14px;height:14px}.wensoptie .symbool{width:44px;display:grid;place-items:center;flex:none}.kopje{font-size:.85rem;font-weight:700;color:var(--ink-2);margin-top:4px}.volgende{display:flex;gap:16px;align-items:center;background:var(--brand);color:var(--brand-ink);border-radius:18px;padding:18px}.volgende .chip{background:var(--brand-ink);color:var(--brand)}.volgende .wanneer{font-size:.9rem;opacity:.9}.volgende .wat{font-family:var(--font-display);font-size:1.5rem;font-weight:600;line-height:1.1}.weekblok{display:flex;flex-direction:column;gap:6px}.weekblok .weekkop{display:flex;align-items:baseline;gap:10px;padding:0 2px}.weekblok .weekkop h3{flex:1}.dienstrij{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}.dienstrij .datum{width:46px;flex:none;text-align:center;line-height:1.05}.dienstrij .datum .d{font-family:var(--font-display);font-size:1.3rem;font-weight:600;display:block}.dienstrij .datum .w{font-size:.75rem;color:var(--ink-2);text-transform:lowercase}.dienstrij .groei{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dienstrij.verleden{opacity:.55}.dienstrij.vandaag{border-color:var(--brand);box-shadow:inset 4px 0 0 var(--brand)}.ruil{display:flex;flex-direction:column;gap:12px}.ruilpaar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.ruilkant{display:flex;gap:10px;align-items:center;background:var(--surface-2);border-radius:12px;padding:10px;min-width:0}.ruilkant .groei{display:flex;flex-direction:column;min-width:0}.ruilkant .wie{font-size:.8rem;color:var(--ink-2)}.ruilkant .wat{font-weight:700;font-size:.92rem}.ruilpijl{width:22px;height:22px;color:var(--ink-3)}@media(max-width:520px){.ruilpaar{grid-template-columns:1fr}.ruilpijl{transform:rotate(90deg);justify-self:center}}.stapjes{display:flex;gap:6px;align-items:center;font-size:.8rem;color:var(--ink-2);flex-wrap:wrap}.stapjes .s{display:inline-flex;align-items:center;gap:6px}.stapjes .s b{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;background:var(--surface-2);font-size:.75rem}.stapjes .s.nu b{background:var(--brand);color:var(--brand-ink)}.stapjes .s.klaar b{background:var(--brand-soft);color:var(--brand-strong)}.tabelwrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}table.tabel{width:100%;border-collapse:collapse;font-size:.92rem}.tabel th,.tabel td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.tabel th{font-size:.8rem;color:var(--ink-2);background:var(--surface-2);white-space:nowrap}.tabel tr:last-child td{border-bottom:0}.tabel tr.klikbaar{cursor:pointer}.tabel tr.klikbaar:hover td{background:var(--surface-2)}.tabel tr.inactief td{color:var(--ink-3)}.matrix{border-collapse:collapse;font-size:.9rem}.matrix th,.matrix td{padding:4px;text-align:center}.matrix th:first-child,.matrix td:first-child{text-align:left;padding-right:12px;white-space:nowrap}.teller{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;background:var(--surface)}.teller button{border:0;background:var(--surface-2);width:26px;height:34px;cursor:pointer;font-weight:700}.teller span{min-width:26px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.teller.nul span{color:var(--ink-3)}.statusbalk{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.statusbalk span{display:block;height:100%;background:var(--brand);border-radius:999px}.grootgetal{font-family:var(--font-display);font-size:2rem;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.rondleiding{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.rondleiding .nu{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}.rondleiding .nu .nr{flex:none;width:26px;height:26px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:.85rem}.rondleiding .voortgang{display:flex;gap:4px}.rondleiding .voortgang span{width:18px;height:5px;border-radius:3px;background:var(--surface-3)}.rondleiding .voortgang span.klaar{background:var(--brand)}.rondleiding ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:.92rem}.rondleiding li.klaar{color:var(--ink-3);text-decoration:line-through}.inlog{min-height:100%;display:grid;place-items:center;padding-block:32px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.inlog .kaart{width:100%;max-width:420px;padding:24px;gap:16px}.inlog .merk{flex-direction:column;align-items:flex-start;gap:6px}.inlog .merk img,.merk picture img{height:44px}.laden{display:grid;place-items:center;min-height:60vh;color:var(--ink-2)}