:root{--mw-veld: #002856;--mw-veld-2: #0a3a74;--mw-veld-gloed: rgba(255, 80, 0, .28);--mw-veld-verloop: linear-gradient(168deg, var(--mw-veld), var(--mw-veld-2) 62%, var(--mw-veld));--mw-achtergrond: var(--mw-veld-verloop);--mw-bg: #f4f5f7;--mw-vlak: #ffffff;--mw-merk-vlak: #ffffff;--mw-rand: #d3d9e2;--mw-rand-dikte: 1px;--mw-rand-zwaar: 1.5px;--mw-tekst: #1b1f24;--mw-zacht: #5a6472;--mw-accent: #002856;--mw-accent-tekst: #ffffff;--mw-keuze-vlak: #eef3fa;--mw-actie: #FF5000;--mw-actie-diep: #f26100;--mw-actie-tekst: #1b1f24;--mw-goed: #166534;--mw-goed-vlak: #f2f9f3;--mw-waarschuwing: #b45309;--mw-waarschuwing-tekst: #7a4a12;--mw-waarschuwing-vlak: #fdf3e7;--mw-waarschuwing-rand: #e0a86a;--mw-stop: #b23c17;--mw-stop-tekst: #ffffff;--mw-veld-goed: #6ee7a0;--mw-glas-tekst: #ffffff;--mw-glas-zacht: #b9c9de;--mw-glas-dekkend: #002856;--mw-datavlak: #0d1420;--mw-datavlak-rand: #354052;--mw-datavlak-tekst: #eef1f5;--mw-datavlak-zacht: #9aa5b4;--mw-foto-vlak: #0b1118;--mw-foto-tekst: #eef1f5;--mw-foto-rand: rgba(255, 255, 255, .18);--mw-glas-1-vlak: rgba(4, 30, 64, .62);--mw-glas-1-blur: 12px;--mw-glas-1-sat: 140%;--mw-glas-1-rand: rgba(255, 255, 255, .22);--mw-glas-1-licht: rgba(255, 255, 255, .24);--mw-glas-1-schaduw: 0 8px 24px rgba(0, 12, 30, .35);--mw-glas-2-vlak: rgba(4, 30, 64, .68);--mw-glas-2-blur: 16px;--mw-glas-2-sat: 140%;--mw-glas-2-rand: rgba(255, 255, 255, .24);--mw-glas-2-licht: rgba(255, 255, 255, .28);--mw-glas-2-schaduw: 0 16px 40px rgba(0, 12, 30, .45);--mw-blad-sluier: rgba(2, 22, 48, .72);--mw-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mw-t-cijfer-groot: 750 56px/1;--mw-t-cijfer: 750 32px/1.05;--mw-t-kop: 700 22px/1.2;--mw-t-titel: 650 17px/1.3;--mw-t-basis: 400 16px/1.45;--mw-t-sub: 400 14px/1.4;--mw-t-meta: 400 13px/1.35;--mw-t-rijtitel: 600 14.5px/1.3;--mw-t-label-klein: 700 12px/1;--mw-label-klein-spatie: .04em;--mw-t-knop-primair: 600 17px/1.2;--mw-t-knop: 600 15px/1.2;--mw-t-knop-klein: 600 13.5px/1.2;--mw-t-pil: 600 13px/1.2;--mw-r1: 4px;--mw-r2: 8px;--mw-r3: 12px;--mw-r4: 16px;--mw-r5: 24px;--mw-r6: 32px;--mw-radius-knop: 8px;--mw-radius-kaart: 12px;--mw-radius-blad: 18px;--mw-radius-pil: 999px;--mw-raak: 48px;--mw-raak-primair: 60px;--mw-raak-tekst: 48px;--mw-rij: 54px;--mw-disc: 30px;--mw-disc-klein: 24px;--mw-tab-vlak-actief: rgba(255, 255, 255, .1);--mw-tab-streep: 3px;--mw-glas-composiet: #0a2e5d;--mw-schaduw-kaart: 0 2px 8px rgba(11, 26, 46, .08);--mw-schaduw-lopend: 0 4px 14px rgba(11, 26, 46, .14);--mw-duur-wissel: .12s;--mw-duur-blad: .24s;--mw-duur-vertrek: .42s;--mw-easing: cubic-bezier(.4, 0, .2, 1);--mw-veld-tekst: #ffffff;--mw-veld-zacht: #b9c9de;--mw-actie-uit: rgba(255, 80, 0, .22);--mw-actie-uit-rand: rgba(255, 80, 0, .5);--mw-rug: rgba(0, 10, 26, .45);--mw-glas-rand-sterk: rgba(255, 255, 255, .4)}@media(prefers-color-scheme:dark){:root:not([data-thema]){--mw-veld: #001330;--mw-veld-2: #002856;--mw-veld-gloed: rgba(255, 80, 0, .18);--mw-bg: #14171c;--mw-vlak: #1c2430;--mw-rand: #354052;--mw-tekst: #eef1f5;--mw-zacht: #9aa5b4;--mw-accent: #9fc0f0;--mw-accent-tekst: #0d1420;--mw-keuze-vlak: #1f2c42;--mw-goed: #6ee7a0;--mw-goed-vlak: #14251a;--mw-waarschuwing: #f0b45e;--mw-waarschuwing-tekst: #f5d9ae;--mw-waarschuwing-vlak: #2a1f0e;--mw-waarschuwing-rand: #7a5a2a;--mw-stop: #e0693f;--mw-stop-tekst: #1b1f24;--mw-glas-1-vlak: rgba(2, 16, 36, .66);--mw-glas-1-rand: rgba(255, 255, 255, .14);--mw-glas-2-vlak: rgba(2, 16, 36, .72);--mw-glas-2-rand: rgba(255, 255, 255, .16);--mw-blad-sluier: rgba(2, 12, 30, .76);--mw-tab-vlak-actief: rgba(255, 255, 255, .08);--mw-glas-composiet: #0a1a34;--mw-schaduw-kaart: 0 2px 8px rgba(0, 4, 12, .4);--mw-schaduw-lopend: 0 4px 14px rgba(0, 4, 12, .5)}}[data-thema=donker]{--mw-veld: #001330;--mw-veld-2: #002856;--mw-veld-gloed: rgba(255, 80, 0, .18);--mw-bg: #14171c;--mw-vlak: #1c2430;--mw-rand: #354052;--mw-tekst: #eef1f5;--mw-zacht: #9aa5b4;--mw-accent: #9fc0f0;--mw-accent-tekst: #0d1420;--mw-keuze-vlak: #1f2c42;--mw-goed: #6ee7a0;--mw-goed-vlak: #14251a;--mw-waarschuwing: #f0b45e;--mw-waarschuwing-tekst: #f5d9ae;--mw-waarschuwing-vlak: #2a1f0e;--mw-waarschuwing-rand: #7a5a2a;--mw-stop: #e0693f;--mw-stop-tekst: #1b1f24;--mw-glas-1-vlak: rgba(2, 16, 36, .66);--mw-glas-1-rand: rgba(255, 255, 255, .14);--mw-glas-2-vlak: rgba(2, 16, 36, .72);--mw-glas-2-rand: rgba(255, 255, 255, .16);--mw-blad-sluier: rgba(2, 12, 30, .76);--mw-tab-vlak-actief: rgba(255, 255, 255, .08);--mw-glas-composiet: #0a1a34;--mw-schaduw-kaart: 0 2px 8px rgba(0, 4, 12, .4);--mw-schaduw-lopend: 0 4px 14px rgba(0, 4, 12, .5)}[data-thema=zon]{--mw-veld: #002856;--mw-veld-2: #002856;--mw-veld-gloed: transparent;--mw-achtergrond: var(--mw-bg);--mw-bg: #f4f5f7;--mw-vlak: #ffffff;--mw-rand: #454e5c;--mw-rand-dikte: 1.5px;--mw-rand-zwaar: 2px;--mw-tekst: #1b1f24;--mw-zacht: #454e5c;--mw-accent: #002856;--mw-accent-tekst: #ffffff;--mw-keuze-vlak: #eef3fa;--mw-actie: #FF5000;--mw-actie-diep: #f26100;--mw-actie-tekst: #1b1f24;--mw-goed: #166534;--mw-goed-vlak: #f2f9f3;--mw-waarschuwing: #b45309;--mw-waarschuwing-tekst: #7a4a12;--mw-waarschuwing-vlak: #fdf3e7;--mw-waarschuwing-rand: #7a4a12;--mw-stop: #b23c17;--mw-stop-tekst: #ffffff;--mw-veld-goed: #166534;--mw-glas-tekst: #ffffff;--mw-glas-zacht: #ffffff;--mw-glas-dekkend: #002856;--mw-datavlak: #ffffff;--mw-datavlak-rand: #454e5c;--mw-datavlak-tekst: #1b1f24;--mw-datavlak-zacht: #454e5c;--mw-glas-1-vlak: var(--mw-glas-dekkend);--mw-glas-1-blur: 0px;--mw-glas-1-rand: transparent;--mw-glas-1-licht: transparent;--mw-glas-1-schaduw: none;--mw-glas-2-vlak: var(--mw-glas-dekkend);--mw-glas-2-blur: 0px;--mw-glas-2-rand: transparent;--mw-glas-2-licht: transparent;--mw-glas-2-schaduw: none;--mw-blad-sluier: var(--mw-glas-dekkend);--mw-tab-vlak-actief: rgba(255, 255, 255, .14);--mw-glas-composiet: #002856;--mw-schaduw-kaart: none;--mw-schaduw-lopend: none;--mw-t-kop: 750 22px/1.2;--mw-t-titel: 750 17px/1.3;--mw-t-basis: 500 16px/1.45;--mw-t-sub: 600 14px/1.4;--mw-t-meta: 600 13px/1.35;--mw-t-rijtitel: 700 14.5px/1.3;--mw-t-knop-primair: 700 17px/1.2;--mw-t-knop: 700 15px/1.2;--mw-t-knop-klein: 700 13.5px/1.2;--mw-t-pil: 700 13px/1.2;--mw-veld-tekst: var(--mw-tekst);--mw-veld-zacht: #454e5c}@media(prefers-reduced-transparency:reduce){:root,[data-thema]{--mw-glas-1-vlak: var(--mw-glas-dekkend);--mw-glas-1-blur: 0px;--mw-glas-2-vlak: var(--mw-glas-dekkend);--mw-glas-2-blur: 0px;--mw-blad-sluier: var(--mw-glas-dekkend);--mw-glas-zacht: #b9c9de}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root,[data-thema]{--mw-glas-1-vlak: var(--mw-glas-dekkend);--mw-glas-2-vlak: var(--mw-glas-dekkend);--mw-blad-sluier: var(--mw-glas-dekkend)}}@media print{:root,[data-thema]{--mw-glas-1-vlak: var(--mw-glas-dekkend);--mw-glas-1-blur: 0px;--mw-glas-1-schaduw: none;--mw-glas-2-vlak: var(--mw-glas-dekkend);--mw-glas-2-blur: 0px;--mw-glas-2-schaduw: none;--mw-blad-sluier: var(--mw-glas-dekkend)}}.mw-glas-1{background:var(--mw-glas-1-vlak);-webkit-backdrop-filter:blur(var(--mw-glas-1-blur)) saturate(var(--mw-glas-1-sat));backdrop-filter:blur(var(--mw-glas-1-blur)) saturate(var(--mw-glas-1-sat));border:var(--mw-rand-dikte) solid var(--mw-glas-1-rand);box-shadow:inset 0 1px 0 var(--mw-glas-1-licht),var(--mw-glas-1-schaduw);color:var(--mw-glas-tekst)}.mw-glas-2{background:var(--mw-glas-2-vlak);-webkit-backdrop-filter:blur(var(--mw-glas-2-blur)) saturate(var(--mw-glas-2-sat));backdrop-filter:blur(var(--mw-glas-2-blur)) saturate(var(--mw-glas-2-sat));border:var(--mw-rand-dikte) solid var(--mw-glas-2-rand);box-shadow:inset 0 1px 0 var(--mw-glas-2-licht),var(--mw-glas-2-schaduw);color:var(--mw-glas-tekst)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--mw-bg);color:var(--mw-tekst);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-text-size-adjust:100%;touch-action:manipulation}a{color:var(--mw-accent)}.mw-veld{background:radial-gradient(90% 55% at 85% -8%,var(--mw-veld-gloed),transparent 60%),var(--mw-achtergrond)}button,a.knop,label.knop{font:inherit;min-height:48px;border-radius:8px;border:1px solid var(--mw-rand);background:var(--mw-vlak);color:var(--mw-tekst);padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.afwijkend{font-weight:400;color:var(--mw-waarschuwing);font-size:.8rem}.mw-waarschuwblok{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;padding:10px 12px;border-radius:10px;font-size:.84rem;background:var(--mw-waarschuwing-vlak);border:1px solid var(--mw-waarschuwing-rand);color:var(--mw-waarschuwing-tekst)}.mw-waarschuwblok>span{flex:1;min-width:12ch}.mw-waarschuwblok>button{min-height:40px;padding:0 12px;font-size:.84rem;font-weight:600;background:var(--mw-vlak);border:1px solid var(--mw-waarschuwing-rand);color:var(--mw-waarschuwing-tekst)}.mw-waarschuwblok>button.sterk{border-width:2px;border-color:var(--mw-waarschuwing-tekst)}.mw-primair{min-height:60px;border:none;background:var(--mw-actie);color:var(--mw-actie-tekst);font-weight:600;font-size:17px}.mw-primair:active{background:var(--mw-actie-diep);transform:scale(.985)}.mw-primair:disabled{background:var(--mw-bg);border:1px solid var(--mw-rand);color:var(--mw-zacht)}:focus-visible{outline:3px solid var(--mw-accent);outline-offset:2px}.mw-gekozen{background:var(--mw-keuze-vlak);border:1.5px solid var(--mw-accent)}@keyframes mw-kaart-vouwt{0%{transform:translateY(0);opacity:1}27%{transform:translateY(0);opacity:1}to{transform:translateY(-16px);opacity:0}}@keyframes mw-teller-rolt{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.mw-kaart-af{animation:mw-kaart-vouwt var(--mw-duur-vertrek) var(--mw-easing) forwards;pointer-events:none;overflow:hidden}.mw-teller-nieuw{display:inline-block;animation:mw-teller-rolt .14s ease-out}@keyframes mw-blad-op{0%{transform:translateY(100%)}to{transform:translateY(0)}}.stopkop{display:flex;align-items:flex-start;gap:12px}.stoptekst{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.stoptekst strong{font-weight:650;font-size:1.06rem;line-height:1.25}.klant{font-size:.88rem;color:var(--mw-zacht)}.tijd{flex:none;white-space:nowrap;font-weight:600;font-size:.88rem;font-variant-numeric:tabular-nums}.adres{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 0 42px;color:var(--mw-zacht);font-size:.88rem}.paneelrug{position:fixed;inset:0;background:var(--mw-rug);z-index:20}.paneel{position:fixed;left:0;right:0;bottom:0;z-index:21;border-top:none;border-radius:18px 18px 0 0;padding:10px 16px 0;animation:mw-blad-op var(--mw-duur-blad) var(--mw-easing);display:flex;flex-direction:column;gap:12px;max-height:calc(100dvh - 34px);overflow-y:auto}.grijp{width:40px;height:4px;border-radius:2px;flex:none;background:var(--mw-glas-rand-sterk);margin:0 auto 4px;position:relative;touch-action:none;cursor:grab}.grijp:after{content:"";position:absolute;inset:-14px -30px}.paneel header{touch-action:none}.paneel header{display:flex;flex-direction:column}.paneel header span{font-size:.85rem;color:var(--mw-glas-zacht)}.paneel label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--mw-glas-tekst)}.paneel label.veldkaart{gap:6px;background:var(--mw-vlak);color:var(--mw-zacht);border-radius:14px;padding:12px 16px;font-weight:600;font-size:.84rem}.paneel label.veldkaart input,.paneel label.veldkaart select,.paneel label.veldkaart textarea{background:var(--mw-bg);color:var(--mw-tekst);font-weight:400;font-size:1rem;border:1.5px solid var(--mw-rand);border-radius:10px;min-height:48px}.paneel label.veldkaart .optioneel{color:var(--mw-zacht)}.paneel input,.paneel select,.paneel textarea{font:inherit;min-height:44px;padding:10px;border:1px solid var(--mw-rand);border-radius:8px;background:var(--mw-vlak);color:var(--mw-tekst)}.paneel textarea{min-height:72px}.optioneel{color:var(--mw-glas-zacht);font-weight:400}.paneel .hint{color:var(--mw-glas-zacht)}.paneelfout{margin:0;font-size:.85rem;padding:8px 12px;border-radius:10px;background:var(--mw-waarschuwing-vlak);border:1px solid var(--mw-waarschuwing-rand);color:var(--mw-waarschuwing-tekst)}.paneel footer{position:sticky;bottom:0;margin:0 -16px;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:var(--mw-glas-2-vlak);border-top:1px solid var(--mw-glas-1-rand)}.paneel footer:before{content:"";position:absolute;left:0;right:0;top:-28px;height:28px;background:linear-gradient(to bottom,transparent,var(--mw-blad-sluier));pointer-events:none}.paneel footer .mw-primair:disabled{background:var(--mw-actie-uit);border:1px solid var(--mw-actie-uit-rand);color:var(--mw-glas-tekst)}.paneel footer .knoppen>button:not(.mw-primair){background:transparent;border:1.5px solid var(--mw-glas-rand-sterk);color:var(--mw-glas-tekst)}.paneel footer .knoppen{display:flex;gap:8px}.paneel footer .knoppen>button{flex:1 1 0;min-height:60px;font-size:16px;font-weight:600}.paneel footer .knoppen>.mw-primair{flex:1.6 1 0}.paneel footer button{justify-content:center}.paneel footer .belet{margin:8px 0 0;text-align:center;font-size:.85rem;color:var(--mw-glas-zacht)}@media(prefers-reduced-motion:reduce){.mw-kaart-af{animation:none;opacity:0}.mw-teller-nieuw,.paneel{animation:none}}