@import"https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,700&f[]=cabinet-grotesk@700,800&display=swap";.inlog{--ta-bg: #f4f6f9;--ta-surface: #fff;--ta-border: #e2e6ed;--ta-border2: #d0d5de;--ta-text: #0f1623;--ta-text2: #445066;--ta-muted: #8892a4;--ta-accent: #007D80;--ta-accent2: #38A3A3;--ta-error: #dc2626;--ta-error-bg: #fef2f2;--ta-r: 14px;--ta-r-sm: 8px;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:15px;line-height:1.5;color:var(--ta-text);background:var(--ta-bg)}.inlog *,.inlog *:before,.inlog *:after{box-sizing:border-box}.inlog:before,.inlog:after{content:"";position:absolute;pointer-events:none;filter:blur(90px);z-index:0}.inlog-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:1;display:flex;align-items:center;justify-content:center;padding:1.5rem}.inlog:before{top:-15%;left:-10%;width:640px;height:640px;background:radial-gradient(circle,rgba(0,125,128,.08) 0%,transparent 70%)}.inlog:after{bottom:-15%;right:-10%;width:580px;height:580px;background:radial-gradient(circle,rgba(56,163,163,.06) 0%,transparent 70%)}.inlog-wrap{width:100%;max-width:400px;position:relative;z-index:1}.inlog-wrap--breed{max-width:440px}.inlog-kop{display:flex;flex-direction:column;align-items:center;gap:.375rem;margin-bottom:1.75rem}.inlog-tagline{font-size:.75rem;color:var(--ta-muted);letter-spacing:.1em;text-transform:uppercase}.inlog-kaart{background:var(--ta-surface);border:1px solid var(--ta-border);border-radius:var(--ta-r);padding:2rem;box-shadow:0 4px 24px #0000000f;animation:inlog-in .22s ease-out}@keyframes inlog-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.inlog-titel{margin:0 0 .5rem;font-size:1.05rem;font-weight:700;color:var(--ta-text)}.inlog-sub{margin:0 0 1.25rem;font-size:.86rem;color:var(--ta-text2);line-height:1.55}.inlog-groep{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.inlog-label{font-size:.82rem;font-weight:600;color:var(--ta-text2)}.inlog-invoer-wrap{position:relative}.inlog-invoer{width:100%;padding:.6rem .875rem;font-size:.9rem;font-family:inherit;color:var(--ta-text);background:#fff;border:1px solid var(--ta-border2);border-radius:var(--ta-r-sm);outline:none;transition:border-color .15s,box-shadow .15s}.inlog-invoer::placeholder{color:var(--ta-muted)}.inlog-invoer:focus{border-color:var(--ta-accent);box-shadow:0 0 0 3px #007d801f}.inlog-invoer.met-oog{padding-right:2.75rem}.inlog-invoer.fout{border-color:var(--ta-error)}.inlog-invoer.code{font-size:1.1rem;text-align:center;letter-spacing:.35em}.inlog-oog{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;color:var(--ta-muted);display:flex;align-items:center;line-height:1}.inlog-oog:hover{color:var(--ta-text2)}.inlog-veldfout{font-size:.775rem;color:var(--ta-error);min-height:1rem}.inlog-hint{font-size:.775rem;color:var(--ta-muted)}.inlog-melding{display:flex;align-items:flex-start;gap:.5rem;padding:.7rem .875rem;border-radius:var(--ta-r-sm);font-size:.845rem;line-height:1.45;margin-bottom:1rem}.inlog-melding--fout{background:var(--ta-error-bg);color:#991b1b;border:1px solid #fecaca}.inlog-melding--let-op{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.inlog-melding--info{background:#f0fdfa;color:#0d9488;border:1px solid #99f6e4}.inlog-knop{width:100%;margin-top:.375rem;padding:.7rem;font-size:.9rem;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(135deg,var(--ta-accent),var(--ta-accent2));border:none;border-radius:var(--ta-r-sm);cursor:pointer;box-shadow:0 2px 14px #007d8047;transition:opacity .15s,transform .12s;display:flex;align-items:center;justify-content:center;gap:.5rem}.inlog-knop:hover:not(:disabled){opacity:.88;transform:scale(1.008)}.inlog-knop:disabled{opacity:.6;cursor:not-allowed;transform:none}.inlog-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:inlog-draai .6s linear infinite;flex-shrink:0}@keyframes inlog-draai{to{transform:rotate(360deg)}}.inlog-voet{margin-top:1.25rem;text-align:center}.inlog-link{background:none;border:none;font-size:.82rem;color:var(--ta-muted);cursor:pointer;font-family:inherit;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.inlog-link:hover{color:var(--ta-accent)}.inlog-stap{display:flex;gap:.6rem;margin-bottom:1rem;align-items:flex-start}.inlog-stapnr{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#007d801a;color:var(--ta-accent);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.inlog-staptekst{font-size:.86rem;color:var(--ta-text2);line-height:1.5}.inlog-qr{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:1rem 0 1.25rem}.inlog-qr img{width:200px;height:200px;border:1px solid var(--ta-border);border-radius:var(--ta-r-sm);background:#fff}.inlog-sleutel-lbl{font-size:.72rem;color:var(--ta-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem;text-align:center}.inlog-sleutel{font-family:Consolas,Monaco,monospace;font-size:.84rem;color:var(--ta-text);background:#f0f2f5;border:1px solid var(--ta-border);border-radius:6px;padding:.4rem .7rem;letter-spacing:.03em;text-align:center;white-space:nowrap;overflow-x:auto;-webkit-user-select:all;user-select:all}.inlog-voortgang{display:flex;justify-content:center;gap:.4rem;margin-bottom:1.25rem}.inlog-voortgang span{width:28px;height:4px;border-radius:2px;background:var(--ta-border)}.inlog-voortgang span.klaar{background:var(--ta-accent2)}.inlog-voortgang span.nu{background:var(--ta-accent)}@media (max-width: 480px){.inlog-kaart{padding:1.5rem}}@media (prefers-reduced-motion: reduce){.inlog-kaart{animation:none}.inlog-knop{transition:none}}:root{--font-body: "Satoshi", system-ui, sans-serif;--font-display: "Cabinet Grotesk", "Satoshi", sans-serif;--font-mono: ui-monospace, "Fira Code", Consolas, monospace;--text-xs: clamp(.6875rem, .65rem + .2vw, .75rem);--text-sm: clamp(.8125rem, .78rem + .2vw, .875rem);--text-base: clamp(.9375rem, .9rem + .2vw, 1rem);--text-lg: clamp(1.0625rem, 1rem + .3vw, 1.125rem);--text-xl: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-32: 128px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--radius-full: 9999px;--transition-interactive: .18s cubic-bezier(.16, 1, .3, 1);--transition-fast: .1s ease;--content-wide: 1400px;color-scheme:light;--color-bg: oklch(.96 .004 240);--color-surface: oklch(1 0 0);--color-surface-2: oklch(.95 .004 240);--color-surface-offset: oklch(.93 .005 240);--color-text: oklch(.18 .012 240);--color-text-muted: oklch(.44 .01 240);--color-text-faint: oklch(.64 .008 240);--color-primary: oklch(.52 .16 185);--color-primary-hover: oklch(.46 .16 185);--color-primary-active: oklch(.42 .16 185);--color-primary-highlight: oklch(.52 .16 185 / .1);--color-primary-subtle: oklch(.52 .16 185 / .06);--color-success: oklch(.48 .17 145);--color-success-highlight: oklch(.88 .08 145 / .45);--color-warning: oklch(.52 .15 65);--color-warning-highlight: oklch(.92 .1 65 / .5);--color-error: oklch(.5 .22 25);--color-error-highlight: oklch(.92 .1 25 / .45);--color-border: oklch(.18 .012 240 / .1);--color-border-strong: oklch(.18 .012 240 / .18);--shadow-sm: 0 1px 3px oklch(.18 .012 240 / .08), 0 1px 2px oklch(.18 .012 240 / .04);--shadow-md: 0 4px 12px oklch(.18 .012 240 / .12), 0 2px 4px oklch(.18 .012 240 / .06);--shadow-lg: 0 8px 32px oklch(.18 .012 240 / .18);--s-groen-row-bg: oklch(.9 .08 145 / .3);--s-groen-border: oklch(.55 .14 145 / .45);--s-groen-chip-bg: oklch(.9 .1 145 / .45);--s-groen-chip-text: oklch(.3 .13 145);--s-rood-row-bg: oklch(.92 .07 25 / .3);--s-rood-border: oklch(.58 .18 25 / .4);--s-rood-chip-bg: oklch(.92 .1 25 / .45);--s-rood-chip-text: oklch(.35 .18 25);--s-oranje-row-bg: oklch(.93 .09 65 / .3);--s-oranje-border: oklch(.58 .13 65 / .4);--s-oranje-chip-bg: oklch(.92 .12 65 / .45);--s-oranje-chip-text: oklch(.38 .14 65);--s-blauw-row-bg: oklch(.9 .06 240 / .3);--s-blauw-border: oklch(.55 .1 240 / .4);--s-blauw-chip-bg: oklch(.88 .08 240 / .45);--s-blauw-chip-text: oklch(.3 .1 240);--s-grijs-row-bg: oklch(.88 0 0 / .4);--s-grijs-border: oklch(.62 0 0 / .3);--s-grijs-chip-bg: oklch(.88 0 0 / .6);--s-grijs-chip-text: oklch(.38 0 0);--s-onbekend-row-bg: oklch(.88 .1 25 / .25);--s-onbekend-border: oklch(.5 .18 25 / .4);--s-onbekend-chip-bg: oklch(.88 .12 25 / .45);--s-onbekend-chip-text: oklch(.3 .16 25);--s-nastuur-chip-bg: oklch(.92 .12 65 / .45);--s-nastuur-chip-text: oklch(.38 .14 65);--s-warm-chip-bg: oklch(.55 .17 45);--s-warm-chip-text: oklch(.99 .01 45)}[data-theme=dark]{color-scheme:dark;--color-bg: oklch(.115 .008 240);--color-surface: oklch(.148 .009 240);--color-surface-2: oklch(.168 .009 240);--color-surface-offset: oklch(.135 .009 240);--color-text: oklch(.88 .008 240);--color-text-muted: oklch(.62 .008 240);--color-text-faint: oklch(.4 .008 240);--color-primary: oklch(.75 .14 185);--color-primary-hover: oklch(.8 .14 185);--color-primary-active: oklch(.7 .14 185);--color-primary-highlight: oklch(.75 .14 185 / .12);--color-primary-subtle: oklch(.75 .14 185 / .07);--color-success: oklch(.72 .16 145);--color-success-highlight: oklch(.72 .16 145 / .14);--color-warning: oklch(.76 .15 65);--color-warning-highlight: oklch(.76 .15 65 / .14);--color-error: oklch(.65 .2 25);--color-error-highlight: oklch(.65 .2 25 / .14);--color-border: oklch(.88 .008 240 / .08);--color-border-strong: oklch(.88 .008 240 / .15);--shadow-sm: 0 1px 3px oklch(0 0 0 / .35), 0 1px 2px oklch(0 0 0 / .2);--shadow-md: 0 4px 12px oklch(0 0 0 / .5), 0 2px 4px oklch(0 0 0 / .28);--shadow-lg: 0 8px 32px oklch(0 0 0 / .6);--s-groen-row-bg: oklch(.72 .16 145 / .09);--s-groen-border: oklch(.72 .16 145 / .45);--s-groen-chip-bg: oklch(.25 .08 145);--s-groen-chip-text: oklch(.86 .13 145);--s-rood-row-bg: oklch(.65 .2 25 / .09);--s-rood-border: oklch(.65 .2 25 / .45);--s-rood-chip-bg: oklch(.22 .08 25);--s-rood-chip-text: oklch(.82 .13 25);--s-oranje-row-bg: oklch(.76 .15 65 / .09);--s-oranje-border: oklch(.76 .15 65 / .45);--s-oranje-chip-bg: oklch(.26 .09 65);--s-oranje-chip-text: oklch(.88 .14 65);--s-blauw-row-bg: oklch(.65 .12 240 / .09);--s-blauw-border: oklch(.65 .12 240 / .4);--s-blauw-chip-bg: oklch(.22 .07 240);--s-blauw-chip-text: oklch(.78 .1 240);--s-grijs-row-bg: oklch(.5 0 0 / .08);--s-grijs-border: oklch(.5 0 0 / .3);--s-grijs-chip-bg: oklch(.22 0 0);--s-grijs-chip-text: oklch(.68 0 0);--s-onbekend-row-bg: oklch(.3 .12 25 / .12);--s-onbekend-border: oklch(.55 .18 25 / .45);--s-onbekend-chip-bg: oklch(.26 .14 25);--s-onbekend-chip-text: oklch(.9 .06 25);--s-nastuur-chip-bg: oklch(.28 .1 65);--s-nastuur-chip-text: oklch(.88 .14 65);--s-warm-chip-bg: oklch(.72 .15 50);--s-warm-chip-text: oklch(.17 .04 50)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);margin:0 0 var(--space-3)}h1{font-size:var(--text-xl);letter-spacing:-.015em}h2{font-size:var(--text-lg);letter-spacing:-.01em}.paneel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.knop{font:inherit;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-primary-highlight);background:var(--color-surface-2);color:var(--color-text);cursor:pointer;transform:translateY(0) scale(1);transition:background-color var(--transition-interactive),border-color var(--transition-interactive),color var(--transition-interactive),transform var(--transition-interactive),box-shadow var(--transition-interactive)}.knop:hover{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary-active)}.knop:active{transform:scale(.99)}.knop:focus-visible,.veld:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.knop:disabled,.knop[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.knop--primair{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface);box-shadow:var(--shadow-sm)}.knop--primair:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-surface);transform:translateY(-1px);box-shadow:var(--shadow-md)}.knop--primair:active{transform:translateY(0) scale(.99);box-shadow:var(--shadow-sm)}.knop--stil{background:transparent;border-color:transparent;color:var(--color-primary)}.knop--stil:hover{background:var(--color-primary-subtle);border-color:transparent;color:var(--color-primary-active)}.knop--gevaar{border-color:var(--color-error);color:var(--color-error)}.knop--gevaar:hover{background:var(--color-error-highlight);border-color:var(--color-error);color:var(--color-error)}.rij-acties{display:flex;gap:var(--space-2);align-items:center;justify-content:flex-end}.knop--klein{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.nav-tab{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);color:var(--color-text-muted);text-decoration:none;transition:background-color var(--transition-interactive),color var(--transition-interactive)}.nav-tab:hover{background:var(--color-primary-subtle);color:var(--color-primary-active)}.nav-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nav-tab[aria-current=page]{background:var(--color-primary-highlight);color:var(--color-primary-active);font-weight:600}.chip{display:inline-block;padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);border:1px solid transparent}.tabel{width:100%;border-collapse:collapse}.tabel th,.tabel td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.tabel tbody tr:hover{background:var(--color-primary-subtle)}.tabel--klikbaar tbody tr:hover{cursor:pointer}.gedempt{color:var(--color-text-muted)}.klein{font-size:var(--text-sm)}.veld{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-primary-highlight);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-interactive),box-shadow var(--transition-interactive)}.veld:hover{border-color:var(--color-primary)}.veld:focus-visible{border-color:var(--color-primary)}.veld:disabled{opacity:.5;cursor:not-allowed}.app-hd{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.app-logo{display:block;height:26px;width:auto;flex-shrink:0}.app-hd-scheiding{width:1px;align-self:stretch;min-height:22px;background:var(--color-border-strong)}.app-nav{display:flex;gap:var(--space-1)}.app-hd-context{margin-left:auto;color:var(--color-text-faint);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.route-vlak{animation:opkomst .28s cubic-bezier(.16,1,.3,1) both}@keyframes opkomst{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.spinner{display:inline-block;width:var(--spinner-maat, 16px);height:var(--spinner-maat, 16px);border-radius:var(--radius-full);border:2px solid var(--color-primary-highlight);border-top-color:var(--color-primary);animation:draai .64s linear infinite;vertical-align:-.15em}@keyframes draai{to{transform:rotate(1turn)}}.laadvlak{display:grid;place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-8)}.skelet{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-offset) 37%,var(--color-surface-2) 63%);background-size:400% 100%;animation:glans 1.4s ease infinite}@keyframes glans{0%{background-position:100% 50%}to{background-position:0 50%}}.skelet-rij .skelet{animation-delay:var(--vertraging, 0ms)}.verversbalk{display:block;height:2px;border-radius:var(--radius-full);background:var(--color-primary);opacity:0;transform-origin:left;transition:opacity var(--transition-interactive)}.verversbalk.is-actief{opacity:1;animation:schuif 1.1s cubic-bezier(.65,0,.35,1) infinite}@keyframes schuif{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.knop .spinner{margin-right:var(--space-2)}.kpi-rij{display:grid;grid-template-columns:repeat(var(--kolommen, 4),minmax(0,1fr));gap:var(--space-4)}@media (max-width: 900px){.kpi-rij{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{padding:var(--space-4) var(--space-5);display:grid;gap:var(--space-1);align-content:start;transition:border-color var(--transition-interactive),box-shadow var(--transition-interactive)}.kpi:hover{border-color:var(--color-primary-highlight);box-shadow:var(--shadow-md)}.kpi-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-waarde{font-family:var(--font-display);font-size:clamp(1.5rem,1.2rem + 1.1vw,2rem);font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.kpi--alarm .kpi-waarde{color:var(--color-error)}.kpi--alarm{border-color:var(--color-error-highlight)}.uitsplitsing{display:flex;flex-wrap:wrap;gap:var(--space-2)}.uitsplitsing-item{display:inline-flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text-muted)}.uitsplitsing-item b{font-family:var(--font-display);color:var(--color-text);font-variant-numeric:tabular-nums}.tabel thead th{position:sticky;top:0;z-index:1;background:var(--color-surface);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600;white-space:nowrap}.tabel td{font-variant-numeric:tabular-nums}.tabel tbody tr{transition:background-color var(--transition-fast)}.tabel tbody tr:last-child td{border-bottom:none}.tabel a{color:var(--color-primary-active);text-decoration-color:var(--color-primary-highlight)}.tabel a:hover{text-decoration-color:currentColor}:root{--actie-blauw: oklch(.55 .13 240);--actie-oranje: oklch(.66 .15 55);--actie-paars: oklch(.55 .15 300);--actie-groen: oklch(.58 .14 145)}.actiekeuze{position:relative;display:inline-flex;gap:var(--space-1);padding:var(--space-1);max-width:100%;overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);scrollbar-width:none}.actiekeuze-pil{position:absolute;top:var(--space-1);bottom:var(--space-1);left:0;border-radius:var(--radius-md);background:var(--color-text);box-shadow:var(--shadow-sm)}.actiekeuze-pil.is-beweeglijk{transition:transform .32s cubic-bezier(.16,1,.3,1),width .32s cubic-bezier(.16,1,.3,1),background-color .32s cubic-bezier(.16,1,.3,1)}.actiekeuze-tegel{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font:inherit;font-weight:500;white-space:nowrap;cursor:pointer;transition:color var(--transition-interactive),background-color var(--transition-interactive)}.actiekeuze-tegel:not(.is-gekozen):hover{background:var(--color-primary-subtle);color:var(--color-text)}.actiekeuze-tegel:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.actiekeuze-tegel.is-gekozen{color:var(--color-surface);font-weight:600}.actiekeuze-tegel.is-leeg:not(.is-gekozen){color:var(--color-text-faint)}.actiekeuze-stip{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.actiekeuze-tegel.is-gekozen .actiekeuze-stip{background:var(--color-surface)!important}.actiekeuze-aantal{min-width:2.25ch;padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;line-height:1.4;text-align:center;font-variant-numeric:tabular-nums;transition:background-color var(--transition-interactive),color var(--transition-interactive)}.actiekeuze-tegel.is-gekozen .actiekeuze-aantal{background:#fff3;color:var(--color-surface)}.actiekeuze-tegel.is-leeg:not(.is-gekozen) .actiekeuze-aantal{color:var(--color-text-faint)}.cvl{font-size:var(--text-sm)}.cvl-bal{display:grid;gap:2px;margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-2);line-height:1.45}.cvl-bal strong{font-size:var(--text-base)}.cvl-bal--ons{background:var(--color-warning-highlight);border-color:transparent}.cvl-bal--ons strong{color:var(--color-warning)}.cvl-bal--klant{background:var(--color-primary-subtle);border-color:transparent}.cvl-bal--klant strong{color:var(--color-primary-active)}.cvl-melding{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.cvl-dag>h4{margin:var(--space-3) 0 var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.cvl-dag:first-of-type>h4{margin-top:0}.cvl-lijst{list-style:none;margin:0;padding:0}.cvl-moment{display:grid;grid-template-columns:2.75rem 1fr;gap:var(--space-3)}.cvl-tijd{padding-top:var(--space-2);text-align:right;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.cvl-inhoud{position:relative;min-width:0;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-left:1.5px solid var(--color-border-strong)}.cvl-inhoud:before{content:"";position:absolute;left:-5.5px;top:calc(var(--space-2) + 4px);width:8px;height:8px;border-radius:var(--radius-full);border:1.5px solid var(--color-text-faint);background:var(--color-surface)}.cvl-moment--klant .cvl-inhoud{background:var(--color-primary-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0}.cvl-moment--klant .cvl-inhoud:before,.cvl-moment--beiden .cvl-inhoud:before{border-color:var(--color-primary);background:var(--color-primary)}.cvl-moment.is-bal .cvl-inhoud:before{box-shadow:0 0 0 3px var(--color-primary-highlight)}.cvl-moment.is-letop .cvl-inhoud:before{border-color:var(--color-error);background:var(--color-surface)}.cvl-kop{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.cvl-kanaal{font-weight:600;letter-spacing:.02em;color:var(--color-text-muted)}.cvl-kanaal--whatsapp{color:var(--color-success)}.cvl-kanaal--mail{color:var(--color-primary-active)}.cvl-kanaal--bellen{color:var(--color-text)}.cvl-kanaal--notitie{color:var(--color-warning)}.cvl-wie{font-weight:600;color:var(--color-text)}.cvl-status:before{content:"· "}.cvl-moment.is-letop .cvl-status{color:var(--color-error);font-weight:600}.cvl-titel{margin-top:1px;font-weight:600;overflow-wrap:anywhere}.cvl-tekst{margin-top:2px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere;max-width:70ch}.cvl-meer,.cvl-ouder{border:0;padding:0;background:none;cursor:pointer;font:inherit;font-size:var(--text-xs);font-weight:600;color:var(--color-primary-active)}.cvl-meer{display:block;margin-top:var(--space-1)}.cvl-ouder{margin:var(--space-2) 0 0 calc(2.75rem + var(--space-3));padding:var(--space-1) 0}.cvl-meer:hover,.cvl-ouder:hover{text-decoration:underline}.cvl-meer:focus-visible,.cvl-ouder:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.cvl-afspraken{margin:var(--space-1) 0 0;padding-left:var(--space-5);line-height:1.5;max-width:70ch}.cv-notities{margin-top:var(--space-1)}.cv-notities>summary{cursor:pointer;color:var(--color-primary-active);font-size:var(--text-xs);font-weight:600}.cv-notities>div{margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-2);white-space:pre-line;max-width:70ch}.bronalarm{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid var(--s-oranje-border);border-left-width:4px;border-radius:var(--radius-md);background:var(--s-oranje-chip-bg);color:var(--s-oranje-chip-text);font-size:var(--text-sm);font-weight:600}.bronalarm a{color:inherit;white-space:nowrap}.bronalarm__regel{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.bronalarm__weg{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:400;text-decoration:underline;cursor:pointer}.melding{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:var(--space-4);max-width:calc(100vw - 2 * var(--space-4));padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:var(--color-text);color:var(--color-surface);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:melding-op .24s cubic-bezier(.16,1,.3,1) both}@keyframes melding-op{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.melding--fout{background:var(--color-error);color:#fcfcfc;max-width:min(640px,calc(100vw - 2 * var(--space-4)))}.melding-knop,.melding-sluit{font:inherit;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:var(--radius-md)}.melding-knop{padding:var(--space-1) var(--space-3);font-weight:700;color:#54ddce}.melding-knop:hover{background:#ffffff1a}.melding-sluit{padding:0 var(--space-2);font-size:var(--text-lg);line-height:1;opacity:.6}.melding-sluit:hover{opacity:1}.melding-knop:focus-visible,.melding-sluit:focus-visible{outline:2px solid oklch(.82 .12 185);outline-offset:2px}@media (prefers-reduced-motion: reduce){.knop,.veld,.nav-tab,.kpi,.tabel tbody tr,.actiekeuze-tegel,.actiekeuze-pil.is-beweeglijk{transition:none}.knop:hover,.knop:active,.knop--primair:hover,.knop--primair:active{transform:none}.route-vlak,.melding,.spinner,.skelet,.verversbalk.is-actief{animation:none}.skelet{background:var(--color-surface-2)}.verversbalk.is-actief{transform:scaleX(1)}}.inklap-kop{display:flex;align-items:center;gap:var(--space-2);width:100%;border:0;background:none;padding:var(--space-3) var(--space-4);font:inherit;color:inherit;text-align:left;cursor:pointer}.inklap-pijl{width:1em;flex:none}.inklap-kop:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--radius-sm)}.ctl{display:grid;gap:var(--space-6)}.ctl-tegels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.ctl-tegel{display:grid;gap:var(--space-2);align-content:start}.ctl-label{font-size:var(--text-sm);color:var(--color-text-muted)}.ctl-groot{font-family:var(--font-display);font-size:2.25rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.ctl-goed{color:var(--color-success)}.ctl-let-op{color:var(--color-warning)}.ctl-mis{color:var(--color-error)}.ctl-stapel{position:relative;display:flex;height:8px;border-radius:var(--radius-full);background:var(--color-surface-2);margin-top:var(--space-2)}.ctl-stapel i{display:block;height:100%}.ctl-stapel i:first-child{border-radius:var(--radius-full) 0 0 var(--radius-full)}.ctl-stapel i:nth-child(3){border-radius:0 var(--radius-full) var(--radius-full) 0}.ctl-goed-vlak{background:var(--color-success)}.ctl-let-op-vlak{background:var(--color-warning);opacity:.55}.ctl-mis-vlak{background:var(--color-error)}.ctl-doel{position:absolute;top:-5px;width:2px;height:18px;background:var(--color-text);transform:translate(-1px)}.ctl-werkbak{padding:0;overflow:hidden}.ctl-werkbak-kop{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-3)}.ctl-regel-blok{border-top:1px solid var(--color-border)}.ctl-regel{display:grid;grid-template-columns:5px 4.5rem 1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-3) var(--space-5) var(--space-3) 0}.ctl-streep{align-self:stretch;min-height:2.25rem}.ctl-streep--rood{background:var(--color-error)}.ctl-streep--oranje{background:var(--color-warning)}.ctl-aantal{font-family:var(--font-display);font-size:1.5rem;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.ctl-wat{display:grid}.ctl-wat span{font-size:var(--text-sm);color:var(--color-text-muted)}.ctl-leads{display:grid;gap:var(--space-2);padding:0 var(--space-5) var(--space-4) calc(4.5rem + var(--space-8))}.ctl-regel-leeg{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-5);color:var(--color-text-muted)}.ctl-in-orde{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-2);font-size:var(--text-sm);color:var(--color-text-muted)}.ctl-chip-goed{background:var(--s-groen-chip-bg);color:var(--s-groen-chip-text);font-weight:600}.ctl-chip-let-op{background:var(--s-oranje-chip-bg);color:var(--s-oranje-chip-text);font-weight:600;font-variant-numeric:tabular-nums}.ctl-chip-rustig{background:var(--s-grijs-chip-bg);color:var(--s-grijs-chip-text);font-variant-numeric:tabular-nums}.ctl-opschoon{display:grid;gap:var(--space-3);border-top:1px dashed var(--color-border-strong);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted)}.ctl-opschoon .ctl-leads{padding:0}.ctl-link{border:0;background:none;padding:0;font:inherit;color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.ctl-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.ctl-bellers td,.ctl-bellers th{font-variant-numeric:tabular-nums}.ctl-bellers .r{text-align:right}.ctl-lijn{display:block;overflow:visible}.ctl-lijn-nul{stroke:var(--color-border-strong);stroke-width:1}.ctl-lijn-vlak{fill:var(--color-primary-highlight)}.ctl-lijn-streep{fill:none;stroke:var(--color-primary);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.ctl-lijn-punt{fill:var(--color-primary)}.ctl-lijn-tekst{font-size:10px;fill:var(--color-text-muted);font-family:var(--font-body)}.ctl-lijn-tekst--zacht{fill:var(--color-text-faint)}@media (max-width: 640px){.ctl-regel{grid-template-columns:5px 3.5rem 1fr}.ctl-regel .knop{grid-column:3;justify-self:start}.ctl-leads{padding-left:var(--space-5)}}.ctl-bellers-kop{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ctl-periode{position:relative}.ctl-periode>summary{cursor:pointer;list-style:none;white-space:nowrap}.ctl-periode>summary::-webkit-details-marker{display:none}.ctl-periode-menu{position:absolute;right:0;z-index:20;margin-top:var(--space-1);padding:var(--space-2);display:grid;gap:2px;min-width:240px;box-shadow:var(--shadow-md)}.ctl-periode-optie{border:0;background:none;font:inherit;color:inherit;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer}.ctl-periode-optie:hover{background:var(--color-primary-subtle)}.ctl-periode-optie.is-gekozen{background:var(--color-primary-highlight);color:var(--color-primary-active);font-weight:600}.ctl-periode-optie:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.ctl-periode-eigen{display:grid;gap:var(--space-2);border-top:1px solid var(--color-border);margin-top:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-1)}.ctl-periode-eigen label{display:grid;gap:2px}.ctl-voorstel{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:var(--space-6);align-items:center}@media (max-width: 640px){.ctl-voorstel{grid-template-columns:1fr}}.ctl-voorstel-ander{background:var(--color-success);opacity:.45}.ctl-voorstel-eigen{background:var(--color-warning)}.ctl-legenda{display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--color-text-muted)}.ctl-legenda span{display:inline-flex;align-items:center;gap:var(--space-2)}.ctl-legenda i{display:inline-block;width:10px;height:10px;border-radius:2px}.ctl-legenda b{color:var(--color-text);font-variant-numeric:tabular-nums}.dubbel-achter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0d121659;display:grid;place-items:center;padding:var(--space-4)}.dubbel-venster{width:min(520px,100%);display:grid;gap:var(--space-3);box-shadow:var(--shadow-lg)}.dubbel-keuzes{display:grid;gap:var(--space-2)}.dubbel-keuze{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.dubbel-keuze:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-subtle)}.laden{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#f4f6f9;animation:laden-in .2s ease-out}.laden-rondje{width:22px;height:22px;border:2px solid rgba(0,125,128,.2);border-top-color:#007d80;border-radius:50%;animation:laden-draai .7s linear infinite}.laden-tekst{font-size:.8rem;color:#8892a4;letter-spacing:.04em}@keyframes laden-draai{to{transform:rotate(360deg)}}@keyframes laden-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.laden-rondje{animation-duration:2s}}.bekijk-als{margin:0 0 var(--space-4);padding:.6rem .9rem;border-radius:8px;background:#fffbeb;color:#92400e;border:1px solid #fde68a;font-size:.85rem}