@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/planner/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/planner/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/planner/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/planner/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/planner/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--achtergrond:#edf1f3;--vlak:#fff;--vlak-2:#f9fbfc;--zijbalk:#0b2730;--zijbalk-verloop:linear-gradient(180deg, #0e2f39 0%, #0a242c 100%);--zb-tekst:#ffffffeb;--zb-gedempt:#ffffff94;--zb-icoon:#7fd3e2;--zb-hover:#ffffff12;--zb-actief:#ffffff21;--zb-markering:#4cc3d9;--zb-lijn:#ffffff1a;--zb-veld:#ffffff12;--ink:#152027;--muted:#5f6b73;--zacht:#a3aeb5;--lijn:#d0d9de;--lijn-zacht:#e3e9ec;--hover:#0a323c0d;--accent:#0a6f82;--accent-tekst:#0a6f82;--accent-zacht:#0a6f821c;--op-accent:#fff;--goed:#248a3d;--goed-zacht:#248a3d1f;--fout:#d70015;--fout-zacht:#ff3b301c;--let-op:#c93400;--let-op-zacht:#ff950024;--paars:#8944ab;--concept:#0a6f82;--gepubliceerd:#248a3d;--leeg:#c7c7cc;--schaduw:0 0 0 .5px #08242e14, 0 1px 2px #08242e0f, 0 6px 16px -4px #08242e14, 0 16px 32px -12px #08242e1a;--schaduw-klein:0 0 0 .5px #08242e17, 0 1px 2px #08242e14;--schaduw-hoog:0 0 0 .5px #08242e17, 0 8px 20px #08242e1f, 0 28px 64px #08242e2e;--knop-stil:#fff;--t-rood:#ff3b30;--t-oranje:#ff9500;--t-geel:#fc0;--t-groen:#34c759;--t-blauw:#0a6f82;--t-indigo:#5856d6;--t-paars:#af52de;--t-grijs:#8e8e93;--straal:10px;--straal-groot:14px;--letter:"Geist Variable", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--snel:.15s cubic-bezier(.2, .7, .3, 1);--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--achtergrond:#0a0e10;--vlak:#171d20;--vlak-2:#1b2225;--zijbalk:#081c22;--zijbalk-verloop:linear-gradient(180deg, #0b2229 0%, #081a20 100%);--ink:#eef3f5;--muted:#95a2a9;--zacht:#5e6b72;--lijn:#313c41;--lijn-zacht:#242d31;--hover:#dcf5fa0f;--accent:#1e97ad;--accent-tekst:#5cc8dc;--accent-zacht:#1e97ad38;--goed:#30d158;--goed-zacht:#30d15829;--fout:#ff6961;--fout-zacht:#ff453a2e;--let-op:#ffb340;--let-op-zacht:#ff9f0a2e;--paars:#bf5af2;--concept:#1e97ad;--gepubliceerd:#30d158;--leeg:#48484a;--schaduw:0 0 0 .5px #ffffff14, 0 1px 2px #00000080, 0 8px 24px -6px #0000008c;--schaduw-klein:0 0 0 .5px #ffffff1a, 0 1px 2px #00000080;--schaduw-hoog:0 0 0 .5px #ffffff1a, 0 8px 20px #00000080, 0 28px 64px #0009;--knop-stil:#242c30;--t-rood:#ff453a;--t-oranje:#ff9f0a;--t-geel:#ffd60a;--t-groen:#30d158;--t-blauw:#1e97ad;--t-indigo:#5e5ce6;--t-paars:#bf5af2;--t-grijs:#8e8e93;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--achtergrond);color:var(--ink);font-family:var(--letter);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.45}h1,h2,h3{text-wrap:balance}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-tekst)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}kbd{font-family:var(--letter);border:1px solid var(--lijn);background:var(--vlak);min-width:18px;color:var(--muted);border-bottom-width:2px;border-radius:5px;place-items:center;padding:1px 5px;font-size:11px;display:inline-grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.gedempt{color:var(--muted)}.klein{font-size:12px}.sterk{font-weight:600}.cijfers{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.kleur-goed{color:var(--goed)}.kleur-fout{color:var(--fout)}.kleur-let-op{color:var(--let-op)}.fout-tekst{color:var(--fout)}.gevaar-tekst{color:var(--fout)!important}.teller{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:4px;font-size:12px;font-weight:500}.teller.groot{margin-left:6px;font-size:20px;font-weight:500}.knop{cursor:pointer;white-space:nowrap;height:38px;transition:background-color var(--snel), box-shadow var(--snel), opacity var(--snel), transform 60ms ease;border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.knop:active:not(:disabled){transform:scale(.98)}.knop:disabled{opacity:.4;cursor:default}.knop.hoofd{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 86%, white) 0%, var(--accent) 100%);color:var(--op-accent);box-shadow:0 1px 2px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 .5px 0 #ffffff40}.knop.hoofd:hover:not(:disabled){background:linear-gradient(180deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 85%, black) 100%)}.knop.stil{background:var(--knop-stil);color:var(--ink);box-shadow:inset 0 0 0 1px var(--lijn), var(--schaduw-klein)}.knop.stil:hover:not(:disabled){background:color-mix(in srgb, var(--knop-stil) 92%, var(--ink))}.knop.gevaar{box-shadow:0 1px 2px color-mix(in srgb, var(--fout) 45%, transparent), inset 0 .5px 0 #ffffff40;background:var(--fout);color:#fff}.knop.klein{height:32px;padding:0 12px;font-size:13px}.knop.groot{border-radius:11px;height:46px;padding:0 22px;font-size:15.5px}.knop.breed{width:100%;height:42px;font-size:14.5px}.paneel-knoppen{gap:8px;margin-top:16px;display:grid}.paneel-weg{justify-self:center;margin-top:18px;padding:8px 12px;font-size:13px}.knop-teller{font-variant-numeric:tabular-nums;background:#ffffff3d;border-radius:10px;padding:0 7px;font-size:12px}.knop.stil .knop-teller{background:var(--hover)}.icoonknop{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;display:inline-grid}.icoonknop:hover:not(:disabled){background:var(--hover);color:var(--ink)}.icoonknop:disabled{opacity:.35;cursor:default}.icoonknop.goed:hover:not(:disabled){color:var(--goed);background:var(--goed-zacht)}.icoonknop.weiger:hover:not(:disabled){color:var(--fout);background:var(--fout-zacht)}.tekstknop{color:var(--accent-tekst);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0}.tekstknop:hover{text-decoration:underline}.pil{background:var(--hover);height:20px;color:var(--muted);white-space:nowrap;border-radius:10px;flex-shrink:0;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.knop-pil{cursor:pointer;border:none}.pil-accent{background:var(--accent-zacht);color:var(--accent-tekst)}.pil-fout{background:color-mix(in srgb, var(--fout) 12%, transparent);color:var(--fout)}.knop-pil:hover{background:var(--accent-zacht);color:var(--accent-tekst)}.chip{border:1px solid var(--lijn);background:var(--vlak);cursor:pointer;border-radius:18px;align-items:center;gap:5px;height:36px;padding:0 14px;font-size:14px;transition:background-color .12s,border-color .12s;display:inline-flex}.chip:hover{border-color:var(--zacht)}.chip.aan{background:var(--accent);border-color:var(--accent);color:var(--op-accent)}.chip.aan .teller{color:#fffc}.chip.klein{height:22px;font-size:12px;font-family:var(--mono);padding:0 8px}.chip.rond{justify-content:center;width:40px;padding:0}.segmenten{background:var(--hover);border-radius:10px;flex-shrink:0;gap:2px;padding:2px;display:inline-flex}.segmenten button{height:34px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:0 14px;font-size:13.5px;font-weight:500}.segmenten button:hover{color:var(--ink)}.segmenten.met-pil{position:relative}.segmenten.met-pil button{z-index:1;position:relative}.segmenten.met-pil button.aan{box-shadow:none;background:0 0}.segment-pil{pointer-events:none;background:var(--vlak);border-radius:8px;position:absolute;top:2px;bottom:2px;left:0;box-shadow:0 1px 2px #0000001f,0 0 0 .5px #0000000a}.segment-pil.glijdt{transition:transform .24s cubic-bezier(.2,.8,.2,1),width .24s cubic-bezier(.2,.8,.2,1)}.wip{animation:.32s cubic-bezier(.2,.9,.3,1.4) wip;display:inline-block}@keyframes wip{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.segmenten button.aan{background:var(--vlak);color:var(--ink);box-shadow:0 1px 2px #0000001f,0 0 0 .5px #0000000a}.schakelaar{background:var(--lijn);cursor:pointer;border:none;border-radius:11px;width:38px;height:22px;padding:0;transition:background-color .15s;position:relative}.schakelaar span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.schakelaar[aria-checked=true]{background:var(--goed)}.schakelaar[aria-checked=true] span{transform:translate(16px)}.schakelaar:disabled{opacity:.45;cursor:default}input:not([type=checkbox]):not([type=radio]),select,.tekstvak{border:1px solid var(--lijn);background:var(--vlak);border-radius:8px;min-width:0;height:32px;padding:0 10px;font-size:13px;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,.tekstvak:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht);outline:none}input[aria-invalid=true],input.ongeldig{border-color:var(--fout);box-shadow:0 0 0 3px var(--fout-zacht)}input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:15px;height:15px;margin:0}.tekstvak{resize:vertical;width:100%;height:auto;padding:9px 11px;line-height:1.45;display:block}.tekstvak.groot{min-height:160px;font-size:14px}.zoekveld{width:240px;background:var(--vlak) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%238e8e93' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath d='m9.5 9.5 3 3'/%3E%3C/svg%3E") no-repeat 10px center!important;padding-left:30px!important}.vinkje-label{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.veldlabel{color:var(--muted);font-size:12px;font-weight:500}.datumveld{align-items:center;gap:8px;display:inline-flex}.datumveld input{font-variant-numeric:tabular-nums;width:120px}.datumveld-bij{color:var(--muted);min-width:24px;font-size:12px}.formulier{gap:14px;display:grid}.formulier label,.formulier .veld{color:var(--muted);gap:6px;font-size:12px;font-weight:500;display:grid}.keuzerij{flex-wrap:wrap;gap:6px;display:flex}.formulier label>input,.formulier label>select,.formulier label>.tekstvak{color:var(--ink);width:100%;font-weight:400}.veldrij{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.knoprij{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.knoprij.midden{justify-content:center}.avatar{--tint:210;letter-spacing:.02em;width:40px;height:40px;color:hsl(var(--tint) 45% 38%);background:hsl(var(--tint) 60% 92%);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:600;display:inline-grid}.avatar.klein{width:26px;height:26px;font-size:10.5px}.avatar.foto{vertical-align:middle;object-fit:cover;background:var(--vlak);flex:none;display:inline-block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .avatar{color:hsl(var(--tint) 70% 78%);background:hsl(var(--tint) 30% 24%)}}.inlog-scherm{place-items:center;min-height:100%;padding:24px 16px;display:grid}.inlog-kaart{background:var(--vlak);width:100%;max-width:360px;box-shadow:var(--schaduw);border-radius:20px;flex-direction:column;padding:36px 32px 28px;display:flex}.inlog-kaart.midden{text-align:center;align-items:center;gap:12px}.inlog-merk{border-radius:13px;width:56px;height:56px;margin:0 auto 14px}.inlog-kaart h1{letter-spacing:-.02em;text-align:center;margin:0 0 24px;font-size:22px;font-weight:600}.inlog-kaart.midden h1{margin:0 0 8px}.inlog-kaart label:not(.vinkje-label){color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:500}.inlog-kaart input:not([type=checkbox]){height:38px;margin-bottom:14px;font-size:14px}.inlog-onthouden{margin:2px 0 20px}.fout{background:var(--fout-zacht);color:var(--fout);border-radius:10px;margin:0 0 16px;padding:10px 12px;font-size:13px}.gelukt{background:var(--goed-zacht);color:var(--goed);text-align:center;border-radius:10px;margin:0 0 8px;padding:12px;font-size:13px}.onderaan{text-align:center;margin:18px 0 0;font-size:13px}.opstarten{place-content:center;justify-items:center;gap:12px;height:100%;display:grid}.opstarten img{border-radius:13px;width:56px;height:56px;animation:1.6s ease-in-out infinite ademen}@keyframes ademen{50%{opacity:.5;transform:scale(.96)}}.app{grid-template-columns:232px minmax(0,1fr);height:100dvh;display:grid}.hoofdvlak{min-width:0;height:100%;position:relative;overflow:auto}.zijbalk{background:var(--zijbalk-verloop);border-right:1px solid var(--lijn-zacht);flex-direction:column;gap:4px;min-height:0;padding:14px 10px 10px;display:flex;overflow-y:auto}.bedrijf,.bedrijf-houder{position:relative}.bedrijf{align-items:center;gap:10px;min-width:0;padding:6px 8px 10px;display:flex}.bedrijf.knopvorm{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;width:100%}.bedrijf.knopvorm:hover{background:var(--hover)}.bedrijf-logo{object-fit:contain;background:var(--vlak);width:28px;height:28px;box-shadow:0 0 0 1px var(--lijn-zacht);border-radius:7px;flex-shrink:0}.bedrijf-naam{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.zoekknop{border:1px solid var(--lijn-zacht);background:var(--vlak);height:30px;color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin:0 0 10px;padding:0 8px;font-size:13px;display:flex}.zoekknop:hover{border-color:var(--lijn)}.zoekknop-tekst{text-align:left;flex:1}.nav{gap:1px;margin:0;padding:0;list-style:none;display:grid}.nav-onder{margin-top:auto;padding-top:12px}.nav-groep{gap:2px;margin-bottom:14px;display:grid}.nav-kop{letter-spacing:.06em;text-transform:uppercase;color:var(--zb-gedempt);padding:0 12px 4px;font-size:11px;font-weight:600}.rail .nav-kop{display:none}.nav-item{height:38px;color:var(--ink);border-radius:8px;align-items:center;gap:11px;padding:0 12px;font-size:14.5px;text-decoration:none;display:flex}.nav-item svg{color:var(--accent);flex-shrink:0}.nav-item:hover{background:var(--hover)}.nav-item.actief{background:var(--accent);color:var(--op-accent);box-shadow:0 1px 3px color-mix(in srgb, var(--accent) 40%, transparent);font-weight:500}.nav-item.actief svg{color:var(--op-accent)}.gebruiker-houder{border-top:1px solid var(--lijn-zacht);margin-top:8px;padding-top:8px;position:relative}.gebruiker{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex}.gebruiker:hover{background:var(--hover)}.gebruiker-tekst{min-width:0;display:grid}.gebruiker-naam{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.gebruiker-rol{color:var(--muted);font-size:11.5px}.zijbalk{border-right-color:var(--zb-lijn)}.zijbalk .bedrijf-naam{color:var(--zb-tekst)}.zijbalk .bedrijf.knopvorm:hover{background:var(--zb-hover)}.zijbalk .zoekknop{background:var(--zb-veld);border-color:var(--zb-lijn);color:var(--zb-gedempt)}.zijbalk .zoekknop:hover{border-color:#ffffff38}.zijbalk .zoekknop kbd{border-color:var(--zb-lijn);color:var(--zb-gedempt);background:0 0}.zijbalk .nav-item{color:var(--zb-tekst)}.zijbalk .nav-item svg{color:var(--zb-icoon)}.zijbalk .nav-item:hover{background:var(--zb-hover)}.zijbalk .nav-item.actief{background:var(--zb-actief);color:#fff;box-shadow:inset 2px 0 0 var(--zb-markering)}.zijbalk .nav-item.actief svg{color:var(--zb-markering)}.zijbalk.met-vlak{position:relative}.zijbalk.met-vlak .nav-item{z-index:1;position:relative}.zijbalk.met-vlak .nav-item.actief{box-shadow:none;background:0 0}.nav-vlak{pointer-events:none;background:var(--zb-actief);box-shadow:inset 2px 0 0 var(--zb-markering);border-radius:8px;position:absolute;top:0;left:0}.nav-vlak.glijdt{transition:transform .28s cubic-bezier(.2,.8,.2,1),width .2s,height .2s}.zijbalk .icoonknop{color:var(--zb-gedempt)}.zijbalk .icoonknop:hover:not(:disabled){background:var(--zb-hover);color:var(--zb-tekst)}.zijbalk .gebruiker-houder{border-top-color:var(--zb-lijn)}.zijbalk .gebruiker:hover{background:var(--zb-hover)}.zijbalk .gebruiker-naam{color:var(--zb-tekst)}.zijbalk .gebruiker-rol{color:var(--zb-gedempt)}.menu{color:var(--ink)}.zijbalk .skelet{background:linear-gradient(90deg, var(--zb-veld) 0%, #ffffff21 50%, var(--zb-veld) 100%);background-size:200% 100%}.app.rail{grid-template-columns:60px minmax(0,1fr)}.rail .zijbalk{align-items:center;padding:12px 8px}.rail .bedrijf{flex-direction:column;justify-content:center;gap:8px;padding:4px 0 6px}.rail .bedrijf-naam,.rail .bedrijf .lucide-chevrons-up-down,.rail .zoekknop-tekst,.rail .zoekknop kbd,.rail .zijbalk .nav-label,.rail .gebruiker-tekst{display:none}.rail .zoekknop{justify-content:center;width:36px;padding:0}.rail .zijbalk .nav-item{justify-content:center;width:40px;padding:0}.rail .gebruiker{justify-content:center;padding:6px 0}.rail .gebruiker-houder{width:100%}.inklapknop{margin-left:auto}.rail .inklapknop{margin-left:0}.menu{z-index:20;background:var(--vlak);border:1px solid var(--lijn-zacht);min-width:220px;box-shadow:var(--schaduw-hoog);border-radius:10px;padding:5px;animation:.12s ease-out verschijn;position:absolute;top:calc(100% + 4px);left:0}.menu.boven{top:auto;bottom:calc(100% + 4px)}.export-houder{position:relative}.export-houder .menu{left:auto;right:0}.menu-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;width:100%;height:32px;padding:0 10px;font-size:13px;display:flex}.menu-item:hover{background:var(--accent);color:var(--op-accent)}.menu-item:hover .gedempt{color:#ffffffbf}@keyframes verschijn{0%{opacity:0;transform:translateY(-3px)scale(.98)}}.pagina{min-width:0;padding:28px 32px 48px}.smal-pagina{max-width:880px}.breed-pagina{max-width:none}.bus-stand{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.bus-tel{--kleur:var(--t-groen);font-variant-numeric:tabular-nums;height:28px;color:color-mix(in srgb, var(--kleur) 80%, var(--ink));background:color-mix(in srgb, var(--kleur) 13%, transparent);border-radius:14px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.bus-tel:before{content:"";background:var(--kleur);border-radius:50%;width:7px;height:7px}.bus-tel.ingezet,.bus-cel.ingezet,.bus-stip.ingezet{--kleur:var(--t-blauw)}.bus-tel.onderhoud,.bus-cel.onderhoud,.bus-stip.onderhoud{--kleur:var(--t-oranje)}.bus-tel.schade,.bus-cel.schade,.bus-stip.schade{--kleur:var(--t-rood)}.bus-tel.anders,.bus-cel.anders,.bus-stip.anders{--kleur:var(--t-grijs)}.bus-kalender{min-height:360px;max-height:calc(100vh - 290px);overflow:auto}.bus-rij{grid-template-columns:var(--naam,220px) repeat(var(--dagen), minmax(40px, 1fr));border-bottom:1px solid var(--lijn-zacht);min-width:calc(var(--naam,220px) + var(--dagen) * 40px);display:grid}.bus-rij:last-child{border-bottom:none}.bus-rij.kop{background:var(--vlak);z-index:1;position:sticky;top:0}.bus-naam{align-items:center;gap:10px;min-width:0;height:40px;padding:0 12px;font-size:13px;display:flex}button.bus-naam{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;font-size:13px}.bus-naam .afkappen{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.bus-naam>.cijfers{white-space:nowrap;flex:none}.bus-naam-pen{color:var(--muted);opacity:.35;flex:none;transition:opacity .12s}button.bus-naam:hover .bus-naam-pen,button.bus-naam:focus-visible .bus-naam-pen{opacity:1}.bus-vak{background:var(--hover);border-radius:6px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.bus-dag{height:44px;color:var(--muted);align-content:center;place-items:center;font-size:11px;display:grid}.bus-dag strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px}.bus-dag.weekend{background:color-mix(in srgb, var(--hover) 60%, transparent)}.bus-dag.vandaag strong{color:var(--accent)}.bus-cel{--kleur:transparent;border:none;border-left:1px solid var(--lijn-zacht);background:color-mix(in srgb, var(--kleur) 18%, transparent);height:40px;font:inherit;white-space:nowrap;text-align:left;margin:0;padding:0 4px;font-size:11px;position:relative;overflow:hidden}.bus-cel.vandaag{box-shadow:inset 2px 0 0 var(--accent)}.bus-cel.vrij{cursor:pointer}.bus-cel.vrij:hover{background:var(--hover)}.bus-cel.vrij:hover:after{content:"+";color:var(--muted);place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.bus-cel.ingezet{color:var(--accent-tekst);font-variant-numeric:tabular-nums;place-items:center;font-weight:600;display:grid}.bus-cel.onderhoud,.bus-cel.schade,.bus-cel.anders{cursor:pointer;color:color-mix(in srgb, var(--kleur) 75%, var(--ink));border-left-color:#0000;border-top:3px solid var(--kleur);font-weight:600}.bus-cel.start{border-top-left-radius:6px}.bus-cel.eind{border-top-right-radius:6px}.bus-label{z-index:1;display:block;position:relative;overflow:visible}.bus-boven{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:14px;display:flex}.bus-boven .bus-stand,.bus-boven .werkbalk{margin:0}.bus-toevoegen{margin-left:auto}.bus-kop-vakjes{grid-template-columns:repeat(3,minmax(180px,240px));gap:10px;display:grid}@media (width<=900px){.bus-kop-vakjes{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}.bus-vakje{min-width:0;font:inherit;color:var(--ink);text-align:left;cursor:pointer;border:none;align-content:start;gap:5px;padding:10px 14px;font-size:13px;display:grid}.bus-vakje:hover:not(:disabled){box-shadow:var(--schaduw), 0 0 0 1px var(--accent-zacht)}.bus-vakje:disabled{cursor:default}.bus-vakje-kop{align-items:baseline;gap:8px;display:flex}.bus-vakje-tel{color:var(--accent-tekst);margin-left:auto;font-size:17px;font-weight:700}.bus-vakje-tel.nul{color:var(--muted);font-weight:600}.bus-vakje ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.bus-vakje li{white-space:nowrap;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.bus-volledig{gap:2px;margin:0;padding:0;list-style:none;display:grid}.bus-volledig button{width:100%;font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;font-size:14px;display:flex}.bus-volledig button:hover{background:var(--hover)}.lijst-acties{align-items:stretch;gap:12px;margin-bottom:14px;display:flex}.lijst-acties .plakvak{flex:1;min-height:44px}.rij-knoppen{justify-content:flex-end;align-items:center;gap:4px;display:flex}.bus-lijst td{white-space:nowrap;height:46px}.bus-lijst .knop-pil{height:32px;padding:0 12px}.rij-pijl{color:var(--zacht)}.tabel.klikbaar tbody tr:hover .rij-pijl{color:var(--ink)}.tabel.klikbaar tbody tr:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.bus-tel.knop-pil{cursor:pointer;border:none;font-family:inherit}.bus-tel.knop-pil:hover{filter:brightness(.96)}.bewerk-rij td{background:var(--accent-zacht)}.bewerk-rij input{border:1px solid var(--lijn);background:var(--vlak);height:30px;color:var(--ink);font:inherit;border-radius:6px;padding:0 8px}.vak-invoer{text-align:center;text-transform:uppercase;width:44px;font-weight:600}.bus-stip{--kleur:var(--t-grijs);background:var(--kleur);border-radius:50%;flex:none;width:8px;height:8px}.datum-stand{white-space:nowrap}.datum-stand.te-laat{color:color-mix(in srgb, var(--t-rood) 85%, var(--ink));font-weight:600}.datum-stand.binnenkort{color:color-mix(in srgb, var(--t-oranje) 75%, var(--ink));font-weight:600}.datum-stand.onbekend{color:var(--muted)}.onderhoud-pil{align-items:center;gap:5px;font-family:inherit;display:inline-flex}.onderhoud-pil.te-laat{background:color-mix(in srgb, var(--t-rood) 13%, transparent);color:color-mix(in srgb, var(--t-rood) 80%, var(--ink))}.onderhoud-pil.binnenkort{background:color-mix(in srgb, var(--t-oranje) 15%, transparent);color:color-mix(in srgb, var(--t-oranje) 70%, var(--ink))}.onderhoud-pil.gepland{background:var(--accent-zacht);color:var(--accent-tekst)}.onderhoud-pil.voorlopig,.pil-voorlopig{color:var(--accent-tekst);outline:1.5px dashed color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:-1.5px;background:0 0}.datum-stand.voorlopig{color:var(--accent-tekst)}.bus-cel.voorlopig{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--kleur) 22%, transparent) 0 5px, transparent 5px 10px);border-top-style:dashed}.bus-volgend{background:var(--hover);border-radius:10px;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;font-size:14px;display:flex}.bus-volgend span{color:var(--muted)}.bus-onderhoud{margin-top:16px;padding:0 2px}.bus-onderhoud-kop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.bus-onderhoud-kop .zijkop{margin:0}.bus-onderhoud-regels{background:var(--hover);border-radius:10px;margin:0}.bus-onderhoud-regels>div{justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:4px 12px;font-size:14px;display:flex}.bus-onderhoud-regels>div+div{border-top:1px solid var(--lijn-zacht)}.bus-onderhoud-regels dt{color:var(--muted)}.bus-onderhoud-regels dd{align-items:center;gap:10px;margin:0;font-weight:600;display:inline-flex}.bus-onderhoud-regels input[type=date]{width:auto}.veld-onder{color:var(--muted);font-size:12px;font-weight:400}.veldrij:has(.veld-onder){align-items:start}.formulier .periode-voorlopig{background:var(--hover);color:var(--ink);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.bus-gedaan{background:var(--hover);border-radius:10px;padding:12px}.bus-gedaan-knoppen{justify-content:flex-end;gap:8px;display:flex}.lijst-acties.eind{justify-content:flex-end}.wp-raster{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));align-items:start;gap:16px;display:grid}.wp-stapel{gap:16px;max-width:880px;display:grid}.wp-raster.afspraken{grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr))}.wp-blok.breed{grid-column:1/-1}.wp-voet{background:var(--achtergrond);padding:12px 0;position:sticky;bottom:0}.wp-blok{padding-bottom:12px}.wp-regels{grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:8px 16px;margin:0;padding:6px 18px 4px;font-size:14px;display:grid}.wp-regels dt{color:var(--muted)}.wp-regels dd{text-align:right;overflow-wrap:anywhere;margin:0}.wp-regels a,.wp-punten a{color:var(--accent-tekst);text-decoration:none}.wp-regels a:hover{text-decoration:underline}.wp-punten{gap:8px;max-width:72ch;margin:0;padding:6px 18px 4px 36px;font-size:14px;line-height:1.5;display:grid}.wp-groepen{grid-template-columns:140px minmax(0,1fr);gap:10px 16px;margin:0;padding:6px 18px 4px;font-size:14px;display:grid}.wp-groepen dt{font-weight:600}.wp-groepen dd{margin:0}.wp-groepen ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.wp-groepen+.wp-groepen,.wp-groepen dt:not(:first-of-type),.wp-groepen dt:not(:first-of-type)+dd{border-top:1px solid var(--lijn-zacht);padding-top:10px}.wp-bewerk{justify-items:start;gap:8px;padding:14px 18px;display:grid}.wp-bewerk-kop{gap:8px;width:100%;display:flex}.wp-bewerk input,.wp-bewerk textarea{border:1px solid var(--lijn);background:var(--vlak);height:34px;color:var(--ink);font:inherit;border-radius:8px;min-width:0;padding:0 10px;font-size:14px}.wp-bewerk textarea{resize:vertical;field-sizing:content;height:auto;min-height:34px;padding:7px 10px;line-height:1.4}.wp-titel{flex:1;font-weight:600}.wp-bewerk-regel{grid-template-columns:200px minmax(0,1fr) 32px;align-items:start;gap:8px;width:100%;display:grid}.wp-bewerk-regel.lang{grid-template-columns:160px minmax(0,1fr) 32px}.pagina-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.pagina-kop h1{letter-spacing:-.025em;margin:0;font-size:26px;font-weight:700}.pagina-kop h2{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600}.pagina-acties{align-items:center;gap:8px;display:flex}.werkbalk{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.werkbalk .rechts{margin-left:auto}.zijkop{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;margin:0 0 8px;font-size:11px;font-weight:600;display:flex}.groep{margin-bottom:28px}.tabel-houder{background:var(--vlak);border-radius:var(--straal-groot);box-shadow:var(--schaduw);overflow-x:auto}.tabel{border-collapse:collapse;width:100%;font-size:13px}.tabel th{z-index:1;background:var(--vlak-2);text-align:left;color:var(--muted);border-bottom:1px solid var(--lijn-zacht);white-space:nowrap;height:34px;padding:0 12px;font-size:11.5px;font-weight:600;position:sticky;top:0}.tabel td{border-bottom:1px solid var(--lijn-zacht);height:42px;padding:0 12px}.tabel tbody tr:last-child td{border-bottom:none}.tabel .rechts{text-align:right}.tabel .smal{white-space:nowrap;width:1%}.tabel .afkappen{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.tabel.klikbaar tbody tr{cursor:default}.tabel.klikbaar tbody tr:hover td{background:var(--hover)}.tabel tr.gekozen td{background:var(--accent-zacht)!important}.tabel tr.inactief td{color:var(--zacht)}.tabel tr.doorgestreept td{color:var(--zacht);text-decoration:line-through}.tabel .groepsrij td{background:var(--achtergrond);height:32px;color:var(--muted);font-size:12px;font-weight:600}.tabel tfoot td{border-top:1px solid var(--lijn);height:40px}.kolomknop{height:32px;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;margin:0 -8px;padding:0 8px;display:inline-flex}.kolomknop:hover{color:var(--ink);background:var(--hover)}.naamcel{color:var(--ink);align-items:center;gap:10px;font-weight:500;display:inline-flex}button.naamcel:hover{color:var(--accent-tekst);text-decoration:none}.rij-acties{justify-content:flex-end;align-items:center;gap:2px;height:42px;display:flex}.knop.rij{height:36px;padding:0 14px;font-size:13.5px}.knop.goedkeuren{background:var(--goed-zacht);color:var(--goed);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--goed) 30%, transparent)}.knop.goedkeuren:hover:not(:disabled){background:var(--goed);color:#fff}.rij-tekstknop{padding:8px 10px;font-size:13.5px}.verlof-pil{margin-left:6px}.tabel .vink-cel{width:44px;padding:0}.vinkvak{cursor:pointer;place-items:center;width:44px;height:44px;display:grid}.vinkvak input{cursor:pointer;width:17px;height:17px;margin:0}.status{white-space:nowrap;border-radius:10px;align-items:center;height:20px;padding:0 8px;font-size:11.5px;font-weight:500;display:inline-flex}.status-ingediend{background:var(--accent-zacht);color:var(--accent-tekst)}.status-goedgekeurd{background:var(--goed-zacht);color:var(--goed)}.status-gecorrigeerd{color:var(--paars);background:#8944ab1f}.status-afgekeurd{background:var(--fout-zacht);color:var(--fout)}.status-leeg{background:var(--hover);color:var(--muted)}.skelet-lijst{gap:8px;padding:8px 4px;display:grid}.skelet-lijst span,.skelet-rij span,.skelet{background:linear-gradient(90deg, var(--hover) 0%, var(--lijn-zacht) 50%, var(--hover) 100%);background-size:200% 100%;border-radius:8px;height:26px;animation:1.3s ease-in-out infinite glans;display:block}.skelet-rij span{width:60%;height:14px}.raster-vak.skelet,.gezicht.skelet{background:linear-gradient(90deg, var(--hover) 0%, var(--lijn-zacht) 50%, var(--hover) 100%);background-size:200% 100%;animation:1.3s ease-in-out infinite glans}.raster-vak.skelet{border-radius:4px;height:auto}.opstart-zijbalk{gap:10px}.opstart-bedrijf{width:70%;height:32px!important}.opstart-zoek{margin-bottom:6px;height:30px!important}.opstart-nav{width:82%;height:22px!important}.opstart-titel{width:240px;margin-bottom:20px;height:30px!important}.opstart-pagina .skelet-lijst span{height:56px}@keyframes glans{0%{background-position:100% 0}to{background-position:-100% 0}}.kolom-leeg{color:var(--muted);text-align:center;margin:0;padding:28px 12px;font-size:13px}.kolom-voorbij{justify-items:center;gap:8px;padding-top:64px;font-size:15px;font-weight:600;display:grid}.leeg-staat{color:var(--muted);flex:1;place-content:center;justify-items:center;gap:10px;padding:48px 16px;display:grid}.leeg-staat.vol{height:100%}.leeg-staat h2{color:var(--ink);margin:0;font-size:18px;font-weight:600}.planning{grid-template-columns:300px minmax(0,1fr);height:100%;display:grid}.planning.kalender-in{grid-template-columns:minmax(0,1fr)}.planning-zij[hidden]{display:none!important}.planning-zij{border-right:1px solid var(--lijn-zacht);background:var(--vlak);flex-direction:column;gap:24px;padding:20px 18px;display:flex;overflow-y:auto}.kalender-kop{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kalender-kop .maand{letter-spacing:-.01em;font-size:15px;font-weight:600}.kalender-kop .maand:first-letter{text-transform:uppercase}.kalender-pijlen{gap:2px;display:flex}.weekdagen,.dagen{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.weekdagen div{text-align:center;color:var(--muted);text-transform:uppercase;padding-bottom:4px;font-size:10.5px;font-weight:600}.dag{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-height:50px;padding:5px 2px 6px;display:flex}.dag:hover{background:var(--hover)}.dag.gesloten .dagnummer{color:var(--zacht)}.dag.gekozen{background:var(--accent)}.dag.gekozen .dagnummer{color:var(--op-accent);font-weight:600}.dagnummer{font-variant-numeric:tabular-nums;font-size:12.5px;line-height:18px}.dag.vandaag:not(.gekozen) .dagnummer{color:var(--accent-tekst);font-weight:700}.dag.buiten-maand{opacity:.35}.balkjes{flex-direction:column;gap:2px;width:72%;display:flex}.balk{border-radius:2px;flex-shrink:0;height:3px;display:block}.balk.leeg{background:var(--leeg);opacity:.45}.balk.concept{background:repeating-linear-gradient(90deg, var(--concept) 0 3px, transparent 3px 5.5px)}.balk.gepubliceerd{background:var(--gepubliceerd)}.dag.gekozen .balk.concept{background:repeating-linear-gradient(90deg,#fff 0 3px,#0000 3px 5.5px)}.dag.gekozen .balk.gepubliceerd{background:#fff}.dag.gekozen .balk.leeg{opacity:1;background:#ffffff73}.te-doen ul{gap:1px;margin:0;padding:0;list-style:none;display:grid}.te-doen-rij{height:32px;color:var(--ink);border-radius:7px;grid-template-columns:14px 78px 1fr auto;align-items:center;gap:8px;padding:0 8px;font-size:12.5px;text-decoration:none;display:grid}.te-doen-rij:hover{background:var(--hover)}.te-doen-rij .balk{width:14px}.te-doen-dag{color:var(--muted);font-variant-numeric:tabular-nums}.te-doen-dienst{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.te-doen-aantal{font-variant-numeric:tabular-nums;color:var(--accent-tekst);font-weight:600}.werkblad{flex-direction:column;gap:16px;min-width:0;height:100%;min-height:0;padding:22px 28px 20px;display:flex}.dag-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.dag-titel{flex-wrap:wrap;align-items:baseline;gap:12px;min-width:0;display:flex}.dag-titel h1{letter-spacing:-.025em;margin:0;font-size:26px;font-weight:700}.dag-titel .pil{align-self:center}.dag-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.dag-nav{align-items:center;gap:4px;display:flex}.dag-stappen{align-self:center;align-items:center;gap:4px;display:inline-flex}.dag-stappen .knop{height:38px}.dag-stappen .stap{width:38px;padding:0}.dienst-tabs{flex-wrap:wrap;gap:20px;display:flex}.tabgroep{gap:6px;display:grid}.tabgroep-kop{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-left:2px;font-size:11px;font-weight:600}.tabgroep-knoppen{flex-wrap:wrap;gap:6px;display:flex}.dienst-tab{border:1px solid var(--lijn-zacht);background:var(--vlak);cursor:pointer;text-align:left;border-radius:11px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;gap:1px 14px;min-width:150px;padding:9px 14px 10px;transition:border-color .12s,box-shadow .12s;display:grid;position:relative}.dienst-tab:hover{border-color:var(--lijn)}.dienst-tab.aan{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.dienst-tab .balk{height:2.5px;position:absolute;bottom:5px;left:14px;right:14px}.dienst-tab-naam{font-size:14px;font-weight:600}.dienst-tab-tijd{color:var(--muted);font-variant-numeric:tabular-nums;grid-row:2;font-size:11.5px}.dienst-tab-aantal{font-variant-numeric:tabular-nums;letter-spacing:-.02em;grid-area:1/2/span 2;justify-self:end;font-size:22px;font-weight:600}.kolommen{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;min-height:0;display:grid}.kolom{background:var(--vlak);border-radius:var(--straal-groot);box-shadow:var(--schaduw);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.kolom-kop{justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:12px 14px 10px;display:flex}.kolom-kop h2{align-items:baseline;margin:0;font-size:14px;font-weight:600;display:flex}.bevestigd-teller{color:var(--goed);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:13px;font-weight:600;display:inline-flex}.kolom-zoek{padding:0 14px 8px}.kolom-zoek .zoekveld{width:100%}.kolom-lijst{flex:1;padding:0 8px 10px;overflow-y:auto}.kolommen{grid-template-rows:minmax(0,1fr);align-items:start}.kolommen>.kolom{max-height:100%}.kolommen>.kolom:not(.kandidaten){min-height:min(100%,300px)}.leeg-doel{border:1.5px dashed var(--lijn);height:100%;min-height:200px;color:var(--muted);transition:border-color var(--snel), color var(--snel), background-color var(--snel);border-radius:12px;flex:1;place-content:center;justify-items:center;gap:8px;font-size:13px;display:grid}.kolom-lijst:has(>.leeg-doel){flex-direction:column;display:flex}.kolom.sleepdoel .leeg-doel{color:var(--accent-tekst);border-color:#0000}.kolom-lijst ul{margin:0;padding:0;list-style:none}.persoon{-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:10px;min-height:40px;padding:5px 8px;display:flex}.persoon:hover{background:var(--hover)}.persoon-naam{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.persoon-tekst{flex:1;min-width:0;display:grid}.persoon>.persoon-naam{flex:1;min-width:0}.persoon-notitie{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:italic;overflow:hidden}.persoon-teken{display:inline-grid}.meldingen-uit{color:var(--let-op)}.meldingen-uit-pil{color:var(--let-op);background:var(--let-op-zacht);align-items:center;gap:5px;display:inline-flex}.persoon .verwijder{color:var(--zacht)}.persoon .verwijder:hover:not(:disabled){color:var(--fout);background:var(--fout-zacht)}.persoon .toevoegen{background:var(--accent-zacht);height:32px;color:var(--accent-tekst);font:inherit;cursor:pointer;border:none;border-radius:8px;flex:none;align-items:center;gap:5px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.persoon .toevoegen:hover:not(:disabled){background:var(--accent);color:var(--op-accent)}.persoon .toevoegen:disabled{opacity:.4;cursor:default}.concept-groep{border:1.5px dashed var(--concept);background:color-mix(in srgb, var(--accent) 3%, transparent);border-radius:12px;margin:2px 0 10px;padding:4px}.concept-knop{width:calc(100% - 8px);margin:8px 4px 4px}.kiesbaar{cursor:default}.kiesbaar.gekozen{background:var(--accent-zacht)}.kiesbaar.gekozen:hover{background:color-mix(in srgb, var(--accent) 16%, transparent)}.vinkje{border:1.5px solid var(--lijn);width:17px;height:17px;color:var(--op-accent);border-radius:5px;flex-shrink:0;place-items:center;transition:background-color .1s,border-color .1s;display:grid}.vinkje.aan{background:var(--accent);border-color:var(--accent)}.kandidaat-groep+.kandidaat-groep{margin-top:8px}.groep-kop{z-index:1;background:var(--vlak);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;padding:6px 8px;font-size:11px;font-weight:600;display:flex;position:sticky;top:0}.groep-kop .vinkje-label{gap:8px;font-size:11px}.groep-kop input[type=checkbox]{width:14px;height:14px}.stip{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.stip-beschikbaar{background:var(--goed)}.stip-stand_by,.stip-misschien{background:var(--let-op)}.stip-onbekend{box-shadow:inset 0 0 0 1.5px var(--zacht);background:0 0}.stip-niet_beschikbaar{background:var(--fout)}.stip-verlof{background:var(--paars)}.groep-niet_beschikbaar .persoon-naam,.groep-verlof .persoon-naam{color:var(--muted)}.actiebalk{border-top:1px solid var(--lijn-zacht);background:var(--vlak-2);align-items:center;gap:8px;padding:10px 12px;animation:.14s ease-out omhoog;display:flex}.actiebalk .knop.hoofd{margin-left:auto}.actiebalk-aantal{background:var(--accent);min-width:26px;height:22px;color:var(--op-accent);font-variant-numeric:tabular-nums;border-radius:11px;place-items:center;padding:0 7px;font-size:12px;font-weight:600;display:inline-grid}.actiebalk.zwevend{border:1px solid var(--lijn-zacht);width:fit-content;box-shadow:var(--schaduw-hoog);background:var(--vlak);border-radius:14px;gap:12px;margin:16px auto 0;position:sticky;bottom:20px}.actiebalk.zwevend .knop.hoofd{margin-left:0}@keyframes omhoog{0%{opacity:0;transform:translateY(6px)}}.reden-namen{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.reden-namen li{align-items:center;gap:8px;font-size:13px;display:flex}.gesplitst{grid-template-columns:minmax(0,1fr);height:100%;display:grid}.gesplitst.met-paneel{grid-template-columns:minmax(0,1fr) 380px}.gesplitst>.pagina{overflow-y:auto}.paneel{border-left:1px solid var(--lijn-zacht);background:var(--vlak);animation:.16s ease-out inschuiven;overflow-y:auto}@keyframes inschuiven{0%{opacity:0;transform:translate(12px)}}.paneel-kop{background:var(--vlak);z-index:1;justify-content:flex-end;padding:10px 10px 0;display:flex;position:sticky;top:0}.paneel-inhoud{padding:0 24px 32px}.profiel{text-align:center;justify-items:center;gap:4px;margin-bottom:18px;display:grid}.profiel .avatar{width:64px;height:64px;margin-bottom:6px;font-size:22px}.profiel h2{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600}.contact{gap:6px;margin-bottom:22px;display:grid}.contact .knop{text-overflow:ellipsis;justify-content:flex-start;font-weight:400;overflow:hidden}.paneel-sectie{margin-bottom:22px}.simpele-lijst{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.gegevens{grid-template-columns:1fr auto;align-items:center;gap:10px 12px;margin:0 0 14px;font-size:13px;display:grid}.gegevens dt{color:var(--muted)}.gegevens dd{text-align:right;margin:0}.raster{align-items:center;gap:3px;font-size:10.5px;display:grid}.raster-dag{color:var(--muted);text-transform:uppercase;justify-items:center;line-height:1.2;display:grid}.raster-dag b{color:var(--ink);font-variant-numeric:tabular-nums;text-transform:none;font-weight:500}.raster-dienst{color:var(--muted);white-space:nowrap;padding-right:6px}.raster-vak{aspect-ratio:1;border-radius:4px;width:100%}.raster-vak.stip-onbekend{box-shadow:inset 0 0 0 1px var(--lijn)}.uitnodiging{justify-items:center;gap:14px;display:grid}.qr{background:#fff;border-radius:12px;width:220px;height:220px;padding:8px}.code-rij{align-items:center;gap:6px;display:flex}.code{font-family:var(--mono);letter-spacing:.08em;font-size:20px;font-weight:600}.periode{align-items:center;gap:8px;display:inline-flex}.periode-titel{text-align:center;min-width:76px;font-size:15px;font-weight:600}.periode-titel:first-letter{text-transform:uppercase}.twee-vlakken{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100%;display:grid}.feed-vlak{border-left:1px solid var(--lijn-zacht);background:var(--vlak)}.opsteller{gap:12px;max-width:640px;display:grid}.ontvangers{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ontvangers .veldlabel{margin-right:4px}.opsteller-voet{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;display:flex}.opsteller-voet>.gedempt:first-child{margin-right:auto}.feed{margin:0;padding:0;list-style:none}.feed-regel{border-bottom:1px solid var(--lijn-zacht);grid-template-columns:20px 1fr auto;align-items:start;gap:12px;padding:12px 4px;font-size:13.5px;display:grid}.feed-tekst{gap:3px;min-width:0;display:grid}.feed-citaat{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.instellingen{grid-template-columns:220px minmax(0,1fr);min-height:100%;display:grid}.sub-nav{border-right:1px solid var(--lijn-zacht);padding:28px 12px}.sub-nav h1{letter-spacing:-.025em;margin:0 0 16px 10px;font-size:22px;font-weight:700}.sub-nav ul{gap:1px;margin:0;padding:0;list-style:none;display:grid}.lijstvlak{background:var(--vlak);box-shadow:var(--schaduw);border-radius:12px}.lijstregel{justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 16px;font-size:13.5px;display:flex}.lijstregel+.lijstregel{border-top:1px solid var(--lijn-zacht)}.tijden{align-items:center;gap:8px;display:inline-flex}.tijden input{font-variant-numeric:tabular-nums;width:96px}.tijden input.getal{text-align:right;width:72px}.weekdag-keuze{flex-wrap:wrap;gap:6px;display:flex}.opslaanbalk{background:var(--vlak);border:1px solid var(--lijn-zacht);box-shadow:var(--schaduw-hoog);border-radius:12px;justify-content:flex-end;gap:8px;padding:10px;animation:.14s ease-out omhoog;display:flex;position:sticky;bottom:16px}.melding-kaart{background:var(--vlak);box-shadow:var(--schaduw);border-radius:12px;grid-template-columns:minmax(0,1fr) 280px;gap:20px;margin-bottom:12px;padding:16px;display:grid}.melding-invoer{gap:8px;display:grid}.melding-voet{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.plaatshouders{flex-wrap:wrap;gap:4px;margin-right:auto;display:flex}.melding-voorbeeld{background:linear-gradient(160deg,#5b7fa6,#2f4b6e);border-radius:12px;align-content:center;padding:16px;display:grid}.pushmelding{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#1d1d1f;background:#f5f5f7db;border-radius:14px;grid-template-columns:30px 1fr;gap:10px;padding:10px 12px;font-size:12px;line-height:1.35;display:grid}.pushmelding img{border-radius:7px;width:30px;height:30px}.pushmelding div{gap:1px;min-width:0;display:grid}.pushmelding span{overflow-wrap:anywhere}.pushmelding.leeg{text-align:center;color:#6e6e73;display:block}.venster,.palet{color:var(--ink);background:0 0;border:none;max-width:calc(100vw - 32px);padding:0}.venster::backdrop,.palet::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000047;animation:.15s ease-out vervaag}@keyframes vervaag{0%{opacity:0}}.venster-vlak{background:var(--vlak);width:440px;max-width:100%;box-shadow:var(--schaduw-hoog);border-radius:16px;animation:.16s cubic-bezier(.2,.9,.3,1.2) opkomen}.venster.breed .venster-vlak{width:640px}.venster.ritten-venster .venster-vlak{width:min(1080px,94vw)}.ritten-venster .venster-inhoud{gap:12px;display:grid}.plakvak{border:1.5px dashed var(--lijn);min-height:64px;color:var(--muted);cursor:text;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;font-weight:500;display:flex}.plakvak:focus{border-color:var(--accent);color:var(--accent)}.plakvak.bezig{opacity:.5;pointer-events:none}.plakvak kbd{font-family:var(--mono);border:1px solid var(--lijn);border-radius:5px;padding:1px 6px;font-size:11px}.ritten-tabel{max-height:60vh;overflow:auto}.ritten-tabel td{vertical-align:top;height:auto;padding-top:6px;padding-bottom:6px}.ritten-tabel td.regels div{white-space:nowrap;line-height:20px}.ritten-tabel select{max-width:200px}.ritten-tabel tbody.rit-blok{border-top:1px solid var(--lijn-zacht)}.ritten-tabel tbody.twijfel{border:2px solid var(--fout)}.ritten-tabel tbody.twijfel td{background:color-mix(in srgb, var(--fout) 5%, transparent)}.ritten-tabel tr.rit-melding td{border-top:0;padding-top:0;padding-bottom:10px}.rit-melding-inhoud{color:var(--fout);align-items:flex-start;gap:8px;font-size:13px;display:flex}.rit-melding-inhoud>svg{flex:none;margin-top:2px}.rit-melding-inhoud>span:first-of-type{min-width:0;color:var(--ink);flex:320px;padding-top:1px}.rit-kies{flex-wrap:wrap;flex:none;gap:6px;display:inline-flex}.rit-kies .knop:not(.hoofd){color:var(--ink)}.kenteken-keuze{max-width:170px;font-family:var(--mono)}.kenteken-invoer{width:96px;font-family:var(--mono);text-transform:uppercase}.kenteken-cel{align-items:center;gap:6px;display:inline-flex}.ritten-telling{margin-right:auto}@keyframes opkomen{0%{opacity:0;transform:scale(.96)}}.venster-kop{justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 4px 22px;display:flex}.venster-kop h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.venster-inhoud{padding:8px 22px 18px}.venster-tekst{color:var(--muted);margin:0;font-size:13.5px}.venster-voet{justify-content:flex-end;gap:8px;padding:12px 16px 16px;display:flex}.toetsen{gap:8px;margin:0;display:grid}.toetsen div{grid-template-columns:110px 1fr;align-items:center;font-size:13px;display:grid}.toetsen dt{gap:3px;display:flex}.toetsen dd{color:var(--muted);margin:0}.palet{margin-top:14vh}.palet-vlak{background:var(--vlak);width:560px;max-width:100%;box-shadow:var(--schaduw-hoog);border-radius:14px;animation:.14s ease-out opkomen;overflow:hidden}.palet-invoer{width:100%;border:none!important;border-bottom:1px solid var(--lijn-zacht)!important;height:52px!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0 18px!important;font-size:17px!important}.palet-lijst{max-height:360px;margin:0;padding:6px;list-style:none;overflow-y:auto}.palet-lijst li{cursor:pointer;border-radius:8px;align-items:center;gap:12px;height:40px;padding:0 10px;font-size:14px;display:flex}.palet-lijst li.aan{background:var(--accent);color:var(--op-accent)}.palet-lijst li.aan .palet-icoon,.palet-lijst li.aan .palet-bij{color:#fffc}.palet-icoon{width:26px;color:var(--muted);place-items:center;display:inline-grid}.palet-label{text-transform:none;flex:1}.palet-lijst li:first-letter{text-transform:uppercase}.palet-bij{color:var(--muted);font-size:12px}.palet-leeg{color:var(--muted);cursor:default!important}.palet-voet{border-top:1px solid var(--lijn-zacht);background:var(--vlak-2);gap:14px;padding:8px 14px;display:flex}.palet-voet span{gap:3px;display:inline-flex}.palet-voet-rechts{margin-left:auto}.toasts{z-index:100;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{color:#f5f5f7;box-shadow:var(--schaduw-hoog);pointer-events:auto;background:#1d1d1f;border-radius:12px;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:13px;font-weight:500;animation:.34s cubic-bezier(.2,.9,.3,1.25) toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.96)}}.toast.weg{animation:.18s ease-in forwards toast-uit}@keyframes toast-uit{to{opacity:0;transform:translateY(8px)scale(.98)}}.toast-vink{flex:none;width:16px;height:16px;margin-right:-6px}.toast-vink path{fill:none;stroke:#5cdb8b;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16px;animation:.36s ease-out .12s forwards vink-teken}@keyframes vink-teken{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.toast-vink path{stroke-dashoffset:0}}.toast.fout{background:var(--fout);color:#fff}.toast button{color:#5cc8dc;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-weight:600}.toast.fout button{color:#fff;text-decoration:underline}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .toast:not(.fout){background:#3a3a3c}}@media (width<=1100px){.planning{grid-template-columns:minmax(0,1fr);height:auto}.planning-zij{border-right:none;border-bottom:1px solid var(--lijn-zacht);grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:24px;display:grid}.werkblad{height:auto}.kolom{max-height:70vh}.gesplitst.met-paneel{grid-template-columns:minmax(0,1fr) 320px}.melding-kaart{grid-template-columns:minmax(0,1fr)}}@media (width<=860px){.kolommen,.gesplitst.met-paneel{grid-template-columns:minmax(0,1fr)}.gesplitst.met-paneel>.pagina{display:none}.paneel{border-left:none}.twee-vlakken,.instellingen{grid-template-columns:minmax(0,1fr)}.feed-vlak{border-left:none;border-top:1px solid var(--lijn-zacht)}.sub-nav{border-right:none;border-bottom:1px solid var(--lijn-zacht);padding:20px 12px 8px}.sub-nav ul{flex-wrap:wrap;display:flex}.planning-zij{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.app.rail{grid-template-columns:52px minmax(0,1fr)}.zijbalk{padding:10px 6px}.zijbalk .nav-item{width:38px}.pagina,.werkblad{padding:18px 16px 32px}.zoekveld{width:100%}.werkbalk>*{flex-shrink:1}.dienst-tab{flex:130px;min-width:0}.tabgroep,.tabgroep-knoppen{width:100%}.pagina-kop h1,.dag-titel h1{font-size:22px}.segmenten{scrollbar-width:none;max-width:100%;overflow-x:auto}.periode,.lijstregel{flex-wrap:wrap}.tijden input{width:84px}.datumveld input{width:108px}}.zijbalk-top{align-items:center;gap:4px;min-width:0;display:flex;position:relative}.app:not(.rail) .inklapknop{opacity:0;background:var(--zijbalk);transition:opacity .12s;position:absolute;right:2px}.app:not(.rail) .zijbalk:hover .inklapknop,.app:not(.rail) .inklapknop:focus-visible{opacity:1}.zijbalk-top .bedrijf,.zijbalk-top .bedrijf-houder{flex:1;min-width:0}.rail .zijbalk-top{flex-direction:column;gap:6px;margin-bottom:8px}.icoonknop.aan{color:var(--accent);background:var(--accent-zacht)}.bedrijf-logo.eigen{background:#fff;padding:2px}.persoon.wordt-gesleept{opacity:.45}.kolom.sleepdoel,.dienst-tab.sleepdoel{outline:2px dashed var(--accent);outline-offset:-2px}.kolom.boven,.dienst-tab.boven{background:color-mix(in srgb, var(--accent) 8%, var(--vlak));outline-style:solid}.kolom.sleepdoel,.dienst-tab.sleepdoel{transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .18s}.kolom.boven{transform:scale(1.012)}.dienst-tab.boven{transform:translateY(-2px)scale(1.03)}.dienst-tab.geen-doel{opacity:.4}.sleepbeeld{background:var(--accent);color:#fff;font:500 13px var(--letter);border-radius:18px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:inline-flex;position:fixed;top:-1000px;left:-1000px;box-shadow:0 6px 16px #0003}.sleepbeeld-aantal{min-width:24px;height:24px;color:var(--accent);background:#fff;border-radius:12px;place-items:center;padding:0 7px;font-weight:700;display:inline-grid}.jaar-kop{align-items:center;gap:8px;margin:4px 0 18px;display:flex}.jaar-titel{letter-spacing:-.02em;text-align:center;min-width:56px;font-size:20px;font-weight:700}.feest-naam{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.lijstregel.voorbij{opacity:.5}.legenda{text-transform:none;letter-spacing:0;align-items:center;gap:6px;margin-left:auto;font-weight:500;display:inline-flex}.legenda-vak{border-radius:3px;width:12px;height:12px;margin-left:8px;display:inline-block}.legenda-vak.dicht{background:var(--fout-zacht);box-shadow:inset 0 0 0 1px var(--fout)}.legenda-vak.extra-open{box-shadow:inset 0 0 0 1.5px var(--accent)}.jaar{grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:14px;display:grid}.mini-maand{background:var(--vlak);box-shadow:var(--schaduw);border-radius:12px;padding:12px}.mini-titel{margin-bottom:6px;font-size:13px;font-weight:600}.mini-titel:first-letter{text-transform:uppercase}.mini-dagen{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.mini-wd{color:var(--muted);text-align:center;text-transform:uppercase;font-size:9.5px;font-weight:600}.mini-dag{aspect-ratio:1;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0;font-size:11.5px;position:relative}.mini-dag:hover:not(:disabled){background:var(--hover)}.mini-dag:disabled{cursor:default;color:var(--zacht)}.mini-dag.dicht{color:var(--zacht);text-decoration:line-through}.mini-dag.dicht.uitzondering{background:var(--fout-zacht);color:var(--fout);box-shadow:inset 0 0 0 1px var(--fout);text-decoration:none}.mini-dag.extra-open{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent-tekst);font-weight:600}.mini-dag.feest:after{content:"";background:var(--let-op);border-radius:50%;width:3px;height:3px;margin-left:-1.5px;position:absolute;bottom:2px;left:50%}.mini-dag.vandaag{color:var(--accent-tekst);font-weight:700}.tabel .afwijking{color:var(--let-op);font-weight:700}.menu-kop{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:6px 10px 4px;font-size:11px;font-weight:600}.tabel .aanvulling{color:var(--let-op);white-space:nowrap;cursor:help;font-weight:700}.tabel tr.afwijkend td:first-child{box-shadow:inset 3px 0 0 var(--let-op)}.pagina.vandaag .pagina-kop>div{gap:2px;display:grid}.kleur-accent{color:var(--accent-tekst)}.kleur-paars{color:var(--paars)}.start-raster{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);align-items:start;gap:16px;margin-bottom:28px;display:grid}.start-dagen{gap:12px;min-width:0;display:grid}.start-rechts{align-content:start;gap:12px;min-width:0;display:grid}.bussen-kaart-stand{margin-bottom:8px;padding:4px 18px 0}.bussen-kaart-lijst{margin:0;padding:0 8px 10px;list-style:none;display:grid}.bussen-kaart-regel{color:var(--ink);border-radius:8px;grid-template-columns:8px auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;font-size:13px;text-decoration:none;display:grid}.bussen-kaart-regel:hover{background:var(--hover)}.bussen-kaart-meer{padding:4px 10px}.start-skelet{padding:16px}.start-skelet span{height:64px}.kaart{background:var(--vlak);box-shadow:var(--schaduw);border-radius:16px;min-width:0}.kaart-kop{justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:14px 18px 6px;display:flex}.kaart-kop h2{letter-spacing:-.015em;align-items:baseline;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.kaart-kop h2 .gedempt{letter-spacing:0;font-size:13px;font-weight:500}.kaart{--rij-hover:color-mix(in srgb, var(--vlak) 94%, var(--accent))}.hoofddag{padding-bottom:8px}.hoofddag .kaart-kop{padding-top:16px}.hoofddag .kaart-kop h2{letter-spacing:-.022em;font-size:21px}.dienstrijen{margin:0;padding:0 8px;list-style:none}.dienstrijen li+li{border-top:1px solid var(--lijn-zacht)}.dienstrij{--ring:var(--vlak);color:var(--ink);transition:background-color var(--snel);border-radius:12px;grid-template-columns:minmax(120px,170px) minmax(0,1fr) auto 48px;grid-template-areas:"naam gezichten stand aantal";align-items:center;gap:10px 14px;margin:3px 0;padding:12px 10px;text-decoration:none;display:grid}.dienstrij:hover{--ring:var(--rij-hover);background:var(--rij-hover)}.dienstrij-naam{grid-area:naam;gap:1px;min-width:0;display:grid}.dienstrij-naam b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.dienstrij-naam .gedempt{font-size:12px}.dienstrij-stand{flex-wrap:wrap;grid-area:stand;justify-content:flex-end;gap:6px;display:flex}.dienstrij-aantal{letter-spacing:-.035em;grid-area:aantal;justify-self:end;font-size:30px;font-weight:600;line-height:1}.dienstrij-aantal.nul,.volgende-regel b.nul{color:var(--zacht)}.gezichten{grid-area:gezichten;align-items:center;min-width:0;padding:3px 0 3px 3px;font-size:13px;display:flex;overflow:hidden}.gezicht{transition:transform var(--snel);border-radius:50%;place-items:center;display:inline-grid;position:relative}.gezicht+.gezicht{margin-left:-7px}.gezicht .avatar{width:32px;height:32px;box-shadow:0 0 0 2px var(--ring);transition:box-shadow var(--snel);font-size:11.5px}.gezicht.verzonden .avatar{background:var(--lijn-zacht);color:var(--muted)}.gezicht.voorgesteld .avatar{background:var(--vlak);color:var(--accent-tekst);outline:1.5px dashed var(--accent);outline-offset:-1.5px}.gezicht:hover{z-index:1;transform:translateY(-2px)}.gezicht.meer{background:var(--lijn-zacht);width:32px;height:32px;color:var(--muted);box-shadow:0 0 0 2px var(--ring);font-size:11.5px;font-weight:600}.gezicht.skelet{width:32px;height:32px;box-shadow:0 0 0 2px var(--ring);border-radius:50%}.telchip{white-space:nowrap;background:var(--hover);height:22px;color:var(--muted);border-radius:11px;align-items:center;gap:3px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.telchip.goed{background:var(--goed-zacht);color:var(--goed)}.telchip.let-op{background:var(--let-op-zacht);color:var(--let-op)}.telchip.accent{background:var(--accent-zacht);color:var(--accent-tekst)}.telchip.fout{background:var(--fout-zacht);color:var(--fout)}.bezetting{background:var(--lijn-zacht);border-radius:3px;grid-area:balk;gap:3px;height:5px;display:flex;overflow:hidden}.bezetting i{flex:1 1 0;min-width:0;display:block}.bezetting .goed{background:var(--goed)}.bezetting .let-op{background:var(--t-oranje)}.bezetting .concept{background:repeating-linear-gradient(90deg, var(--concept) 0 4px, transparent 4px 7px)}.dicht-regel{background:repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in srgb, var(--ink) 4%, transparent) 6px 7px);height:42px;box-shadow:inset 0 0 0 1px var(--lijn-zacht);color:var(--muted);transition:box-shadow var(--snel);border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:13px;text-decoration:none;display:flex}.dicht-regel b{color:var(--ink);font-weight:600}.dicht-regel:hover{box-shadow:inset 0 0 0 1px var(--lijn)}.volgende .kaart-kop h2{font-size:15px}.volgende-diensten{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:4px;margin:0;padding:2px 8px 10px;list-style:none;display:grid}.volgende-dienst{color:var(--ink);transition:background-color var(--snel);border-radius:12px;gap:4px;padding:10px 10px 12px;font-size:12.5px;text-decoration:none;display:grid}.volgende-dienst:hover{background:var(--rij-hover)}.volgende-dienst>.gedempt{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.volgende-regel{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.volgende-regel b{letter-spacing:-.025em;font-size:22px;font-weight:600;line-height:1.15}.volgende-dienst .balk{width:100%;height:4px;margin-top:2px}.dagkaart-stand{justify-content:flex-end;align-items:center;gap:4px;font-size:12.5px;font-weight:500;display:inline-flex}.leeg-schijf{background:var(--hover);width:48px;height:48px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.leeg-schijf.goed{background:var(--goed-zacht);color:var(--goed)}.alles-dicht{justify-items:center;gap:10px;padding:44px 16px;display:grid}.alles-dicht b,.alles-goed b{font-size:14px;font-weight:600}.aandacht ul{margin:0;padding:0 6px 6px;list-style:none}.punt{min-height:52px;transition:background-color var(--snel);border-radius:10px;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;padding:8px 10px 8px 14px;display:grid;position:relative}.punt+.punt{border-top:1px solid var(--lijn-zacht)}.punt:hover{background:var(--rij-hover)}.punt:before{content:"";border-radius:2px;width:3px;position:absolute;top:12px;bottom:12px;left:4px}.punt.ernst-hoog:before{background:var(--fout)}.punt.ernst-midden:before{background:var(--t-oranje)}.punt-icoon{place-items:center;display:inline-grid}.punt-icoon .tegel{width:30px;height:30px}.punt-inhoud{flex-wrap:wrap;align-items:center;gap:0 2px;min-width:0;font-size:13.5px;display:flex}.punt-citaat{color:var(--muted);flex-basis:100%;font-size:12.5px;font-style:italic}.punt-actie{align-items:center;gap:4px;display:flex}.avatarrij{margin-left:10px;display:inline-flex}.avatarrij>span+span{margin-left:-3px}.avatarrij .avatar{box-shadow:0 0 0 2px var(--vlak)}.alles-goed{justify-items:center;gap:10px;padding:36px 16px 44px;display:grid}.herinner-namen{max-height:180px;overflow-y:auto}.weekraster-houder{padding:8px 10px 10px;overflow-x:auto}.weekraster{table-layout:fixed;border-collapse:separate;border-spacing:3px;width:100%;min-width:760px}.weekraster thead th:first-child,.weekraster th[scope=row]{width:150px}.weekraster thead th{vertical-align:bottom;padding:0 0 6px;font-weight:500}.weekraster thead th>span{text-align:center;display:block}.wr-week{height:15px;color:var(--accent-tekst);letter-spacing:.02em;font-size:10px;font-weight:600}.wr-wd{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:10.5px;font-weight:600}.wr-nr{color:var(--ink);font-size:15px;font-weight:600;line-height:26px}.weekraster thead th.dicht .wr-nr,.weekraster thead th.dicht .wr-wd{color:var(--zacht)}.weekraster thead th.vandaag .wr-nr{background:var(--accent);width:26px;color:var(--op-accent);border-radius:50%;margin:0 auto;font-size:13px}.weekraster th[scope=row]{text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:0 10px 0 6px;font-size:12.5px;font-weight:600;overflow:hidden}.weekraster td{height:42px;padding:0}.weekraster .weekbegin:not(:nth-child(2)){background-clip:padding-box;border-left:8px solid #0000}.weekraster td.dicht{background:repeating-linear-gradient(135deg, transparent 0 5px, color-mix(in srgb, var(--ink) 5%, transparent) 5px 6px);background-clip:padding-box;border-radius:8px}.wr-vak{height:42px;color:var(--ink);transition:transform var(--snel), box-shadow var(--snel);border-radius:8px;place-items:center;font-size:14px;font-weight:600;text-decoration:none;display:grid;position:relative}.wr-vak.leeg{background:color-mix(in srgb, var(--ink) 3.5%, transparent);color:var(--zacht)}.wr-vak.concept{background:var(--accent-zacht);color:var(--accent-tekst);outline:1.5px dashed color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:-1.5px}.wr-vak.gepubliceerd{background:var(--goed-zacht);color:var(--goed)}.wr-vak.rond:after{content:"";background:var(--goed);border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.wr-vak:hover{box-shadow:0 0 0 1.5px var(--accent), var(--schaduw-klein);transform:translateY(-1px)}@media (width<=1100px){.start-raster{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.dienstrij{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"naam aantal""gezichten gezichten""stand stand""balk balk"}.dienstrij-stand{justify-content:flex-start}.punt{grid-template-columns:30px 1fr}.punt-actie{grid-column:2}}.tegel{--tegel:var(--t-grijs);color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--tegel) 78%, white) 0%, var(--tegel) 100%);width:28px;height:28px;box-shadow:0 1px 2px color-mix(in srgb, var(--tegel) 45%, transparent), inset 0 .5px 0 #ffffff4d;border-radius:8px;flex-shrink:0;place-items:center;display:inline-grid}.kolom,.tabel-houder,.lijstvlak,.mini-maand,.melding-kaart{border-radius:16px}.tabel th{background:color-mix(in srgb, var(--achtergrond) 55%, var(--vlak))}.dienst-tab{box-shadow:var(--schaduw-klein);border-color:#0000}.dienst-tab.aan{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--vlak));box-shadow:0 0 0 3px var(--accent-zacht), var(--schaduw-klein)}.dienst-tab.aan .dienst-tab-aantal{color:var(--accent-tekst)}.planning-zij{background:color-mix(in srgb, var(--vlak) 70%, var(--achtergrond))}.dag.gekozen{box-shadow:0 2px 6px color-mix(in srgb, var(--accent) 45%, transparent)}.concept-groep{background:color-mix(in srgb, var(--accent) 6%, var(--vlak))}.zoekknop{box-shadow:var(--schaduw-klein);border-color:#0000}.sub-nav .nav-item{gap:10px;height:36px}.sub-nav .tegel{border-radius:7px;width:24px;height:24px}.tabgroep-kop{align-items:center;gap:7px;display:inline-flex}.tabgroep-kop .tegel{border-radius:6px;width:20px;height:20px}.tegel svg,.nav-item .tegel svg,.nav-item.actief .tegel svg{color:#fff}.nav-item.actief .tegel{box-shadow:0 0 0 1.5px #ffffffb3}.rolpil{--rol:var(--t-grijs);height:22px;color:color-mix(in srgb, var(--rol) 80%, var(--ink));background:color-mix(in srgb, var(--rol) 13%, transparent);border-radius:11px;align-items:center;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.rolpillen{flex-wrap:wrap;gap:4px;display:inline-flex}.rol-bezorger{--rol:var(--t-blauw)}.rol-sorteerder{--rol:var(--t-oranje)}.rol-planner{--rol:var(--t-indigo)}.rol-teamleider{--rol:var(--t-groen)}.rol-admin{--rol:var(--t-paars)}.bedrijf-link{color:var(--ink);border-radius:8px;min-width:0;text-decoration:none}.bedrijf-link:hover{background:var(--hover)}.bedrijf-houder{align-items:center;gap:2px;display:flex}.bedrijf-houder .bedrijf-link{flex:1}.rail .wisselknop{display:none}.app:not(.rail) .zijbalk-top:has(.wisselknop) .inklapknop{opacity:1;position:static}.app{position:relative}.uitklapgreep{z-index:30;cursor:pointer;width:24px;height:24px;color:var(--accent);background:var(--vlak);box-shadow:var(--schaduw-hoog);border:none;border-radius:50%;place-items:center;transition:background-color .12s,color .12s,transform .12s;display:grid;position:absolute;top:26px;left:48px}.uitklapgreep:hover{background:var(--accent);color:var(--op-accent);transform:scale(1.08)}.nav-item,.icoonknop,.zoekknop,.segmenten button,.dag,.persoon,.kiesbaar,.tabel tbody td,.bedrijf-link,.knop-pil{transition:background-color var(--snel), color var(--snel), box-shadow var(--snel)}.knop.stil:hover:not(:disabled){box-shadow:var(--schaduw-klein), 0 2px 6px #08242e14}.knop.hoofd:hover:not(:disabled){box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 40%, transparent), inset 0 .5px 0 #ffffff40}.d-bezorging_ochtend{--dienst:var(--t-blauw)}.d-bezorging_avond{--dienst:var(--t-indigo)}.d-sorteren_ochtend{--dienst:var(--t-oranje)}.d-sorteren_middag{--dienst:var(--t-paars)}.dienststip{background:var(--dienst);vertical-align:1px;border-radius:50%;width:8px;height:8px;display:inline-block}.overzicht .pagina-kop{flex-wrap:wrap;align-items:flex-end;gap:12px}.overzicht-periode{margin:4px 0 0;font-size:15px;font-weight:500}.knopgroep{align-items:center;gap:2px;display:inline-flex}.overzicht-inhoud{transition:opacity var(--snel);gap:16px;display:grid}.overzicht-inhoud.ververst{opacity:.55}.kerncijfers{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.kerncijfer{align-content:start;gap:6px;padding:16px 18px;display:grid}.kerncijfer-label{color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:600}.kerncijfer strong{letter-spacing:-.03em;color:var(--ink);font-size:32px;font-weight:700;line-height:1.1}.kerncijfer-onder{color:var(--muted);flex-wrap:wrap;gap:4px 12px;min-height:18px;font-size:12.5px;display:flex}.kerncijfer-onder span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.pil-let-op{background:var(--let-op-zacht);color:var(--let-op);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.pil-let-op:hover{background:color-mix(in srgb, var(--let-op) 22%, transparent);color:var(--let-op)}.verloop .legenda{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:14px;font-size:12px}.verloop .legenda span{align-items:center;gap:6px;display:inline-flex}.staven{grid-template-columns:repeat(var(--vakken), minmax(0, 1fr));align-items:end;gap:6px;height:220px;padding:8px 18px 14px;display:grid;overflow-x:auto}.staven.veel{gap:3px}.staaf{min-width:0;height:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-rows:1fr auto;justify-items:center;gap:6px;padding:0;display:grid}.staaf:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.staaf-groep{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:100%;min-height:0;padding-top:16px;display:flex}.staaf-vak{flex:1 1 0;align-items:flex-end;min-width:0;max-width:22px;height:100%;display:flex;position:relative}.staaf-balk{width:100%;height:var(--h);background:var(--dienst);border-radius:4px 4px 2px 2px;transition:height .35s cubic-bezier(.2,.7,.3,1)}.staaf-getal{left:50%;bottom:calc(var(--h,0%) + 2px);color:var(--muted);white-space:nowrap;pointer-events:none;font-size:10.5px;position:absolute;transform:translate(-50%)}.staaf-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.staaf.vandaag .staaf-label{color:var(--accent-tekst);font-weight:700}.staaf.toekomst .staaf-label{color:var(--zacht)}.staaf:hover .staaf-balk{filter:brightness(1.1)}.staaf:hover{background:var(--hover)}.overzicht-leeg{min-height:160px}.dag-diensten{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:16px;display:grid}.dag-diensten .kaart-kop h2{align-items:center}.mensenlijst{gap:2px;margin:0;padding:4px 8px 10px;list-style:none;display:grid}.mensenlijst .kiesbaar{width:100%;font:inherit;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;display:flex}.mensenlijst .kiesbaar:hover{background:var(--hover)}.mensenlijst .afkappen{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.uren-cel{align-items:center;gap:8px;display:inline-flex}.weekraster th.vandaag{color:var(--accent-tekst)}.weekraster td.rastercel{vertical-align:middle;min-width:96px;height:auto;padding-top:6px;padding-bottom:6px}.weekraster td.rastercel.toekomst{background:repeating-linear-gradient(135deg, transparent 0 6px, var(--hover) 6px 7px)}.dienstchip{white-space:nowrap;color:var(--ink);background:color-mix(in srgb, var(--dienst) 15%, transparent);box-shadow:inset 2px 0 0 var(--dienst);border-radius:6px;align-items:center;gap:6px;margin:2px 4px 2px 0;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.dienstchip b{color:var(--muted);font-weight:500}.tabel tfoot td{border-top:1px solid var(--lijn);background:var(--vlak-2);height:42px;padding:0 12px;font-weight:600}.te-bevestigen{background:color-mix(in srgb, var(--accent) 8%, var(--vlak));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.te-bevestigen-kop{color:var(--accent-tekst);align-items:center;gap:7px;margin-right:4px;font-weight:600;display:inline-flex}.te-bevestigen-chip{background:var(--vlak);height:32px;color:var(--ink);box-shadow:var(--schaduw-klein);border-radius:9px;align-items:center;gap:8px;padding:0 6px 0 12px;font-size:13px;text-decoration:none;display:inline-flex}.te-bevestigen-chip:hover{box-shadow:inset 0 0 0 1.5px var(--accent)}.te-bevestigen-chip.hier{box-shadow:inset 0 0 0 2px var(--accent)}.te-bevestigen-chip .knop-teller{background:var(--accent);color:var(--op-accent)}.pagina.vandaag{align-content:start;gap:16px;display:grid}.snelkoppelingen{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.snelknop{background:var(--vlak);height:60px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--schaduw);transition:box-shadow var(--snel), transform 60ms ease;border:0;border-radius:14px;align-items:center;gap:12px;padding:0 16px;font-size:15px;font-weight:600;display:flex}.snelknop .tegel{border-radius:10px;width:34px;height:34px}.snelknop>span:not(.tegel){flex:1;min-width:0}.snelknop .tegel{flex:none}.snelknop-pijl{color:var(--zacht);transition:transform var(--snel)}.snelknop:hover{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 45%, transparent), var(--schaduw)}.snelknop:active{transform:scale(.99)}.snelknop.aan{box-shadow:inset 0 0 0 2px var(--accent), var(--schaduw)}.snelknop.aan .snelknop-pijl{color:var(--accent-tekst);transform:rotate(180deg)}.snelknop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.uitklap{animation:.22s cubic-bezier(.2,.7,.3,1) uitklappen}.uitklap-inhoud{padding:4px 18px 18px}.uitklap .opsteller{max-width:none}.uitklap .overzicht-inhoud .kaart{box-shadow:inset 0 0 0 1px var(--lijn-zacht)}@keyframes uitklappen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.uitklap{animation:none}}.pagina.vandaag .start-raster{margin-bottom:0}.dienstrij-koppen{color:var(--muted);grid-template-columns:minmax(0,1fr) 160px;padding:0 8px;font-size:12px;font-weight:600;display:grid}.dienstrij-koppen .volgende-kop{padding:0 12px}.dienstrijen li:has(.dienstrij-volgende){grid-template-columns:minmax(0,1fr) 160px;align-items:stretch;display:grid}.dienstrij-volgende{border-left:1px solid var(--lijn-zacht);color:var(--ink);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin:3px 0;padding:0 12px;text-decoration:none;display:flex}.dienstrij-volgende:hover{background:var(--rij-hover)}.dienstrij-volgende b{letter-spacing:-.025em;font-size:22px;font-weight:600}.dienstrij-volgende b.nul{color:var(--zacht)}.telchip{font-size:12.5px}.rolkeuze-kop{font-size:15px;font-weight:600}.rolkeuze-knoppen{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.rolkeuze-knop{background:var(--vlak-2);height:56px;color:var(--ink);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--lijn);border:0;border-radius:12px;align-items:center;gap:12px;padding:0 16px;font-size:15px;font-weight:600;display:flex}.rolkeuze-knop:hover{box-shadow:inset 0 0 0 2px var(--accent)}.rolkeuze-knop .tegel{width:32px;height:32px}.uitnodiging-rol{align-items:center;gap:10px;font-size:15px;display:flex}.uitnodiging .code{letter-spacing:.06em;font-size:22px;font-weight:700}@media (width<=1100px){.dienstrij-koppen{grid-template-columns:minmax(0,1fr) 120px}.dienstrijen li:has(.dienstrij-volgende){grid-template-columns:minmax(0,1fr) 120px}}.ritten-balk{background:var(--vlak);box-shadow:var(--schaduw);border-radius:14px;align-items:center;gap:14px;padding:12px 14px;display:flex}.ritten-balk.leeg{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent), var(--schaduw)}.ritten-balk-icoon{background:var(--accent-zacht);width:40px;height:40px;color:var(--accent-tekst);border-radius:11px;flex:none;place-items:center;display:inline-grid}.ritten-balk-tekst{flex:1;gap:1px;min-width:0;font-size:14px;display:grid}.ritten-balk-tekst b{font-size:15px}.ritten-dienst{margin:0;font-size:15px}.stappen{counter-reset:stap;gap:8px;margin:0;padding:0;list-style:none;display:grid}.stappen li{counter-increment:stap;align-items:center;gap:12px;font-size:15px;display:flex}.stappen li:before{content:counter(stap);background:var(--accent);width:28px;height:28px;color:var(--op-accent);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:inline-grid}.stappen kbd,.plakvak kbd{font-family:var(--mono);border:1px solid var(--lijn);background:var(--vlak-2);border-radius:6px;padding:2px 7px;font-size:12px}.plakvak.groot{border-width:2px;min-height:120px;font-size:17px}.plakvak:focus{background:var(--accent-zacht)}.ritten-melding{background:var(--let-op-zacht);color:var(--let-op);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-weight:500;display:flex}.bezorger-cel{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.ritten-tabel tr.elders td{opacity:.65}.pagina.vandaag{max-width:1280px}.vandaag-raster{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.vandaag-hoofd,.vandaag-zij{align-content:start;gap:16px;min-width:0;display:grid}@media (width<=1100px){.vandaag-raster{grid-template-columns:minmax(0,1fr)}}.hoofdpunt{gap:14px;padding:20px 22px;display:grid}.hoofdpunt-kop{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-tekst);font-size:12px;font-weight:700}.hoofdpunt.ernst-hoog{box-shadow:inset 0 0 0 2px var(--fout), var(--schaduw)}.hoofdpunt.ernst-hoog .hoofdpunt-kop{color:var(--fout)}.hoofdpunt.ernst-midden{box-shadow:inset 0 0 0 2px var(--t-oranje), var(--schaduw)}.hoofdpunt.ernst-midden .hoofdpunt-kop{color:var(--let-op)}.hoofdpunt-regel{align-items:center;gap:14px;display:flex}.hoofdpunt-regel .tegel{border-radius:12px;width:44px;height:44px}.hoofdpunt-regel .tegel svg{width:22px;height:22px}.hoofdpunt-regel .punt-inhoud{font-size:18px;line-height:1.35}.hoofdpunt-regel .punt-inhoud b{letter-spacing:-.02em;font-size:21px}.hoofdpunt-actie{flex-wrap:wrap;gap:10px;display:flex}.hoofdpunt-actie .knop{border-radius:11px;height:46px;padding:0 24px;font-size:15.5px}.hoofdpunt-actie .knop.stil:first-child{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 86%, white) 0%, var(--accent) 100%);color:var(--op-accent);box-shadow:0 1px 2px color-mix(in srgb, var(--accent) 45%, transparent)}.hoofdpunt.rustig{grid-template-columns:auto 1fr;align-items:center;gap:16px}.hoofdpunt.rustig>div{gap:2px;display:grid}.hoofdpunt.rustig b{font-size:18px}.aandacht .punt-icoon .tegel{--tegel:var(--t-grijs);background:var(--hover);color:var(--muted);box-shadow:none}.aandacht .punt-icoon .tegel svg{color:var(--muted)}.telchip.goed{color:var(--muted);background:0 0;padding-left:0}.telchip.goed svg{color:var(--goed)}.snelkoppelingen{padding:6px;display:block}.snelkoppelingen ul{margin:0;padding:0;list-style:none;display:grid}.snelkoppelingen li+li{border-top:1px solid var(--lijn-zacht)}.snelregel{width:100%;height:52px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:15px;font-weight:500;display:flex}.snelregel:hover{background:var(--hover)}.snelregel:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.snelregel>span:nth-child(2){flex:1}.snelregel-icoon{background:var(--accent-zacht);width:34px;height:34px;color:var(--accent-tekst);border-radius:9px;place-items:center;display:inline-grid}.snelregel-pijl{color:var(--zacht);transition:transform var(--snel)}.snelkoppelingen li.open .snelregel{font-weight:600}.snelkoppelingen li.open .snelregel-pijl{color:var(--accent-tekst);transform:rotate(180deg)}.snelpaneel{padding:4px 8px 14px;animation:.2s cubic-bezier(.2,.7,.3,1) uitklappen}.snelpaneel .opsteller{gap:10px;max-width:none}.snelpaneel .tekstvak.groot{min-height:110px}.snelpaneel .qr{width:180px;height:180px}.snelpaneel .rolkeuze-knoppen{grid-template-columns:1fr 1fr}.snelpaneel .rolkeuze-knop{height:48px;font-size:14px}.snelpaneel .knoprij.midden{flex-wrap:wrap;justify-content:center}.week-kort{justify-items:start;gap:10px;display:grid}.week-kort-getallen{color:var(--muted);gap:16px;font-size:13px;display:flex}.week-kort-getallen b{color:var(--ink);margin-right:3px;font-size:20px}.week-kort .verloop{box-shadow:none;width:100%}.week-kort .verloop .kaart-kop{display:none}.week-kort .staven{height:150px;padding:4px 0 6px}.uitleg-stappen li{align-items:flex-start;line-height:1.5}.uitleg-stappen li:before{margin-top:-2px}.uitleg-daarna{border-top:1px solid var(--lijn-zacht);margin-top:18px;padding-top:16px}.uitleg-daarna h3{margin:0 0 8px;font-size:15px}.uitleg-daarna ul{gap:6px;margin:0;padding-left:18px;font-size:14.5px;line-height:1.5;display:grid}.uitleg-teken{background:var(--hover);border-radius:6px;place-items:center;width:22px;height:22px;font-weight:700;display:inline-grid}.pil-goed{background:var(--goed-zacht);color:var(--goed)}.depotrooster{--legenda:#52525b;position:relative}.dr-blok,.dr-balk{--dr-plan-tekst:var(--kleur);--dr-plan-vlak:color-mix(in srgb, var(--kleur) 13%, var(--vlak))}.dr-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.dr-indeling{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.dr-raster,.dr-legenda{-webkit-user-select:none;user-select:none}.dr-indeling.ververst{opacity:.55}.dr-kaart{flex:999 640px;min-width:0;overflow:hidden}.dr-kaartbalk{border-bottom:1px solid var(--lijn-zacht);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 14px;display:flex}.dr-periode{color:var(--ink);font-size:14px;font-weight:600}.dr-legenda{cursor:default;flex-wrap:wrap;justify-content:flex-start;gap:6px 16px;margin-left:auto;display:flex}.dr-leg{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.dr-leg-staal{background:var(--legenda);border-radius:3px;flex:none;width:18px;height:10px}.dr-leg-staal.plannen{background:color-mix(in srgb, var(--legenda) 14%, var(--vlak));box-shadow:inset 0 0 0 1.5px var(--legenda)}.dr-leg-staal.bezet{background:repeating-linear-gradient(135deg, var(--legenda) 0 3px, color-mix(in srgb, var(--legenda) 45%, var(--vlak)) 3px 6px)}.dr-kop{border:0;border-left:1px solid var(--lijn-zacht);min-width:0;color:var(--ink);font:inherit;text-align:left;background:0 0;flex-direction:column;flex:1 0 118px;align-items:flex-start;gap:1px;padding:9px 10px;display:flex}.dr-kop.breed{flex:0 0 160px}.dr-kop.klikbaar{cursor:zoom-in}.dr-kop.klikbaar:hover{background:var(--hover)}.dr-kop small{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:11.5px;font-weight:600}.dr-kop b{max-width:100%;font-size:15px}.dr-kop.vandaag{background:var(--accent-zacht);box-shadow:inset 0 3px 0 var(--accent)}.dr-kop.vandaag small,.dr-kop.vandaag>b{color:var(--accent-tekst)}.dr-kop-naam{align-items:center;gap:7px;min-width:0;display:flex}.dr-kop-naam i,.dr-naam-optie i,.dr-filterlabel i,.dr-kaartje header i,.dr-verzoek-kop i{border-radius:5px;flex:none;width:10px;height:10px}.dr-naam{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dr-balk{box-sizing:border-box;border:2px solid var(--kleur);background:var(--kleur);color:#fff;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:13.5px;font-weight:600;display:flex;box-shadow:0 1px 2px #0000001f}.dr-balk.plannen{background:var(--dr-plan-vlak);color:var(--dr-plan-tekst);box-shadow:none}.dr-stip{background:#ff9f0a;border-radius:4px;flex:none;width:7px;height:7px;box-shadow:0 0 0 1.5px #fff}.dr-kaartje,.dr-verzoeken,.dr-namen-lijst{background:var(--vlak);box-shadow:var(--schaduw-hoog);z-index:30;border-radius:14px}.dr-kaartje{box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:14px;width:300px;max-height:calc(100vh - 32px);padding:16px;display:grid;position:fixed;top:96px;right:28px;overflow:hidden auto}.dr-kaartje header,.dr-verzoeken header{align-items:center;gap:10px;display:flex}.dr-kaartje header i{border-radius:7px;width:14px;height:14px}.dr-kaartje header div{flex-direction:column;flex:1;min-width:0;display:flex}.dr-kaartje header b,.dr-verzoeken header b{font-size:16px}.dr-kaartje .segmenten.vol{display:flex}.dr-kaartje .segmenten.vol button{flex:1}.dr-taak{justify-self:start}.dr-tijden{align-items:flex-end;gap:8px;display:flex}.dr-tijden label,.dr-veld{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.dr-tijden label{flex:1}.dr-tijden span{align-items:center;height:36px;font-size:13px;display:flex}.dr-kaartje input,.dr-kaartje textarea,.dr-zoek input{font:inherit;color:var(--ink);background:var(--vlak);border:1px solid var(--lijn);border-radius:8px;min-width:0;height:36px;padding:0 9px;font-size:14.5px}.dr-kaartje textarea{resize:vertical;height:auto;padding:8px 9px}.dr-kaartje input:disabled,.dr-kaartje textarea:disabled{background:var(--vlak-2);color:var(--muted)}.dr-bezet-rij{align-items:center;gap:6px;display:flex}.dr-bezet-rij .tijd-veld{flex:0 0 72px;width:72px;padding:0 4px}.dr-bezet-rij input:not([type]){flex:1 1 0;width:0}.dr-bezet-rij .icoonknop{flex:none;width:30px;height:30px}.dr-tijden input{box-sizing:border-box;width:100%}.dr-bezet-erbij{justify-self:start}.dr-verzoek-kort{background:var(--let-op-zacht);border-radius:10px;gap:2px;padding:10px 12px;font-size:13.5px;display:grid}.knop.dr-weg{color:var(--fout)}.dr-teller{color:#fff;background:var(--fout)!important}.dr-verzoeken{box-sizing:border-box;gap:10px;width:390px;max-height:calc(100vh - 120px);padding:16px;display:grid;position:fixed;top:96px;right:28px;overflow:hidden auto}.dr-verzoeken header{justify-content:space-between}.dr-verzoek{border:1px solid var(--lijn-zacht);border-radius:12px;gap:8px;padding:12px;font-size:14px;display:grid}.dr-verzoek-kop{align-items:center;gap:8px;display:flex}.dr-reden{margin:0}.dr-namen{position:relative}.knop.dr-gefilterd{background:var(--accent-zacht);color:var(--accent-tekst)}.dr-namen-lijst{gap:2px;width:300px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.dr-zoek{border:1px solid var(--lijn);color:var(--muted);border-radius:9px;align-items:center;gap:6px;margin-bottom:4px;padding:0 8px;display:flex}.dr-zoek input{border:0;outline:none;flex:1;height:34px;padding:0}.dr-naam-optie{cursor:pointer;height:38px;font:inherit;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 8px;font-size:14px;display:flex}.dr-naam-optie:hover{background:var(--hover)}.dr-naam-optie .dr-naam{flex:1}.dr-naam-optie small{color:var(--zacht);font-size:11.5px}.dr-vink{border:1.5px solid var(--zacht);box-sizing:border-box;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;display:grid}.dr-vink.aan{background:var(--accent);border-color:var(--accent);color:#fff}.dr-namen-lijst footer{border-top:1px solid var(--lijn-zacht);justify-content:space-between;margin-top:4px;padding-top:8px;display:flex}.dr-filterlabel{border:1px solid var(--lijn);background:var(--vlak);border-radius:14px;align-items:center;gap:6px;height:28px;padding:0 3px 0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.dr-filterlabel button{background:var(--hover);width:22px;height:22px;color:var(--muted);cursor:pointer;border:0;border-radius:11px;place-items:center;display:grid}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .depotrooster{--legenda:#8e8e93}:root:not([data-theme=light]) .dr-blok,:root:not([data-theme=light]) .dr-balk{--dr-plan-tekst:color-mix(in srgb, var(--kleur) 40%, white);--dr-plan-vlak:color-mix(in srgb, var(--kleur) 30%, var(--vlak))}}@keyframes blad-vooruit{0%{opacity:.5;transform:translate(100%)}}@keyframes blad-terug{0%{opacity:.5;transform:translate(-100%)}}@keyframes blad-zoom{0%{opacity:0;transform:scale(.985)}}.dr-glijbaan{position:relative;overflow:hidden}.dr-blad.blad-vooruit{animation:.34s cubic-bezier(.3,.7,.2,1) blad-vooruit}.dr-blad.blad-terug{animation:.34s cubic-bezier(.3,.7,.2,1) blad-terug}.dr-blad.blad-zoom{animation:.22s ease-out blad-zoom}.dr-blad-uit{pointer-events:none;z-index:0;position:absolute}.dr-tijdlijn{-webkit-user-select:none;user-select:none;max-height:calc(100vh - 270px);padding-bottom:6px;overflow-y:auto}.dr-tl-kop,.dr-tl-rij{display:flex}.dr-tl-kop{z-index:5;background:var(--vlak);border-bottom:1px solid var(--lijn-zacht);height:34px;position:sticky;top:0}.dr-tl-naam{box-sizing:border-box;border-right:1px solid var(--lijn-zacht);flex:0 0 190px;align-items:center;gap:8px;min-width:0;padding:0 12px 0 16px;display:flex}.dr-tl-naam i{border-radius:5px;flex:none;width:10px;height:10px}.dr-tl-wie{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.dr-tl-naam .dr-naam{font-size:14px;font-weight:600}.dr-tl-naam small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.dr-tl-uren{flex:1;margin-right:14px;position:relative}.dr-tl-uren span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;position:absolute;top:9px;transform:translate(-50%)}.dr-tl-rij{border-bottom:1px solid var(--lijn-zacht);height:46px}.dr-tl-rij.leeg .dr-tl-naam .dr-naam{color:var(--muted);font-weight:500}.dr-tl-spoor{background-image:repeating-linear-gradient(to right, var(--lijn) 0 1px, transparent 1px var(--uur)), repeating-linear-gradient(to right, transparent 0 calc(var(--uur) / 2), var(--lijn-zacht) calc(var(--uur) / 2) calc(var(--uur) / 2 + 1px), transparent calc(var(--uur) / 2 + 1px) var(--uur));flex:1;margin-right:14px;position:relative}.dr-tl-nu{z-index:3;pointer-events:none;background:#e5242a;width:2px;position:absolute;top:-1px;bottom:-1px}.dr-tbalk{--dr-plan-tekst:var(--kleur);--dr-plan-vlak:color-mix(in srgb, var(--kleur) 13%, var(--vlak));box-sizing:border-box;border:2px solid var(--kleur);background:var(--kleur);color:#fff;cursor:pointer;touch-action:none;border-radius:8px;align-items:center;padding:0 9px;display:flex;position:absolute;top:6px;bottom:6px;overflow:hidden;box-shadow:0 1px 2px #00000026}.dr-tbalk.bewerkbaar{cursor:grab}.dr-tbalk.bewerkbaar:active{cursor:grabbing}.dr-tbalk.plannen{background:var(--dr-plan-vlak);color:var(--dr-plan-tekst);box-shadow:none}.dr-tbalk.gekozen{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:1px;z-index:2}.dr-tbalk-tekst{white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:700;display:flex;position:relative}.dr-tbalk-notitie{opacity:.85;text-overflow:ellipsis;font-weight:500;overflow:hidden}.dr-tbezet{background:repeating-linear-gradient(135deg,#ffffff73 0 4px,#0000 4px 9px);position:absolute;top:0;bottom:0}.dr-tbalk.plannen .dr-tbezet{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--kleur) 28%, transparent) 0 4px, transparent 4px 9px)}.dr-tgreep{cursor:ew-resize;z-index:2;width:10px;position:absolute;top:0;bottom:0}.dr-tgreep.links{left:0}.dr-tgreep.rechts{right:0}.dr-tl-rij.bezetting{background:var(--vlak-2);border-bottom:0;height:34px}.dr-tl-rij.bezetting .dr-naam{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.dr-tl-tel{font-variant-numeric:tabular-nums;color:var(--ink);place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:0;bottom:0}.dr-tl-tel.nul{color:var(--zacht);font-weight:500}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dr-tbalk{--dr-plan-tekst:color-mix(in srgb, var(--kleur) 40%, white);--dr-plan-vlak:color-mix(in srgb, var(--kleur) 30%, var(--vlak))}}@media (prefers-reduced-motion:reduce){.dr-blad.blad-vooruit,.dr-blad.blad-terug,.dr-blad.blad-zoom{animation:none}}.dr-week{-webkit-user-select:none;user-select:none;max-height:calc(100vh - 270px);padding-bottom:6px;overflow-y:auto}.dr-wk-kop,.dr-wk-rij{grid-template-columns:190px repeat(7,minmax(0,1fr));display:grid}.dr-wk-kop{z-index:5;background:var(--vlak);border-bottom:1px solid var(--lijn-zacht);position:sticky;top:0}.dr-wk-kop .dr-kop{flex:none}.dr-wk-rij{border-bottom:1px solid var(--lijn-zacht);min-height:50px}.dr-wk-rij.leeg .dr-tl-naam .dr-naam{color:var(--muted);font-weight:500}.dr-wk-vak{border-left:1px solid var(--lijn-zacht);flex-direction:column;gap:4px;min-width:0;padding:6px 5px;display:flex}.dr-wk-vak.vandaag{background:color-mix(in srgb, var(--accent) 4%, var(--vlak))}.dr-wk-vak.verlof-goedgekeurd,.dr-tl-spoor.verlof-goedgekeurd{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--t-groen) 10%, var(--vlak)) 0 6px, var(--vlak) 6px 12px)}.dr-verlof{white-space:nowrap;height:24px;color:color-mix(in srgb, var(--t-groen) 70%, var(--ink));background:color-mix(in srgb, var(--t-groen) 16%, var(--vlak));border-radius:12px;align-self:flex-start;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.dr-verlof.aangevraagd{color:var(--muted);background:var(--hover)}.dr-tl-spoor>.dr-verlof{z-index:1;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dr-wk-dienst{--dr-plan-tekst:var(--kleur);--dr-plan-vlak:color-mix(in srgb, var(--kleur) 13%, var(--vlak));box-sizing:border-box;border:2px solid var(--kleur);background:var(--kleur);color:#fff;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;border-radius:7px;align-items:center;gap:3px;height:32px;padding:0 5px;font-size:12px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000001f}.dr-wk-dienst[draggable=true]{cursor:grab}.dr-wk-dienst.plannen{background:var(--dr-plan-vlak);color:var(--dr-plan-tekst);box-shadow:none}.dr-wk-dienst.gekozen{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:1px}.dr-wk-dienst .cijfers{text-overflow:ellipsis;min-width:0;overflow:hidden}.dr-wk-dienst.met-bezet{background-image:repeating-linear-gradient(135deg,#ffffff8c 0 2px,#0000 2px 5px);background-position:100%;background-repeat:no-repeat;background-size:6px 100%;padding-right:8px}.dr-wk-dienst.plannen.met-bezet{background-image:repeating-linear-gradient(135deg, var(--dr-plan-tekst) 0 2px, transparent 2px 5px)}.dr-wk-rij.bezetting{background:var(--vlak-2);border-bottom:0;min-height:34px}.dr-wk-rij.bezetting .dr-naam{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.dr-wk-tel{border-left:1px solid var(--lijn-zacht);font-variant-numeric:tabular-nums;place-items:center;font-size:13px;font-weight:700;display:grid}.dr-wk-tel.nul{color:var(--zacht);font-weight:500}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dr-wk-dienst{--dr-plan-tekst:color-mix(in srgb, var(--kleur) 40%, white);--dr-plan-vlak:color-mix(in srgb, var(--kleur) 30%, var(--vlak))}}.punt-knoppen{align-items:center;gap:8px;display:inline-flex}.kaart:not([aria-busy]):not(.skelet),.tabel tbody tr:not(.skelet-rij),.leeg-staat,.kolom-leeg{animation:.22s ease-out inhoud-in}@keyframes inhoud-in{0%{opacity:0}}.dienst-tab,.bus-vakje,.kaart.klik{transition:border-color .12s,box-shadow .16s,transform .16s cubic-bezier(.2,.8,.2,1)}.dienst-tab:hover,.bus-vakje:hover:not(:disabled),.kaart.klik:hover{box-shadow:var(--schaduw), 0 6px 16px #08242e17;transform:translateY(-1px)}.dienst-tab.aan:hover{box-shadow:0 0 0 3px var(--accent-zacht), 0 6px 16px #08242e17}.dienst-tab:active,.bus-vakje:active:not(:disabled),.kaart.klik:active{transform:translateY(0)scale(.99)}.kaart.hoofdpunt.nieuw-punt:not([aria-busy]){animation:.24s ease-out omhoog}.uit-laag{z-index:2000;pointer-events:none;position:fixed;inset:0}.uit-laag.met-achtergrond{background:#00000047}.uit-laag>*{pointer-events:none}.dr-kaartje,.dr-verzoeken{animation:.18s cubic-bezier(.2,.8,.2,1) inschuiven}.knop.hoofd{transition:background-color .2s,box-shadow .2s,opacity .12s,transform 60ms}.knop.hoofd.opgeslagen,.knop.hoofd.opgeslagen:disabled{background:var(--goed);opacity:1}.knop-vink{width:15px;height:15px}.knop-vink path{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16px;animation:.3s ease-out forwards vink-teken}@media (prefers-reduced-motion:reduce){.knop-vink path{stroke-dashoffset:0}}.pil,.bus-tel,.status,.dr-status,.onderhoud-pil,.rolpil,.dr-verlof{transition:background-color .28s,color .28s,border-color .28s,box-shadow .28s}.klaar-schijf{animation:.42s cubic-bezier(.2,.9,.3,1.35) klaar-in}@keyframes klaar-in{0%{opacity:0;transform:scale(.6)}}.klaar-vink{width:22px;height:22px}.klaar-vink path{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22px;animation:.4s ease-out .18s forwards klaar-teken}@keyframes klaar-teken{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.klaar-vink path{stroke-dashoffset:0}}.vertrek-bel{z-index:2000;pointer-events:none;background:var(--accent);color:var(--op-accent);box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 35%, transparent);-webkit-line-clamp:3;border-radius:14px 14px 14px 4px;-webkit-box-orient:vertical;padding:8px 12px;font-size:14px;line-height:1.35;display:-webkit-box;position:fixed;overflow:hidden}.bezig-glans{position:relative;overflow:hidden}.bezig-glans:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff61 50%,#0000 70%) 0 0/250% 100%;animation:1.1s linear infinite glans-veeg;position:absolute;inset:0}.knop.stil.bezig-glans:after,.icoonknop.bezig-glans:after,.tekstknop.bezig-glans:after{background-image:linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--accent) 18%, transparent) 50%, transparent 70%)}@keyframes glans-veeg{0%{background-position:125% 0}to{background-position:-125% 0}}.licht-op{animation:1.6s ease-out oplichten}tr.licht-op{animation:none}tr.licht-op>td{animation:1.6s ease-out oplichten-vlak}@keyframes oplichten{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent)}15%{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 55%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent)}}@keyframes oplichten-vlak{15%{background:color-mix(in srgb, var(--accent) 16%, var(--vlak))}}.knop.stil.gekopieerd{color:var(--goed);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--goed) 45%, transparent), var(--schaduw-klein)}.staaf-balk{transform-origin:bottom;animation:.5s cubic-bezier(.2,.7,.3,1) backwards staaf-groei;animation-delay:calc(var(--i,0) * 18ms)}@keyframes staaf-groei{0%{transform:scaleY(0)}}.bus-rij:not(.kop):hover .bus-naam{background:color-mix(in srgb, var(--accent) 7%, transparent)}.bus-rij:not(.kop):hover .bus-cel.vrij{background:color-mix(in srgb, var(--accent) 4%, transparent)}.bus-cel.vrij.kruis{background:color-mix(in srgb, var(--accent) 5%, transparent)}.bus-dag.kruis,.bus-dag.kruis strong{color:var(--accent-tekst)}.bus-naam,.bus-cel.vrij{transition:background-color .12s}.palet-lijst.met-vlak{position:relative}.palet-lijst.met-vlak li{z-index:1;animation:.18s ease-out backwards inhoud-in;animation-delay:calc(var(--i,0) * 22ms);position:relative}.palet-lijst.met-vlak li.aan{background:0 0}.palet-vlak-kies{background:var(--accent);pointer-events:none;border-radius:8px;transition:transform .16s cubic-bezier(.2,.8,.2,1),height .16s;position:absolute;top:0;left:6px;right:6px}.tijd-veld{text-align:center;letter-spacing:.02em;width:76px}.tijd-veld.fout{box-shadow:0 0 0 3px color-mix(in srgb, var(--fout) 18%, transparent);border-color:var(--fout)!important}.dienst-tab.voorbij:not(.aan){opacity:.55}.dr-nieuw{cursor:grab;min-height:36px;margin-left:auto}.dr-nieuw:active{cursor:grabbing}.dr-nieuw.aan{background:var(--accent);border-color:var(--accent);color:#fff;cursor:pointer}.depotrooster.plaatsen .plaatsbaar{cursor:copy}.dr-wk-dienst.dr-spook,.dr-tbalk.dr-spook{background:color-mix(in srgb, var(--ink) 9%, var(--vlak));border:1.5px dashed color-mix(in srgb, var(--ink) 28%, transparent);color:var(--muted);box-shadow:none;pointer-events:none;cursor:default}.dr-tbalk.dr-spook{z-index:1}.veld-fout{color:var(--fout);font-size:12px;font-weight:500}.rolkeuze{gap:14px;display:grid}.rolkeuze fieldset{border:0;min-width:0;margin:0;padding:0}.rolkeuze legend{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 0 6px;font-size:11px;font-weight:600}.rolgroep{border:1px solid var(--lijn-zacht);background:var(--vlak);border-radius:12px;overflow:hidden}.rolregel{cursor:pointer;align-items:center;gap:12px;min-height:44px;padding:10px 14px;flex-direction:row!important;margin:0!important;display:flex!important}.rolregel+.rolregel{border-top:1px solid var(--lijn-zacht)}.rolregel.aan{background:var(--accent-zacht)}.rolregel:hover{background:var(--hover)}.rolregel.aan:hover{background:var(--accent-zacht)}.rolregel-tekst{flex:1;gap:1px;min-width:0;display:grid}.rolregel-tekst b{color:var(--ink);font-size:14px;font-weight:600}.rolregel-tekst small{color:var(--muted);font-size:12.5px;font-weight:400}.rolregel input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:0}.mb-kop{align-items:center;gap:10px;margin-bottom:14px;display:flex}.mb-kop .gedempt{margin-right:auto}.mb-raster{align-items:center;gap:8px 12px;display:grid}.mb-dienst{letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:600}.mb-dag{font-size:14px;font-weight:600}.mb-rij.voorbij .mb-dag{color:var(--zacht)}.mb-keuze{background:var(--hover);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;display:grid}.mb-keuze button{height:32px;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:13px}.mb-keuze button:hover:not(:disabled):not(.aan){background:var(--vlak)}.mb-keuze button:disabled{color:var(--zacht);cursor:default}.mb-keuze button.aan{color:#fff;font-weight:600}.mb-keuze button.aan.beschikbaar{background:var(--goed)}.mb-keuze button.aan.stand_by{background:var(--let-op)}.mb-keuze button.aan.niet_beschikbaar{background:var(--fout)}.mb-voet{justify-content:space-between;align-items:center;width:100%;display:flex}.mb-hele-week{flex-wrap:wrap;gap:8px;display:flex}.formulier .rolregel input[type=radio],.formulier .rolregel input[type=checkbox]{width:18px;min-width:18px;height:18px;box-shadow:none;background:0 0;border:0;flex:0 0 18px;padding:0}.formulier .rolregel{flex-direction:row;align-items:center;font-weight:400;display:flex}.vast-pil{color:var(--accent-tekst);background:var(--accent-zacht);align-items:center;gap:3px;display:inline-flex}.vast-teken{color:var(--accent-tekst)}.zonder-vast{margin-left:4px}.vast-samenvatting{border:1px solid var(--lijn);background:var(--vlak);width:100%;min-height:40px;color:var(--ink);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;display:flex}.vast-samenvatting>span:nth-child(2){flex:1}.vast-samenvatting:hover{background:var(--hover)}.vast-raster{align-items:center;gap:6px;display:grid}.vast-rij{display:contents}.vast-dag{color:var(--ink);padding-right:12px;font-weight:500}.vast-kop{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:4px 8px;font-weight:600;display:flex}.vast-kop small{font-size:11px;font-weight:500}.vast-kop:hover{background:var(--hover);color:var(--ink)}.vast-vak{border:1px solid var(--lijn);background:var(--vlak);min-height:40px;color:var(--op-accent);cursor:pointer;border-radius:10px;place-items:center;display:grid}.vast-vak:hover{border-color:var(--accent)}.vast-vak.aan{background:var(--accent);border-color:var(--accent)}.garage-nieuw{gap:8px;display:flex}.garage-nieuw input{flex:1;min-width:0}.bus-leenauto{color:var(--accent-tekst);align-items:center;gap:4px;display:inline-flex}.bus-label svg{vertical-align:-2px;margin-right:3px}.bus-notitie-tel{background:var(--let-op-zacht);color:var(--let-op);border-radius:999px;flex:none;align-items:center;gap:2px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-flex}.aantekeningen{flex-direction:column;gap:12px;display:flex}.aantekening-nieuw{gap:8px;display:flex}.aantekening-nieuw input{flex:1;min-width:0}.aantekening-nieuw select{max-width:160px}.aantekening-lijst{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.aantekening-lijst li{border-top:1px solid var(--lijn-zacht);align-items:center;gap:10px;padding:8px 0;display:flex}.aantekening-lijst li:first-child{border-top:0}.aantekening-tekst{flex-wrap:wrap;flex:1;align-items:baseline;gap:4px 10px;min-width:0;display:flex}.aantekening-vink{border:1.5px solid var(--lijn);background:var(--vlak);color:#0000;cursor:pointer;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.aantekening-vink:hover{border-color:var(--goed);color:var(--goed)}.bus-aantekeningen{margin-top:16px;padding:0 2px}.bus-volledig .periode-regel{grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:3px 12px;padding:10px 12px;display:grid}.periode-regel .bus-vak{grid-row:1/3;align-self:center}.periode-boven{align-items:center;gap:10px;min-width:0;display:flex}.periode-boven .bus-tel{height:22px;padding:0 9px;font-size:12px}.periode-datum{white-space:nowrap;color:var(--ink);margin-left:auto;font-weight:500}.periode-onder{min-width:0;color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.periode-onder .afkappen{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.periode-onder .bus-leenauto{white-space:nowrap;flex:none}.periode-door{white-space:nowrap;flex:none;font-size:12px}.bus-volledig li+li{border-top:1px solid var(--lijn-zacht)}.tooltip[popover]{background:var(--ink);max-width:260px;color:var(--vlak);pointer-events:none;border:0;border-radius:8px;margin:0;padding:6px 10px;font-size:12.5px;font-weight:500;line-height:1.35;position:fixed;inset:auto;overflow:visible;box-shadow:0 6px 18px #0000002e}@media (prefers-reduced-motion:no-preference){.tooltip[popover]:popover-open{animation:.12s ease-out tooltip-in}}@keyframes tooltip-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.printlijst{display:none}@media print{@page{margin:14mm}body.heeft-printlijst{background:#fff!important}body.heeft-printlijst>:not(.printlijst),body.heeft-printlijst dialog,body.heeft-printlijst dialog::backdrop{display:none!important}.printlijst{color:#000;font:11pt/1.4 Geist Variable,system-ui,sans-serif;display:block}.printlijst header{border-bottom:2px solid #000;margin-bottom:12pt;padding-bottom:6pt}.printlijst h1{margin:0;font-size:18pt}.printlijst header p{margin:2pt 0 0;font-size:11pt}.printlijst .pl-dag{display:inline-block}.printlijst .pl-dag:first-letter{text-transform:uppercase}.printlijst section{break-inside:avoid-page;margin-bottom:14pt}.printlijst h2{margin:0 0 4pt;font-size:12.5pt}.printlijst h2 span{color:#555;font-weight:400}.printlijst table{border-collapse:collapse;table-layout:fixed;width:100%}.printlijst th:nth-child(2){width:40%}.printlijst th{text-align:left;color:#555;border-bottom:1px solid #000;padding:3pt 6pt 3pt 0;font-size:9pt;font-weight:600}.printlijst td{vertical-align:top;border-bottom:.5pt solid #bbb;padding:5pt 6pt 5pt 0}.printlijst tr{break-inside:avoid}.printlijst .pl-vink{width:18pt}.printlijst .pl-vakje{border:1pt solid #000;width:10pt;height:10pt;display:inline-block}.printlijst .pl-naam{white-space:nowrap;font-weight:600}.printlijst footer{color:#555;margin-top:10pt;font-size:9pt}}.testomgeving{z-index:10000;color:#fff;letter-spacing:.02em;pointer-events:none;background:#d70015;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600;position:fixed;bottom:12px;right:12px}@media print{.testomgeving{display:none}}.uitleg-regels{gap:14px;margin:0;padding:0;list-style:none;display:grid}.uitleg-regel{gap:6px;display:grid}.uitleg-label{color:#fff;border-radius:7px;justify-self:start;padding:3px 10px;font-size:14px;font-weight:650}.uitleg-label.beschikbaar{background:var(--goed)}.uitleg-label.stand_by{background:var(--let-op)}.uitleg-label.niet_beschikbaar{background:var(--fout)}.uitleg-label.onbekend{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--zacht);background:0 0}.uitleg-zin{align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;display:flex}.uitleg-teken-klein{color:var(--accent);place-items:center;margin-top:2px;display:inline-grid}.uitleg-knop{color:var(--accent)}.venster-kop .uitleg-knop{margin-left:auto}.personen-houder{display:inline-flex;position:relative}.personen-kiezer{z-index:30;background:var(--vlak);width:300px;box-shadow:0 10px 30px #00000029, 0 0 0 1px var(--lijn);border-radius:12px;gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.personen-kiezer ul{gap:2px;max-height:280px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.personen-kiezer li .vinkje-label{cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:36px;padding:0 6px;display:grid}.personen-kiezer li .vinkje-label:hover{background:var(--hover)}.depot-dagen{padding:8px 18px 10px}.depot-vandaag{padding-bottom:8px;overflow:hidden}.depot-tijdlijn{max-height:none;overflow:visible}.depot-tijdlijn .dr-tl-naam{flex-basis:170px}.depot-tijdlijn .dr-tl-rij{height:40px}.depot-tijdlijn .dr-tl-rij:last-child{border-bottom:0}.depot-tijdlijn .dr-tl-rij.ik .dr-naam{color:var(--accent-tekst)}.depot-tijdlijn .dr-tbalk{cursor:default;top:5px;bottom:5px}.depot-vandaag-leeg{padding:4px 18px 10px}.depot-dag h3{align-items:baseline;gap:8px;margin:6px 0 8px;font-size:15px;font-weight:600;display:flex}.depot-dag h3 .gedempt{font-size:13px;font-weight:500}.depot-dag ul{margin:0;padding:0;list-style:none;display:grid}.depot-dag li{border-top:1px solid var(--lijn-zacht);align-items:center;gap:10px;min-height:40px;font-size:14.5px;display:flex}.depot-dag li>.afkappen{flex:1;min-width:0}.depot-dag li.ik{font-weight:600}.depot-dag-tijden{color:var(--muted);white-space:nowrap;font-size:13.5px}.depot-dag-leeg{align-items:center;gap:8px;margin:4px 0 10px;display:flex}.depot-blokken{grid-template-columns:1fr 1fr;gap:12px;display:grid}.depot-blok{background:var(--vlak);min-height:92px;box-shadow:var(--schaduw);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:14px;text-decoration:none;display:grid}.depot-blok:hover{background:var(--rij-hover,var(--hover))}.depot-blok:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.depot-blok-getal{letter-spacing:-.02em;justify-self:end;font-size:24px;font-weight:650}.depot-blok-label{color:var(--muted);grid-column:1/-1;font-size:14px;font-weight:500}.depot-blok.open{box-shadow:inset 0 0 0 2px var(--accent), var(--schaduw)}.depot-blok.open .depot-blok-label{color:var(--accent-tekst)}.depot-blok.let-op .depot-blok-getal{color:var(--let-op)}.depot-bericht{padding:14px}.nav-teller{min-width:20px;height:20px;color:inherit;background:#ffffff24;border-radius:10px;place-items:center;margin-left:auto;padding:0 6px;font-size:12px;font-weight:650;display:inline-grid}.nav-teller.rood{background:var(--fout);color:#fff}.taken-thuis{padding-bottom:8px}.taken-thuis .taken-lijst{padding:0 6px}.taken-meer{padding:4px 18px 2px;text-decoration:none;display:block}.depotrooster>.taken-thuis{max-width:560px;margin-bottom:14px}.herinneringen{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=1000px){.herinneringen{grid-template-columns:minmax(0,1fr)}}.hr-zij{background:var(--vlak);box-shadow:var(--schaduw);border-radius:16px;gap:14px;padding:14px;display:grid;position:sticky;top:0}.hr-slim{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hr-tegel{text-align:left;cursor:pointer;min-height:74px;font:inherit;background:color-mix(in srgb, var(--ink) 6%, var(--vlak));color:var(--ink);border:0;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:6px 8px;padding:9px 10px 8px;display:grid}.hr-tegel:hover{background:color-mix(in srgb, var(--ink) 10%, var(--vlak))}.hr-tegel b{letter-spacing:-.02em;justify-self:end;font-size:22px;font-weight:700}.hr-tegel-naam{color:var(--muted);grid-column:1/-1;font-size:13.5px;font-weight:600}.hr-tegel.aan{background:var(--k);color:#fff}.hr-tegel.aan .hr-tegel-naam{color:#fff}.hr-tegel.aan .hr-rond{color:var(--k);background:#fff}.hr-tegel:focus-visible,.hr-lijst:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hr-rond{background:var(--k);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:inline-grid}.hr-rond.klein{width:26px;height:26px}.hr-rond.groot{width:64px;height:64px}.hr-kopje{color:var(--muted);margin:6px 4px -6px;font-size:12.5px;font-weight:650}.hr-lijsten{gap:2px;margin:0;padding:0;list-style:none;display:grid}.hr-lijst{width:100%;height:40px;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:0 8px;font-size:14.5px;display:flex}.hr-lijst:hover{background:var(--hover)}.hr-lijst.aan{background:color-mix(in srgb, var(--accent) 14%, var(--vlak));font-weight:600}.hr-lijst-naam{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hr-lijst-erbij{height:38px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:0 8px;font-size:14px;display:flex}.hr-lijst-erbij:hover{background:var(--hover);color:var(--ink)}.hr-hoofd{background:var(--vlak);min-width:0;box-shadow:var(--schaduw);border-radius:16px;min-height:60vh;padding:20px 28px 24px}.hr-kop{align-items:center;gap:12px;margin-bottom:6px;display:flex}.hr-kop h1{letter-spacing:-.025em;color:inherit;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:30px;font-weight:750;overflow:hidden}.hr-aantal{letter-spacing:-.02em;margin-left:auto;font-size:30px;font-weight:750}.hr-nieuw-knop{height:40px}.hr-groep{margin-top:10px}.hr-groep-kop{color:var(--ink);align-items:center;gap:6px;margin:14px 0 2px;font-size:15px;font-weight:700;display:flex}.hr-groep-kop.knopachtig{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:15px;font-weight:700}.hr-groep-kop.knopachtig svg{color:var(--muted);transition:transform var(--snel)}.hr-groep-kop.knopachtig svg.dicht{transform:rotate(-90deg)}.hr-rijen{margin:0;padding:0;list-style:none}.hr-rij{background:linear-gradient(var(--lijn-zacht), var(--lijn-zacht)) no-repeat left 44px bottom / calc(100% - 44px) 1px;align-items:flex-start;gap:8px;padding:6px 0;display:flex}.hr-rondje{cursor:pointer;background:0 0;border:0;border-radius:18px;flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid}.hr-rondje>span,.hr-rondje.leeg:before{content:"";box-sizing:border-box;border:1.6px solid color-mix(in srgb, var(--ink) 28%, transparent);border-radius:50%;width:21px;height:21px;transition:border-color .15s,background .15s}.hr-rondje:hover>span{border-color:var(--k)}.hr-rondje.af>span{border-color:var(--k);background:radial-gradient(circle, var(--k) 0 5.5px, transparent 6.5px)}.hr-rondje:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hr-rij-tekst{min-width:0;font:inherit;color:var(--ink);text-align:left;cursor:text;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:3px;padding:7px 0 8px;text-decoration:none;display:flex}.hr-rij-tekst:disabled{cursor:default}.hr-titel{overflow-wrap:anywhere;font-size:15.5px;line-height:1.35}.hr-uitroep{color:#ff3b30;margin-right:5px;font-weight:800}.hr-notitie{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;display:-webkit-box;overflow:hidden}.hr-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13.5px;display:flex}.hr-wanneer{color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-weight:600;display:inline-flex}.hr-wanneer.vandaag{color:#0a6cdb;background:#007aff1f}.hr-wanneer.te-laat{color:#e0261b;background:#ff3b301f}.hr-plek{align-items:center;gap:4px;display:inline-flex}.hr-gezichten{margin:9px 4px 0 8px;display:inline-flex}.hr-gezichten>span+span{margin-left:-4px}.hr-gezichten .avatar{box-shadow:0 0 0 2px var(--vlak)}.hr-rij.grijs .hr-titel,.hr-rij.grijs .hr-notitie{color:var(--muted);transition:color .2s}.hr-rij.grijs .hr-wanneer{color:var(--muted);background:color-mix(in srgb, var(--ink) 5%, transparent)}.hr-rij.bewerk{background:color-mix(in srgb, var(--accent) 6%, var(--vlak));border-radius:12px;margin:2px 0;padding:6px 10px 10px 0}.hr-bewerk{flex:1;gap:4px;min-width:0;padding-top:6px;display:grid}.hr-titelregel{align-items:center;display:flex}.hr-bewerk input.hr-titel-veld,.hr-plek-veld input{min-width:0;height:26px;box-shadow:none;font:inherit;color:var(--ink);background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0;font-size:15.5px}.hr-bewerk textarea.hr-notitie-veld{min-height:0;box-shadow:none;resize:none;field-sizing:content;font:inherit;color:var(--muted);background:0 0;border:0;border-radius:0;outline:none;padding:0;font-size:13.5px}.hr-plek-veld{color:var(--muted);align-items:center;gap:6px;display:flex}.hr-plek-veld input{font-size:13.5px}.hr-knoppen{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.hr-chip{border:1px solid var(--lijn);background:var(--vlak);height:32px;font:inherit;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-size:13px;font-weight:550;display:inline-flex}.hr-chip:hover{border-color:var(--zacht)}.hr-chip.open{border-color:var(--accent)}.hr-chip.gezet{background:var(--accent-zacht);color:var(--accent-tekst);border-color:#0000}.hr-chip.rood{color:#e0261b;background:#ff3b301f;border-color:#0000}.hr-uitroep-chip{color:#ff3b30;font-weight:800}.hr-chip-groep{align-items:center;display:inline-flex}.hr-chip-groep.gezet .hr-chip{border-top-right-radius:0;border-bottom-right-radius:0}.hr-chip-x{border:0;border-left:1px solid color-mix(in srgb, var(--accent) 25%, transparent);background:var(--accent-zacht);width:28px;height:32px;color:var(--accent-tekst);cursor:pointer;border-radius:0 8px 8px 0;place-items:center;padding:0;display:inline-grid}.hr-stip{border-radius:50%;width:10px;height:10px}.hr-weg{color:var(--muted);margin-left:auto}.hr-pop-houder{display:inline-flex;position:relative}.hr-pop{z-index:40;background:var(--vlak);min-width:250px;box-shadow:0 12px 32px #0000002e, 0 0 0 1px var(--lijn);border-radius:12px;padding:6px;animation:.16s cubic-bezier(.2,.7,.3,1) uitklappen;display:grid;position:absolute;top:calc(100% + 6px);left:0}.hr-pop.breed{gap:8px;width:300px;padding:10px}.hr-kop .hr-pop{left:auto;right:0}.hr-pop-kop{color:var(--muted);padding:6px 10px 4px;font-size:12.5px;font-weight:650}.hr-pop-regel{min-height:44px;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:6px 10px;font-size:14.5px;display:flex}.hr-pop-regel>svg{color:var(--muted);flex:none}.hr-pop-regel>span{gap:1px;display:grid}.hr-pop-regel small{color:var(--muted);font-size:12.5px}.hr-pop-regel:hover{background:var(--hover)}.hr-pop-regel.aan{color:var(--accent-tekst);font-weight:600}.hr-pop hr{border:0;border-top:1px solid var(--lijn-zacht);width:calc(100% - 12px);margin:4px 6px}.hr-pop-tijd{justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-size:14px;display:flex}.hr-pop-tijd .tijd-veld{width:70px;height:32px}.hr-pop-mensen{gap:2px;max-height:300px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.hr-pop-mensen .vinkje-label{cursor:pointer;border-radius:8px;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;min-height:38px;padding:0 6px;display:grid}.hr-pop-mensen .vinkje-label:hover{background:var(--hover)}.hr-kalender{width:256px;padding:4px}.hr-kal-kop{align-items:center;gap:2px;padding:2px 2px 8px 8px;display:flex}.hr-kal-kop b{text-transform:capitalize;flex:1;font-size:14px}.hr-kal-raster{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.hr-kal-wd{color:var(--muted);text-align:center;padding-bottom:4px;font-size:11px;font-weight:600}.hr-kal-dag{height:34px;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:17px;font-size:13.5px}.hr-kal-dag:hover{background:var(--hover)}.hr-kal-dag.buiten{color:var(--zacht)}.hr-kal-dag.nu{color:#ff3b30;font-weight:700}.hr-kal-dag.aan{background:var(--accent);color:var(--op-accent);font-weight:700}.hr-nieuw-regel{width:100%;height:48px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;margin-top:6px;padding:0 8px;font-size:15px;display:flex}.hr-nieuw-regel:hover{background:var(--hover);color:var(--accent-tekst)}.hr-leeg{text-align:center;color:var(--muted);margin:40px 0 20px}.hr-lijstvenster{justify-items:center;gap:16px}.hr-lijstvenster input{text-align:center;width:100%;font-size:17px;font-weight:600}.hr-kleuren{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hr-kleur{cursor:pointer;border:0;border-radius:50%;width:30px;height:30px}.hr-kleur.aan{outline:3px solid color-mix(in srgb, var(--ink) 35%, transparent);outline-offset:2px}.taken-thuis .hr-rijen{padding:0 12px 0 6px}.taken-thuis .hr-rij-tekst{cursor:pointer}.hr-info-knop{color:color-mix(in srgb, var(--accent) 70%, var(--muted));flex:none;margin-top:4px}.hr-info-knop.open{color:var(--accent)}.hr-titelregel .hr-info-knop{margin-top:0}.hr-pop.hr-info{background:color-mix(in srgb, var(--ink) 3%, var(--vlak));gap:6px;width:340px;max-height:min(640px,72vh);padding:12px;left:auto;right:0;overflow-y:auto}.hr-info-kopkaart{background:var(--vlak);box-shadow:0 0 0 1px var(--lijn-zacht);border-radius:12px;gap:4px;padding:12px 14px;display:grid}.hr-pop textarea.hr-info-titel,.hr-pop textarea.hr-info-notitie,.hr-pop input.hr-info-plek{box-shadow:none;font:inherit;color:var(--ink);resize:none;background:0 0;border:0;border-radius:0;outline:none;padding:0}.hr-pop textarea.hr-info-titel{letter-spacing:-.015em;field-sizing:content;min-height:0;font-size:20px;font-weight:700;line-height:1.25}.hr-pop textarea.hr-info-notitie{color:var(--muted);field-sizing:content;min-height:0;font-size:14px}.hr-info-kop{color:var(--muted);margin:8px 4px 0;font-size:12.5px;font-weight:650}.hr-info-groep{background:var(--vlak);box-shadow:0 0 0 1px var(--lijn-zacht);border-radius:12px}.hr-info-regel{align-items:center;gap:12px;min-height:50px;padding:6px 12px;display:flex}.hr-info-regel+.hr-info-regel{border-top:1px solid var(--lijn-zacht)}.hr-info-regel>svg,.hr-info-uitroep{color:var(--muted);text-align:center;flex:0 0 22px}.hr-info-uitroep{color:#ff3b30;font-size:18px;font-weight:800}.hr-info-label{flex:1;justify-items:start;gap:4px;min-width:0;font-size:14.5px;display:grid}.hr-info-label .hr-chip{height:28px}.hr-info-label .tijd-veld{width:70px;height:30px}.hr-pop input.hr-info-plek{color:var(--ink);width:100%;height:24px;font-size:13.5px}.hr-info .hr-pop{left:0}.hr-info .hr-info-regel>.hr-pop-houder .hr-pop,.hr-info .hr-info-regel>.hr-pop-houder+.hr-pop{left:auto;right:0}.hr-info-voet{color:var(--muted);margin:8px 4px 0;font-size:12.5px}.hr-info-weg{background:var(--vlak);height:44px;box-shadow:0 0 0 1px var(--lijn-zacht);font:inherit;color:#e0261b;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14.5px;display:flex}.hr-info-weg:hover{background:#ff3b3014}.aanvraag-knop-getal{background:var(--accent-zacht);color:var(--accent-tekst);border-radius:6px;align-items:center;gap:3px;margin-left:2px;padding:1px 7px;font-size:12.5px;font-weight:650;display:inline-flex}.aanvraag-knop-getal.goed{color:var(--goed);background:#34c75924}.aanvraag-paneel{z-index:45;background:var(--vlak);grid-template-rows:auto 1fr auto;width:440px;max-width:100vw;animation:.18s ease-out inschuiven;display:grid;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 36px #00000029}.aanvraag-kop{border-bottom:1px solid var(--lijn-zacht);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 10px 22px;display:flex}.aanvraag-kop h2{letter-spacing:-.015em;margin:0;font-size:20px;font-weight:700}.aanvraag-dagen{align-content:start;gap:10px;padding:8px 14px 16px;display:grid;overflow-y:auto}.av-dag{background:color-mix(in srgb, var(--ink) 3%, var(--vlak));box-shadow:0 0 0 1px var(--lijn-zacht);border-radius:14px;gap:4px;padding:12px 12px 10px;display:grid}.av-dag.eerste{background:var(--vlak);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.av-dag.gewijzigd{box-shadow:0 0 0 2px var(--let-op)}.av-dagkop{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.av-dagkop b{text-transform:capitalize;font-size:15.5px}.av-status{border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:2px 9px;font-size:12.5px;font-weight:650;display:inline-flex}.av-status.verstuurd{color:#0a6cdb;background:#007aff1f}.av-status.gezien{color:#b86200;background:#ff950026}.av-status.bevestigd{color:#1e8c3a;background:#34c75926}.av-regel{grid-template-columns:minmax(0,1fr) auto 64px;align-items:center;gap:10px;min-height:46px;display:grid}.av-regel.extra{grid-template-columns:minmax(0,1fr) auto 36px}.av-naam{gap:1px;font-size:14.5px;font-weight:550;display:grid}.av-naam small{color:var(--muted);font-size:12.5px;font-weight:500}.av-tijden{color:var(--muted);align-items:center;gap:4px;font-weight:500;display:inline-flex}.av-tijden .tijd-veld{width:62px;height:30px}.av-stand{color:var(--muted);text-align:right;font-size:13px;font-weight:600}.av-stand.te-weinig{color:var(--fout)}.av-onder{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.aanvraag-paneel input.av-notitie{height:34px;font-size:13.5px}.aanvraag-voet{border-top:1px solid var(--lijn-zacht);padding:12px 18px 18px}.aanvraag-voet .knop{width:100%;height:46px;font-size:15.5px}.stapper{box-shadow:0 0 0 1px var(--lijn);background:var(--vlak);border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.stapper.gewijzigd{box-shadow:0 0 0 2px var(--let-op)}.stapper button{width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.stapper button:hover:not(:disabled){background:var(--hover)}.stapper button:disabled{color:var(--zacht);cursor:default}.stapper input{width:40px;height:38px;box-shadow:none;text-align:center;color:var(--ink);background:0 0;border:0;border-radius:0;padding:0;font-size:17px;font-weight:700}.dienst-tab-vraag{color:var(--muted);margin-left:-2px;font-size:12px;font-weight:650}.dienst-tab-vraag.te-weinig{color:var(--fout)}.leverancier-balk{background:var(--vlak);box-shadow:var(--schaduw), inset 3px 0 0 var(--t-oranje);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 12px;padding:12px 16px;display:flex}.leverancier-balk>svg{color:var(--t-oranje);flex:none}.lb-tekst{flex:1;gap:2px;min-width:0;display:grid}.lb-tekst>b{font-size:14.5px}.lb-regels{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:13.5px;display:flex}.lb-regels .hier{color:var(--ink)}.lb-stand{letter-spacing:-.02em;font-size:20px;font-weight:750}.lb-stand.te-weinig{color:var(--fout)}.lb-stand.goed{color:var(--goed)}.aanvragen-kaart ul{margin:0;padding:0 10px 10px;list-style:none;display:grid}.aanvragen-kaart li{align-items:center;gap:10px;padding:6px 0;display:flex}.aanvragen-kaart li+li{border-top:1px solid var(--lijn-zacht)}.ak-dag{min-width:0;font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;justify-items:start;gap:2px;padding:6px 8px;display:grid}.ak-dag:hover{background:var(--hover)}.ak-dag b{text-transform:capitalize}.ak-regels{color:var(--muted);flex-wrap:wrap;gap:2px 10px;font-size:13px;display:flex}.dr-naam-knop{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0}.dr-naam-knop:hover .dr-naam{text-underline-offset:2px;text-decoration:underline}.dr-naam-knop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dr-vast{background:var(--accent-zacht);color:var(--accent-tekst);vertical-align:1px;border-radius:5px;align-items:center;gap:2px;margin-left:6px;padding:0 5px;font-size:10.5px;font-weight:700;display:inline-flex}.vd-dagen{min-width:min(560px,86vw);display:grid}.vd-legenda{border:0;padding:0 4px 10px}.vd-dag{border-top:1px solid var(--lijn-zacht);grid-template-columns:auto 100px minmax(0,1fr);align-items:center;gap:12px;min-height:52px;padding:6px 4px;display:grid}.vd-naam{font-size:14.5px}.vd-dag:not(.aan) .vd-naam{color:var(--muted)}.vd-blokken{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vd-blok-houder{display:inline-flex;position:relative}.vd-blok{background:var(--kleur);color:#fff;height:32px;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:0 10px;font-size:13px;font-weight:700;box-shadow:0 1px 2px #00000026}.vd-blok.plannen{background:color-mix(in srgb, var(--kleur) 13%, var(--vlak));color:var(--kleur);box-shadow:inset 0 0 0 2px var(--kleur)}.vd-blok.open{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:1px}.vd-blok.fout{outline:2px solid var(--fout);outline-offset:1px}.vd-erbij{border:1px dashed var(--zacht);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;place-items:center;display:inline-grid}.vd-erbij:hover{border-color:var(--accent);color:var(--accent)}.vd-pop{z-index:40;background:var(--vlak);box-shadow:0 12px 32px #0000002e, 0 0 0 1px var(--lijn);border-radius:12px;justify-items:start;gap:10px;padding:12px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.vd-pop-tijden{align-items:center;gap:6px;display:inline-flex}.vd-pop-tijden .tijd-veld{width:68px;height:34px}.vd-weg{align-items:center;gap:6px;font-size:13px;display:inline-flex}.dr-vast-uitleg{color:var(--muted);gap:5px;margin-left:auto}.dr-vast-uitleg+.dr-legenda{margin-left:8px}.vd-legenda .dr-leg-staal{--legenda:var(--kleur);border-radius:3px;width:18px;height:10px}.uitleg-pagina{align-content:start;gap:16px;display:grid}.uitleg-pagina>.zoekveld{width:min(520px,100%);height:42px;font-size:15px}.uitleg-groep h2{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:10px 0;font-size:13px;font-weight:650}.uitleg-kaarten{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));align-items:start;gap:14px;display:grid}.uitleg-kaart{padding:16px 18px 12px;scroll-margin:80px;transition:box-shadow .3s}.uitleg-kaart header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.uitleg-kaart h3{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:650}.uitleg-kaart.licht-op,.uitleg-kaart.gekozen{box-shadow:0 0 0 2px var(--accent), var(--schaduw)}.hr-voor{color:#ff9500;flex:none;place-items:center;width:36px;height:36px;display:grid}.bus-taak{z-index:1;background:var(--accent);height:16px;color:var(--op-accent);cursor:pointer;border-radius:5px;align-items:center;gap:2px;padding:0 4px;font-size:10.5px;font-weight:700;display:inline-flex;position:absolute;bottom:3px;right:3px}.bus-taak.af{background:var(--zacht)}.bus-cel.vrij:has(.bus-taak):hover:after{content:none}.periode-taak{border-top:1px solid var(--lijn-zacht);gap:10px;padding-top:12px;display:grid}.periode-taak .vinkje-label,.formulier>.vinkje-label{align-items:center;gap:10px;font-weight:550;display:inline-flex}.periode-taak .datumveld input{width:140px}.periode-taak-personen{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.hr-prullenbak{margin-top:6px}.hr-prullenbak .hr-rond{background:#8e8e93}.hr-terug{flex:none;align-self:center;align-items:center;gap:6px;min-height:36px;display:inline-flex}.hoofddag .dienstrij{grid-template-columns:40px minmax(120px,1fr) auto auto 16px;grid-template-areas:"ring naam stand gezichten pijl";column-gap:14px;padding:10px}.dienstring{--deel:0;background:conic-gradient(var(--goed) calc(var(--deel) * 360deg), var(--lijn-zacht) 0);width:40px;height:40px;color:var(--ink);border-radius:50%;grid-area:ring;place-items:center;font-size:15px;font-weight:700;display:grid}.dienstring>span{background:var(--vlak);border-radius:50%;place-items:center;width:31px;height:31px;line-height:1;display:grid}.dienstrij:hover .dienstring>span{background:var(--rij-hover)}.dienstring.leeg{color:var(--zacht)}.dienstring.klaar>span{color:var(--goed)}.hoofddag .dienstrij-stand{white-space:nowrap;font-size:13.5px;font-weight:600}.hoofddag .gezichten{justify-content:flex-end}.hoofddag .gezicht .avatar{width:28px;height:28px;font-size:10.5px}.dienstrij-pijl{color:var(--zacht);grid-area:pijl}.dagkeuze{background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:10px;gap:2px;margin-left:12px;margin-right:auto;padding:3px;display:inline-flex}.dagkeuze button{min-height:32px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:13.5px;font-weight:600}.dagkeuze button.aan{background:var(--vlak);color:var(--ink);box-shadow:0 1px 3px #0000001f}.dagkeuze button .gedempt{font-weight:500}.hoofddag .kaart-kop h2{margin-right:0}.aandacht-meer{border:0;border-top:1px solid var(--lijn-zacht);width:100%;min-height:40px;font:inherit;color:var(--accent-tekst);cursor:pointer;background:0 0;font-size:13.5px;font-weight:600;display:block}.aandacht-meer:hover{background:var(--rij-hover)}.punt-link{color:inherit;text-decoration:none}.punt-link:hover{text-decoration:underline}.taken-thuis .hr-wanneer{color:var(--muted);background:0 0;padding:0;font-weight:500}.taken-thuis .hr-wanneer svg{display:none}.taken-thuis .hr-wanneer.te-laat{color:var(--fout);background:0 0}@media (width<=640px){.hoofddag .dienstrij{grid-template-columns:40px minmax(0,1fr) 16px;grid-template-areas:"ring naam pijl""ring stand pijl"}.hoofddag .gezichten{display:none}.hoofddag .kaart-kop{flex-wrap:wrap}}a.snelregel{color:inherit;text-decoration:none}a.snelregel>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.pagina.vandaag .vandaag-hoofd>.kaart{box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 9%, transparent), 0 2px 4px #08242e0f, 0 14px 32px -10px #08242e38}.pagina.vandaag .vandaag-hoofd .kaart-kop h2{letter-spacing:-.02em;font-size:20px;font-weight:700}.pagina.vandaag .vandaag-zij>.kaart{box-shadow:none;border:1px solid color-mix(in srgb, var(--ink) 9%, transparent);background:color-mix(in srgb, var(--vlak) 55%, var(--achtergrond))}.pagina.vandaag .vandaag-zij .kaart-kop h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12.5px;font-weight:700}.pagina.vandaag .vandaag-zij .kaart-kop h2 .gedempt{letter-spacing:0}.pagina.vandaag .vandaag-hoofd{gap:20px;display:grid}.pagina.vandaag .vandaag-zij{gap:16px;display:grid}@media (prefers-color-scheme:dark){.pagina.vandaag .vandaag-hoofd>.kaart{box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 16%, transparent), 0 14px 32px -10px #0000008c}}.nav-tegel{border-radius:7px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid;box-shadow:inset 0 0 0 .5px #ffffff2e,0 1px 2px #00000040}.nav-item .nav-tegel svg,.zijbalk .nav-item .nav-tegel svg,.zijbalk .nav-item.actief .nav-tegel svg{color:#fff}.zijbalk .nav-item{gap:10px;height:40px;padding:0 8px}.zijbalk .nav-item.actief{box-shadow:none}.nav-groep{margin-bottom:18px}.nav-kop{padding:0 8px 6px}.nav-onder .nav-item{color:var(--zb-gedempt)}.nav-onder .nav-item .nav-tegel{opacity:.9;width:24px;height:24px}.zijbalk .nav-groep{margin-bottom:26px}.zijbalk .nav-kop{letter-spacing:.09em;color:#ffffffc7;padding:0 8px 8px;font-size:12.5px;font-weight:700}.pagina.vandaag .vandaag-raster{gap:32px}.pagina.vandaag .vandaag-hoofd{gap:28px}.pagina.vandaag .vandaag-zij{gap:22px}.pagina.vandaag .pagina-kop{margin-bottom:12px}.dienst-verlof{border-top:1px solid var(--lijn-zacht);color:var(--muted);align-items:center;gap:8px;margin:4px 18px 6px;padding:10px 2px 4px;font-size:13.5px;text-decoration:none;display:flex}.dienst-verlof svg{color:var(--t-paars,#af52de)}.dienst-verlof b{color:var(--ink);font-weight:600}.dienst-verlof:hover b{text-decoration:underline}.pagina.vandaag .vandaag-raster:has(>.vandaag-zij:empty){grid-template-columns:minmax(0,1fr)}.pagina.vandaag .vandaag-zij:empty{display:none}@media (width>=1101px){.pagina.vandaag{box-sizing:border-box;flex-direction:column;height:100%;padding-bottom:24px;display:flex;overflow:hidden}.pagina.vandaag .vandaag-raster{flex:1;align-items:stretch;min-height:0}.pagina.vandaag .vandaag-hoofd,.pagina.vandaag .vandaag-zij{flex-direction:column;min-height:0;display:flex}.pagina.vandaag .vandaag-hoofd>.kaart,.pagina.vandaag .vandaag-zij>.kaart{flex-direction:column;flex:0 auto;min-height:0;display:flex;overflow:hidden}.pagina.vandaag .vandaag-hoofd>.hoofddag{flex:none}.pagina.vandaag .kaart.aandacht>ul,.pagina.vandaag .taken-thuis>.hr-rijen,.pagina.vandaag .bussen-kaart-lijst{flex:0 auto;min-height:0;overflow-y:auto}.pagina.vandaag .kaart>.kaart-kop{flex:none}}@media (width>=1101px) and (height<=820px){.pagina.vandaag{padding-top:18px;padding-bottom:16px}.pagina.vandaag .pagina-kop{margin-bottom:10px}.pagina.vandaag .pagina-kop h1{font-size:22px}.pagina.vandaag .vandaag-raster{gap:24px}.pagina.vandaag .vandaag-hoofd{gap:16px}.pagina.vandaag .vandaag-zij{gap:14px}.pagina.vandaag .kaart-kop{min-height:42px;padding:10px 16px 4px}.pagina.vandaag .vandaag-hoofd .kaart-kop h2{font-size:18px}.pagina.vandaag .hoofddag .dienstrij{margin:1px 0;padding:6px 10px}.pagina.vandaag .dienstring{width:34px;height:34px;font-size:14px}.pagina.vandaag .dienstring>span{width:27px;height:27px}.pagina.vandaag .hoofddag .dienstrij{grid-template-columns:34px minmax(120px,1fr) auto auto 16px}.pagina.vandaag .punt{padding-top:7px;padding-bottom:7px}.pagina.vandaag .dienst-verlof{padding-top:6px}.pagina.vandaag .dagkeuze button{min-height:28px}}@media (height<=820px){.zijbalk .nav-item{height:34px}.zijbalk .nav-groep{margin-bottom:14px}.zijbalk .nav-kop{padding-bottom:4px}.zijbalk .nav-tegel{width:24px;height:24px}}.pagina.vandaag .pagina-kop{gap:12px}.pagina.vandaag .pagina-kop>.vandaag-wijzig{align-items:center;gap:8px;margin-left:auto;display:flex}.vandaag-wijzig .knop{min-height:36px}.widget-bij-plek{position:relative}.widget-kiezer{z-index:30;background:var(--vlak);min-width:240px;box-shadow:0 0 0 1px var(--lijn), 0 18px 40px -12px #00000059;border-radius:14px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.widget-kiezer button{min-height:40px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:0 10px;font-size:14.5px;display:flex}.widget-kiezer button>span:nth-child(2){flex:1}.widget-kiezer button:hover:not(:disabled){background:var(--hover)}.widget-kiezer button:disabled{opacity:.4;cursor:default}.startraster{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;min-height:0;display:grid;position:relative}.startraster>.widget{min-width:0;min-height:0;display:flex;position:relative;container-type:inline-size}.startraster.wijzig>.widget{touch-action:none}.widget-inhoud{flex:1;min-width:0;min-height:0;display:flex}.widget-inhoud>*{flex:1;min-width:0;min-height:0}.widget-inhoud>.kaart{box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 9%, transparent), 0 2px 4px #08242e0f, 0 12px 28px -12px #08242e33;flex-direction:column;display:flex;overflow:hidden}.widget-inhoud>.kaart>.kaart-kop,.widget-inhoud>.kaart>:not(.kaart-kop){flex:none}.widget-inhoud>.kaart>:is(ul,ol,.dr-tijdlijn){overscroll-behavior:contain;scrollbar-width:thin;flex:0 auto;min-height:0;overflow-y:auto}.widget-inhoud>.kaart>:is(.widget-leeg,.week-widget-inhoud,.widget-getal){flex:auto}.widget-inhoud>.kaart>.kaart-kop h2{letter-spacing:-.01em;font-size:17px;font-weight:700}.widget-inhoud>.kaart>.kaart-kop{flex-wrap:wrap;row-gap:8px}.widget-inhoud>.kaart>.kaart-kop h2{white-space:nowrap;flex:none}.widget-inhoud>.kaart>.kaart-kop .dagkeuze{margin-left:0}.widget-inhoud>.kaart>.kaart-kop>.knop{margin-left:auto}.widget-inhoud>.kaart>.kaart-kop h2 .gedempt{letter-spacing:0;font-weight:500}.widget-skelet{border-radius:16px;min-height:0}@media (prefers-color-scheme:dark){.widget-inhoud>.kaart{box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 16%, transparent), 0 12px 28px -12px #0000008c}}.widget-leeg{flex:1;place-items:center;min-height:64px;padding:8px 0 16px;display:grid}.kaart.aandacht .widget-leeg .klaar-schijf,.kaart.alles-dicht .leeg-schijf{margin:auto}.kaart.alles-dicht{justify-content:center;align-items:center;gap:10px}.kaart.alles-dicht>.kaart-kop{align-self:stretch}.widget-rijen{margin:0;padding:0 8px 10px;list-style:none}.widget-rij{min-height:40px;color:var(--ink);border-radius:9px;align-items:center;gap:10px;padding:0 8px;font-size:14.5px;text-decoration:none;display:flex}.widget-rij:hover{background:var(--rij-hover)}.widget-rij .rechts{white-space:nowrap;margin-left:auto;font-size:13.5px}.widget-pil{background:var(--t-oranje,#ff9500);color:#fff;border-radius:9px;flex:none;place-items:center;min-width:18px;height:18px;font-size:12px;font-weight:700;display:grid}.widget-getal{color:var(--muted);flex-direction:column;flex:1;justify-content:center;gap:2px;padding:4px 18px 16px;font-size:14px;text-decoration:none;display:flex}.widget-getal strong{letter-spacing:-.03em;color:var(--ink);font-size:40px;font-weight:700;line-height:1.05}.widget-getal:hover strong{color:var(--accent)}.week-widget-inhoud{flex:1;gap:20px;min-height:0;padding:4px 18px 14px;display:flex}.week-cijfers{flex-direction:column;justify-content:center;gap:6px;margin:0;display:flex}.week-cijfers div{align-items:baseline;gap:8px;display:flex}.week-cijfers dt{color:var(--muted);min-width:62px;font-size:13px}.week-cijfers dd{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.week-staven{flex:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;min-height:80px;margin:0;padding:0;list-style:none;display:grid}.week-staven li{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-height:0;display:flex}.week-staven li>span{color:var(--muted);min-height:14px;font-size:11.5px}.week-staven li>i{background:color-mix(in srgb, var(--accent) 70%, transparent);border-radius:5px;width:100%;max-width:26px;min-height:3px;display:block}.week-staven li.later>i{background:color-mix(in srgb, var(--accent) 25%, transparent)}.week-staven li.nu>i{background:var(--accent)}.week-staven li>b{color:var(--muted);font-size:12px;font-weight:600}.week-staven li.nu>b{color:var(--accent)}@container (width<=380px){.week-cijfers{display:none}}@container (width<=420px){.hoofddag .gezichten{display:none}.startraster .hoofddag .dienstrij{grid-template-columns:34px minmax(0,1fr) 16px;grid-template-areas:"ring naam pijl""ring stand pijl";row-gap:1px}.hoofddag .dienstrij-naam .gedempt{display:none}.hoofddag .dienstrij-stand{grid-area:stand;font-size:13px}.hoofddag .dagkeuze button .gedempt,.hoofddag .kaart-kop>.knop{display:none}.kaart.aandacht .punt{grid-template-columns:30px minmax(0,1fr);row-gap:6px}.kaart.aandacht .punt-actie{grid-column:2}.bussen-kaart-regel{grid-template-columns:8px minmax(0,1fr) auto;row-gap:2px}.bussen-kaart-regel>.afkappen{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-area:2/2/auto/-1;overflow:hidden}.bussen-kaart-regel>.rechts{grid-area:1/3}.bussen-kaart-stand{flex-wrap:wrap;gap:6px;display:flex}}.raster-vak{border:1.5px dashed color-mix(in srgb, var(--ink) 14%, transparent);border-radius:16px}.startraster.wijzig>.widget{cursor:grab}.startraster.wijzig>.widget .widget-inhoud>.kaart{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent), 0 12px 28px -12px #08242e40;overflow:hidden}.startraster.wijzig>.widget .widget-inhoud{opacity:.9}.startraster>.widget.sleept{z-index:10;cursor:grabbing}.startraster>.widget.sleept .widget-inhoud>.kaart{box-shadow:0 0 0 2px var(--accent), 0 28px 50px -16px #08242e73}.widget-grip{z-index:3;background:var(--vlak);width:40px;height:20px;color:var(--muted);pointer-events:none;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--accent) 55%, transparent), 0 2px 6px #00000026;border-radius:10px;place-items:center;display:grid;position:absolute;top:-10px;left:50%;translate:-50%}.widget-grip svg{rotate:90deg}.widget-weg{z-index:4;cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:-12px;left:-12px}.widget-weg:before{content:"";background:color-mix(in srgb, var(--ink) 72%, var(--vlak));border-radius:50%;position:absolute;inset:5px;box-shadow:0 2px 6px #00000040}.widget-weg svg{color:var(--vlak);position:relative}.widget-weg:hover:before{background:var(--fout)}.widget-maat{z-index:4;cursor:nwse-resize;width:36px;height:36px;position:absolute;bottom:0;right:0}.widget-maat:after{content:"";border-right:3.5px solid var(--accent);border-bottom:3.5px solid var(--accent);border-bottom-right-radius:6px;width:13px;height:13px;position:absolute;bottom:8px;right:8px}.widget-doel{pointer-events:none;z-index:9;border-radius:16px}.widget-doel.past{background:color-mix(in srgb, var(--goed) 14%, transparent);box-shadow:inset 0 0 0 2px var(--goed)}.widget-doel.past-niet{background:color-mix(in srgb, var(--fout) 10%, transparent);box-shadow:inset 0 0 0 2px var(--fout)}@media (width>=1101px){.pagina.vandaag .startraster{flex:1}}@media (width>=1101px) and (height<=820px){.startraster{gap:14px}.widget-inhoud>.kaart>.kaart-kop h2{font-size:16px}}@media (width<=1100px){.startraster{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.startraster>.widget{height:calc(var(--h,1) * 220px);grid-area:auto/1!important}.pagina.vandaag .pagina-kop>.vandaag-wijzig{display:none}}.widget-rij .afkappen{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.hoofddag .dagkeuze button{white-space:nowrap}@container (width<=660px){.hoofddag .dagkeuze button .gedempt{display:none}}.venster.vi-venster .venster-vlak{width:min(720px,94vw)}.vi-raster{grid-template-columns:180px minmax(0,1fr);gap:20px;min-height:340px;display:grid}.vi-nav{align-content:start;gap:1px;display:grid}.vi-nav .nav-item{font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;gap:10px;height:36px}.vi-nav .nav-item.actief{background:var(--accent);color:var(--op-accent)}.vi-nav .tegel{border-radius:7px;width:24px;height:24px}.vi-inhoud{align-self:start;min-width:0}.vi-tekst{gap:2px;min-width:0;display:grid}.vi-uitleg{color:var(--muted);font-size:12px;font-weight:400;line-height:1.35}.vi-onder-kop{margin:-2px 0 10px 4px}.vi-groep+.vi-groep{margin-top:20px}.lijstregel.vi-onder{flex-direction:column;align-items:flex-start;padding-top:10px;padding-bottom:12px}.vi-keuze{width:auto;min-width:130px}.vi-nieuw{flex:1;min-width:0}@media (width<=600px){.vi-raster{grid-template-columns:minmax(0,1fr);min-height:0}.vi-nav{scrollbar-width:none;display:flex;overflow-x:auto}.vi-nav .nav-item{flex-shrink:0}}.bus-tabs{margin:-6px 0 18px}.bus-werkbalk{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:14px;display:flex}.bus-werkbalk .werkbalk{margin:0}.bus-werkbalk>.bus-filter:only-child{margin-left:auto}.bus-periode{margin-left:6px;font-size:15px;font-weight:600}.bus-filter{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.bus-filter>.knop{color:var(--ink)}.bus-filter .menu-item{white-space:nowrap}.bus-legenda{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:12px;display:flex}.bus-legenda span{align-items:center;gap:6px;display:inline-flex}.legenda-voorlopig{border-top:2px dashed var(--t-oranje);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--t-oranje) 30%, transparent) 0 3px, transparent 3px 6px);border-radius:2px;width:14px;height:10px}.melding-knoppen{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.melding-rechts{align-items:center;gap:4px;display:inline-flex}.melding-icoon{color:var(--muted)}.melding.ongelezen .feed-citaat{font-weight:600}.melding.ongelezen .melding-icoon{color:var(--accent)}.bus-kalender.met-datum{--naam:330px}