@font-face{font-family:Avenir Next Pro;font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/AvenirNextLTPro-Light.woff2)format("woff2")}@font-face{font-family:Avenir Next Pro;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/AvenirNextLTPro-Regular.woff2)format("woff2")}@font-face{font-family:Avenir Next Pro;font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/AvenirNextLTPro-It.woff2)format("woff2")}@font-face{font-family:Avenir Next Pro;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/AvenirNextLTPro-Medium.woff2)format("woff2")}@font-face{font-family:Avenir Next Pro;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/AvenirNextLTPro-Demi.woff2)format("woff2")}@font-face{font-family:Avenir Next Pro;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/AvenirNextLTPro-Bold.woff2)format("woff2")}@font-face{font-family:Avenir Next Pro;font-weight:800;font-style:normal;font-display:swap;src:url(/fonts/AvenirNextLTPro-Heavy.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kx-geel:#e0c141;--kx-navy:#101820;--kx-zwart:#040f18;--kx-antraciet:#232222;--kx-grijs:#585f68;--kx-lichtgrijs-1:#f2f3f5;--kx-lichtgrijs-2:#f9f9fb;--kx-wit:#fff;--canvas:#07090c;--vlak:#0c0f13;--vlak-2:#11151a;--vlak-3:#181d23;--lijn:#ffffff12;--lijn-sterk:#ffffff24;--tekst:#e6e8eb;--tekst-2:#aeb3ba;--tekst-3:#7f858d;--accent:var(--kx-geel);--accent-tekst:var(--kx-zwart);--accent-zacht:#e0c14124;--glow:#e0c1412e;--glow-wit:#ffffff14;--ok:#4ade80;--let-op:#f59e0b;--font:"Avenir Next Pro", "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--tekst-xs:.8125rem;--tekst-s:.9375rem;--tekst-m:1.0625rem;--tekst-l:1.25rem;--kop-s:clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--kop-m:clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);--kop-l:clamp(2rem, 1.4rem + 2.2vw, 3.25rem);--kop-xl:clamp(2.5rem, 1.6rem + 3.6vw, 4.25rem);--tracking-kop:-.028em;--lijnhoogte-kop:1.05;--lijnhoogte-tekst:1.6;--r-1:.25rem;--r-2:.5rem;--r-3:.75rem;--r-4:1rem;--r-5:1.5rem;--r-6:2rem;--r-7:3rem;--r-8:4rem;--r-9:6rem;--r-10:8rem;--breedte:72rem;--breedte-tekst:42rem;--radius-s:6px;--radius:10px;--radius-l:16px;--radius-xl:24px;--schaduw-venster:0 0 0 1px #ffffff0f, inset 0 1px 0 #ffffff0f, 0 40px 100px -30px #000c;--overgang:.16s cubic-bezier(.2, 0, 0, 1)}[data-thema=licht]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:var(--kx-wit);--vlak:var(--kx-lichtgrijs-2);--vlak-2:var(--kx-lichtgrijs-1);--vlak-3:#e9ebee;--lijn:#040f1817;--lijn-sterk:#040f182e;--tekst:var(--kx-zwart);--tekst-2:#3a424b;--tekst-3:var(--kx-grijs);--accent-zacht:#e0c14138;--glow:#e0c14159;--schaduw-venster:0 0 0 1px var(--lijn), 0 30px 80px -30px #040f1840}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--canvas);color:var(--tekst);font-family:var(--font);font-size:var(--tekst-m);line-height:var(--lijnhoogte-tekst);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}img,svg,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}p{margin:0 0 var(--r-4)}h1,h2,h3,h4{letter-spacing:var(--tracking-kop);font-weight:600;line-height:var(--lijnhoogte-kop);text-wrap:balance;margin:0}h1{font-size:var(--kop-xl);font-weight:700}h2{font-size:var(--kop-l);font-weight:700}.kop-tweekleur span{color:var(--tekst-3);font-weight:600}h3{font-size:var(--kop-m)}h4{font-size:var(--kop-s);letter-spacing:-.01em}.tekst-2{color:var(--tekst-2)}.tekst-3{color:var(--tekst-3)}.lead{font-size:var(--tekst-l);color:var(--tekst-2);max-width:var(--breedte-tekst);text-wrap:pretty;line-height:1.5}.label{align-items:center;gap:var(--r-3);font-size:var(--tekst-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--tekst-3);font-weight:500;display:inline-flex}.label:before{content:"";background:var(--accent);opacity:.9;width:1.25rem;height:1px}.mono{font-family:var(--font-mono);font-size:var(--tekst-xs);color:var(--tekst-3)}.wrap{width:min(100% - 2 * var(--r-5), var(--breedte));margin-inline:auto}.sectie{padding-block:var(--r-9)}@media (min-width:60rem){.sectie{padding-block:var(--r-10)}}.sectie-kop{max-width:46rem;margin-bottom:var(--r-7)}.sectie-kop .label,.sectie-kop h2{margin-bottom:var(--r-4)}.hairline{border-top:1px solid var(--lijn)}.raster{background:var(--lijn);border:1px solid var(--lijn);border-radius:var(--radius-l);gap:1px;display:grid;overflow:hidden}.raster>*{background:var(--canvas);padding:var(--r-6)}.raster-3{grid-template-columns:1fr}@media (min-width:48rem){.raster-3{grid-template-columns:repeat(3,1fr)}}.raster-2{grid-template-columns:1fr}@media (min-width:48rem){.raster-2{grid-template-columns:repeat(2,1fr)}}.knop{height:36px;font:inherit;letter-spacing:-.01em;color:inherit;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:0 14px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:background .12s,color .12s,box-shadow .12s,border-color .12s,opacity .12s;display:inline-flex}.knop-klein{border-radius:6px;height:28px;padding:0 10px;font-size:12.5px}.knop-groot{height:42px;padding:0 18px;font-size:15px}.knop-ico{width:36px;padding:0}.knop-klein.knop-ico{width:28px}.knop:disabled,.knop[aria-disabled=true]{opacity:.45;pointer-events:none}.knop-primair{background:var(--accent);color:#17130a;box-shadow:inset 0 0 0 1px #0000001f,inset 0 1px #ffffff52,0 1px 1px #00000040}.knop-primair:hover{background:#e7c94e}.knop-primair:active{background:#d6b62f;box-shadow:inset 0 0 0 1px #0000002e,inset 0 1px 2px #00000026}.knop-secundair{color:var(--tekst);background:#ffffff0d;border-color:#ffffff17;box-shadow:inset 0 1px #ffffff0a}.knop-secundair:hover{background:#ffffff14;border-color:#ffffff24}.knop-secundair:active{background:#ffffff0a}[data-thema=licht] .knop-secundair{background:#fff;border-color:#040f1824;box-shadow:0 1px 2px #040f180f}[data-thema=licht] .knop-secundair:hover{background:var(--kx-lichtgrijs-2);border-color:#040f1838}.knop-tekst{color:var(--tekst-2);padding:0 10px}.knop-tekst:hover{color:var(--tekst);background:#ffffff0d}[data-thema=licht] .knop-tekst:hover{background:#040f180d}.knop .pijl{font-size:1.05em;line-height:1;transition:transform .16s cubic-bezier(.2,0,0,1)}.knop:hover .pijl{transform:translate(2px)}.knop .spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;animation:.8s linear infinite knop-draai}@keyframes knop-draai{to{transform:rotate(360deg)}}.segment{background:#ffffff0d;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:2px;padding:3px;display:inline-flex}[data-thema=licht] .segment{background:#040f180d;border-color:#040f1814}.segment>*{height:28px;color:var(--tekst-2);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;padding:0 12px;font-size:13px;font-weight:500;line-height:1;text-decoration:none;transition:background .12s,color .12s,box-shadow .12s;display:inline-flex}.segment>:hover{color:var(--tekst)}.segment>.actief{background:var(--vlak-3);color:var(--tekst);box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff0d}[data-thema=licht] .segment>.actief{background:#fff;box-shadow:0 1px 2px #040f181f}.segment>*>i{opacity:.5;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.segment>.actief>i{opacity:1}.segment>.let-op.actief>i{background:var(--let-op)}.segment>.bezig.actief>i{background:var(--accent)}.segment>.ok.actief>i{background:var(--ok)}.segment>.wacht.actief>i{background:var(--tekst-3)}.kaart{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--radius-l);padding:var(--r-6);transition:border-color var(--overgang), background var(--overgang)}.kaart:hover{border-color:var(--lijn-sterk)}.venster{background:linear-gradient(180deg, var(--vlak-2), var(--vlak));border-radius:var(--radius-l);box-shadow:var(--schaduw-venster);position:relative;overflow:hidden}.venster-balk{align-items:center;gap:var(--r-2);padding:var(--r-3) var(--r-4);border-bottom:1px solid var(--lijn);font-size:var(--tekst-xs);color:var(--tekst-3);display:flex}.venster-balk .stip{background:var(--lijn-sterk);border-radius:50%;width:8px;height:8px}.venster-inhoud{padding:var(--r-4)}.veld{gap:var(--r-2);display:grid}.veld label{font-size:var(--tekst-s);color:var(--tekst-2);font-weight:500}.veld input,.veld textarea{font:inherit;font-size:var(--tekst-s);color:var(--tekst);background:var(--vlak);border:1px solid var(--lijn-sterk);border-radius:var(--radius);transition:border-color var(--overgang), box-shadow var(--overgang);padding:.7rem .85rem}.veld input:focus,.veld textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht);outline:none}.veld textarea{resize:vertical;min-height:7rem}@media (prefers-reduced-motion:no-preference){.js:not(.stil) .reveal{opacity:0;transition:opacity .5s cubic-bezier(.2,0,0,1),transform .5s cubic-bezier(.2,0,0,1);transform:translateY(12px)}.js .reveal.zichtbaar{opacity:1;transform:none}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-s)}.visueel-verborgen{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.stift{white-space:nowrap;display:inline-block;position:relative}.stift svg{pointer-events:none;width:calc(100% + .08em);height:.32em;position:absolute;bottom:-.12em;left:-.04em;right:-.04em;overflow:visible}.stift svg path{fill:none;stroke:var(--accent);stroke-width:5px;stroke-linecap:round;opacity:.95}@media (prefers-reduced-motion:no-preference){.js:not(.stil) .stift svg path{stroke-dasharray:1 1.5;stroke-dashoffset:1.1px;transition:stroke-dashoffset .7s cubic-bezier(.2,0,0,1) .25s}.js .zichtbaar .stift svg path,.js .stift.zichtbaar svg path{stroke-dashoffset:0}}.stift-licht svg path{stroke-width:3.5px;opacity:.85}.foto{border-radius:var(--radius-l);box-shadow:var(--schaduw-venster);background:var(--vlak-2);position:relative;overflow:hidden}.foto img{object-fit:cover;width:100%;height:100%}.foto-scrim:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#040f18bf);position:absolute;inset:0}.foto-onderschrift{left:var(--r-4);right:var(--r-4);bottom:var(--r-4);font-size:var(--tekst-s);color:var(--tekst);z-index:1;position:absolute}.foto-onderschrift small{color:var(--tekst-2);font-size:var(--tekst-xs);display:block}.korrel:before{content:"";z-index:9999;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.lijn-vervaagd{background:linear-gradient(90deg, transparent, var(--lijn-sterk) 20%, var(--lijn-sterk) 80%, transparent);border:0;height:1px;margin:0}.frame{border-radius:var(--radius-l);background:linear-gradient(#13171c,#0b0e12) padding-box padding-box,linear-gradient(#ffffff2e,#ffffff0d 45%,#ffffff08) border-box;border:1px solid #0000;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 40px 100px -30px #000c}.frame-glow{position:relative}.frame-glow:before{content:"";z-index:-1;pointer-events:none;filter:blur(48px);background:radial-gradient(50% 60% at 50% 30%, var(--glow), transparent 70%);height:60%;position:absolute;inset:-12% -8% auto}.marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-baan{gap:var(--r-8);width:max-content;animation:48s linear infinite marquee;display:flex}.marquee:hover .marquee-baan{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-baan{animation:none}}.reveal-groep>*{transition-delay:calc(var(--i,0) * 70ms)}
.app{background:var(--canvas);min-height:100dvh;color:var(--tekst-2);font-size:var(--tekst-s);grid-template-columns:1fr;display:grid}@media (min-width:60rem){.app{grid-template-columns:14rem 1fr}}.app-zij{border-right:1px solid var(--lijn);padding:var(--r-4) var(--r-3);background:#ffffff04;flex-direction:column;height:100dvh;display:none;position:sticky;top:0;overflow-y:auto}@media (min-width:60rem){.app-zij{display:flex}}.app-merk{color:var(--tekst);font-weight:600;font-size:var(--tekst-s);align-items:center;gap:8px;margin:2px 6px 18px;display:flex}.app-merk i{background:var(--accent);border-radius:5px;width:18px;height:18px;display:inline-block}.app-merk small{color:var(--tekst-3);font-weight:400;font-size:var(--tekst-xs);margin-left:auto}.app-nav{gap:2px;display:grid}.app-nav a{justify-content:space-between;align-items:center;gap:var(--r-2);border-radius:var(--radius-s);color:var(--tekst-3);transition:background var(--overgang), color var(--overgang);padding:7px 8px;display:flex}.app-nav a:hover{color:var(--tekst);background:#ffffff09}.app-nav a.actief,.app-nav a[aria-current=page]{color:var(--tekst);background:#ffffff0f}.app-nav a b,.teller{font-weight:500;font-family:var(--font-mono);color:var(--tekst-3);background:#ffffff0f;border-radius:999px;padding:1px 6px;font-size:10px}.app-groep{letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-3);margin:16px 8px 6px;font-size:10px}.app-zij-voet{padding:var(--r-3) 8px 0;font-size:var(--tekst-xs);color:var(--tekst-3);border-top:1px solid var(--lijn);margin-top:auto}.app-zij-voet a{color:var(--tekst-2)}.app-mobiel{padding:var(--r-2) var(--r-3);border-bottom:1px solid var(--lijn);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.app-mobiel::-webkit-scrollbar{display:none}.app-mobiel a{white-space:nowrap;border-radius:var(--radius-s);color:var(--tekst-3);font-size:var(--tekst-xs);padding:6px 10px;font-weight:500}.app-mobiel a.actief{color:var(--tekst);background:#ffffff0f}.app-mobiel a b{margin-left:6px}@media (min-width:60rem){.app-mobiel{display:none}}.app-hoofd{flex-direction:column;min-width:0;display:flex}.app-balk{justify-content:space-between;align-items:center;gap:var(--r-3);padding:10px var(--r-5);border-bottom:1px solid var(--lijn);z-index:5;background:color-mix(in srgb, var(--canvas) 85%, transparent);-webkit-backdrop-filter:blur(12px);flex-wrap:wrap;display:flex;position:sticky;top:0}.app-balk h1{font-size:var(--tekst-m);color:var(--tekst);letter-spacing:-.01em;font-weight:600}.app-balk h1 span{color:var(--tekst-3);font-weight:400}.app-balk-acties{align-items:center;gap:var(--r-2);display:flex}.app-zoek{border:1px solid var(--lijn-sterk);border-radius:var(--radius-s);color:var(--tekst-3);font-size:var(--tekst-xs);background:0 0;align-items:center;gap:8px;min-width:12rem;padding:6px 10px;display:flex}@media (max-width:47.99rem){.app-balk-acties{flex:100%}.app-zoek{flex:1;min-width:0}}.app-zoek input,.app-zoek input[type=search]{box-shadow:none;color:var(--tekst);font:inherit;font-size:var(--tekst-xs);background:0 0;border:0;border-radius:0;outline:none;width:100%;min-width:0;padding:0}.app-zoek input:focus,.app-zoek input[type=search]:focus{box-shadow:none;border:0;outline:none}.app-zoek input::-webkit-search-decoration{-webkit-appearance:none}.app-zoek input::-webkit-search-cancel-button{-webkit-appearance:none}.app-zoek:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht);color:var(--tekst)}.app-zoek kbd{font-family:var(--font-mono);border:1px solid var(--lijn-sterk);border-radius:4px;margin-left:auto;padding:0 5px;font-size:10px}.app-inhoud{padding:var(--r-5);gap:var(--r-5);align-content:start;display:grid}.app-inhoud-smal{max-width:40rem}.kpi-raster{border:1px solid var(--lijn);border-radius:var(--radius-l);background:var(--vlak);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.kpi{border-right:1px solid var(--lijn);min-width:0;padding:14px 18px}.kpi:last-child{border-right:0}.kpi small{color:var(--tekst-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}.kpi strong{color:var(--tekst);letter-spacing:-.02em;font-size:1.5rem;font-weight:600;line-height:1.1}.kpi em{font-size:11px;font-style:normal;font-family:var(--font-mono);color:var(--tekst-3);margin-left:8px}.kpi em.goed{color:var(--ok)}.kpi em.slecht{color:var(--let-op)}@media (max-width:47.99rem){.kpi-raster{grid-template-columns:1fr}.kpi{border-right:0;border-bottom:1px solid var(--lijn)}.kpi:last-child{border-bottom:0}}.lijst{border:1px solid var(--lijn);border-radius:var(--radius-l);background:var(--vlak);overflow:hidden}.rij{border-bottom:1px solid var(--lijn);color:inherit;transition:background var(--overgang);grid-template-columns:3.5rem 1fr auto auto;align-items:center;gap:12px;padding:11px 16px;display:grid}.rij>*{min-width:0}.rij:last-child{border-bottom:0}a.rij:hover{background:#ffffff06}.rij-kop{color:var(--tekst-3);letter-spacing:.06em;text-transform:uppercase;background:#ffffff04;padding-block:8px;font-size:10px}.rij .tijd{font-family:var(--font-mono);color:var(--tekst-3);font-size:11px}.rij .naam{color:var(--tekst);font-weight:500}.rij .bron{color:var(--tekst-3);margin-left:6px}.rij .reactie{font-family:var(--font-mono);color:var(--tekst-3);text-align:right;min-width:3rem;font-size:11px}.rij.geselecteerd{box-shadow:inset 2px 0 0 var(--accent);background:#ffffff09}.rij .onder{color:var(--tekst-3);font-size:var(--tekst-xs);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;display:block;overflow:hidden}@media (max-width:47.99rem){.rij{grid-template-columns:3rem 1fr auto;gap:8px;padding-inline:12px}.rij .reactie{display:none}.rij .bron{margin-left:0;display:block}}.status{border:1px solid var(--lijn-sterk);white-space:nowrap;color:var(--tekst-3);border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.status-ok{color:var(--ok)}.status-bezig{color:var(--accent)}.status-wacht{color:var(--tekst-3)}.status-let-op{color:var(--let-op)}h1 .status,h2 .status,h3 .status,.app-balk h1 .status{vertical-align:middle;letter-spacing:0;margin-inline-start:.4em;position:relative;top:-.1em}.werkvlak{gap:var(--r-5);align-items:start;display:grid}.werkvlak>*{min-width:0}@media (min-width:72rem){.werkvlak{grid-template-columns:1fr 22rem}}.paneel{border:1px solid var(--lijn);border-radius:var(--radius-l);background:var(--vlak);padding:var(--r-5);gap:var(--r-4);display:grid}@media (min-width:72rem){.paneel{max-height:calc(100dvh - 5rem);position:sticky;top:4rem;overflow-y:auto}}.paneel h2{font-size:var(--tekst-m);color:var(--tekst)}.paneel .sub{color:var(--tekst-3);font-size:var(--tekst-xs);margin-top:2px}.eig{font-size:var(--tekst-xs);grid-template-columns:6rem 1fr;gap:6px 8px;display:grid}.eig span:nth-child(odd){color:var(--tekst-3)}.eig span:nth-child(2n){color:var(--tekst)}.paneel-acties{gap:var(--r-2);flex-wrap:wrap;display:flex}.paneel-acties .knop{border-radius:6px;height:28px;padding:0 10px;font-size:12.5px}.paneel hr{border:0;border-top:1px solid var(--lijn);margin:0}.paneel-kop{justify-content:space-between;align-items:start;gap:var(--r-3);display:flex}.tijdlijn{margin:0;padding:0;list-style:none;position:relative}.tijdlijn:before{content:"";background:var(--lijn-sterk);width:1px;position:absolute;top:6px;bottom:6px;left:5px}.tijdlijn li{font-size:var(--tekst-xs);margin-bottom:12px;padding-left:20px;position:relative}.tijdlijn li:last-child{margin-bottom:0}.tijdlijn li:before{content:"";background:var(--vlak-3);border:1px solid var(--lijn-sterk);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;left:2px}.tijdlijn li.klaar:before{background:var(--ok);border-color:var(--ok);box-shadow:0 0 8px var(--ok)}.tijdlijn li.nu:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--accent)}.tijdlijn li b{color:var(--tekst);font-weight:500;display:block}.tijdlijn li span{color:var(--tekst-3);font-family:var(--font-mono);font-size:10px}.tijdlijn li p{color:var(--tekst-2);margin:4px 0 0}:where(.app,.inlog) :where(input:not([type=checkbox],[type=radio],[type=hidden],[type=range],[type=file],[type=submit],[type=button],[type=reset]),select,textarea){font:inherit;font-size:var(--tekst-s);color:var(--tekst);background:var(--vlak);border:1px solid var(--lijn-sterk);border-radius:var(--radius);min-width:0;transition:border-color var(--overgang), box-shadow var(--overgang);padding:.7rem .85rem}:where(.app,.inlog) :where(input,select,textarea):focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht);outline:none}:where(.app,.inlog) :where(input,select,textarea)::placeholder{color:var(--tekst-3);opacity:1}:where(.app,.inlog) :where(input,select,textarea):disabled{opacity:.5;cursor:not-allowed}:where(.app,.inlog) textarea{resize:vertical;min-height:4.5rem}:where(.app,.inlog) select{cursor:pointer}:where(.app,.inlog) :where(input[type=checkbox],input[type=radio]){accent-color:var(--accent)}:where(.app,.inlog) input[type=file]{font:inherit;font-size:var(--tekst-xs);color:var(--tekst-3);max-width:100%}:where(.app,.inlog) input[type=file]::file-selector-button{font:inherit;color:var(--tekst);background:var(--vlak-2);border:1px solid var(--lijn-sterk);cursor:pointer;height:28px;transition:background var(--overgang), border-color var(--overgang);border-radius:6px;margin-right:10px;padding:0 10px;font-size:12.5px;font-weight:500}:where(.app,.inlog) input[type=file]::file-selector-button:hover{background:var(--vlak-3);border-color:var(--accent)}.leeg{padding:var(--r-8) var(--r-5);text-align:center;color:var(--tekst-3);gap:var(--r-2);justify-items:center;display:grid}.leeg b{color:var(--tekst);font-weight:600}.melding{padding:var(--r-3) var(--r-4);border-radius:var(--radius);border:1px solid var(--lijn-sterk);background:var(--vlak);font-size:var(--tekst-xs);color:var(--tekst-2)}.melding-accent{background:var(--accent-zacht);color:var(--tekst);border-color:#e0c14166}.melding-fout{color:var(--let-op);border-color:#f59e0b80}.veld select{font:inherit;font-size:var(--tekst-s);color:var(--tekst);background:var(--vlak);border:1px solid var(--lijn-sterk);border-radius:var(--radius);padding:.7rem .85rem}.veld select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht);outline:none}.formulier-raster{gap:var(--r-4);display:grid}@media (min-width:40rem){.formulier-raster.twee{grid-template-columns:1fr 1fr}}.knop-gevaar{color:var(--let-op);border-color:#f59e0b59}.knop-gevaar:hover{background:#f59e0b1a;border-color:#f59e0b80}.inlog{min-height:100dvh;padding:var(--r-5);place-items:center;display:grid}.inlog .frame{width:min(100%,24rem);padding:var(--r-6);gap:var(--r-4);display:grid}.inlog .app-merk{margin:0 0 var(--r-2)}
.filters{gap:var(--r-2);flex-wrap:wrap;align-items:center;display:flex}.filters a{border:1px solid var(--lijn);color:var(--tekst-3);font-size:var(--tekst-xs);transition:color var(--overgang), border-color var(--overgang), background var(--overgang);border-radius:999px;padding:5px 10px;font-weight:500}.filters a:hover{color:var(--tekst);border-color:var(--lijn-sterk)}.filters a.actief{color:var(--tekst);border-color:var(--lijn-sterk);background:#ffffff0f}.filters .scheiding{background:var(--lijn-sterk);width:1px;height:1rem;margin-inline:var(--r-1)}.paneel form.inline{display:contents}.paneel textarea{min-height:4.5rem;font-size:var(--tekst-xs)}.contact{font-size:var(--tekst-xs);gap:4px;display:grid}.contact a{color:var(--tekst);text-decoration:underline;-webkit-text-decoration-color:var(--lijn-sterk);text-decoration-color:var(--lijn-sterk);text-underline-offset:3px}.contact a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.bericht{font-size:var(--tekst-xs);color:var(--tekst-2);padding:var(--r-3);border-radius:var(--radius);border:1px solid var(--lijn);white-space:pre-wrap;background:#ffffff08;line-height:1.55}.status-keuze{gap:var(--r-2);grid-template-columns:1fr 1fr;display:grid}.status-keuze .knop{text-align:center;justify-content:center}.kop-rij{justify-content:space-between;align-items:center;gap:var(--r-3);flex-wrap:wrap;display:flex}.loop-rij{grid-template-columns:2rem 1fr auto}.loop-rij .nr{font-family:var(--font-mono);color:var(--tekst-3);font-size:11px}.loop-rij .status-geen{color:var(--tekst-3);border-style:dashed}.loop-rij .status-geen:before{display:none}.loop-stand{gap:4px;display:flex}.loop-stand i{background:var(--vlak-3);border:1px solid var(--lijn-sterk);border-radius:3px;width:14px;height:6px}.loop-stand i.ok{background:var(--ok);border-color:var(--ok)}.loop-stand i.bezig{background:var(--accent);border-color:var(--accent)}.loop-stand i.let-op{background:var(--let-op);border-color:var(--let-op)}.vragen{gap:var(--r-3);margin:0;padding:0;list-style:none;display:grid}.vragen li{font-size:var(--tekst-xs)}.vragen li b{color:var(--tekst);margin-bottom:2px;font-weight:500;display:block}.vragen li p{color:var(--tekst-3);margin:0;line-height:1.5}.module{padding:var(--r-3);border:1px solid var(--lijn);border-radius:var(--radius);font-size:var(--tekst-xs);background:#ffffff08;gap:2px;display:grid}.module b{color:var(--tekst);justify-content:space-between;gap:var(--r-2);font-weight:500;display:flex}.module b span{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;font-size:11px;font-weight:400}.module p{color:var(--tekst-3);margin:0}.advies-raster{gap:var(--r-3);grid-template-columns:1fr 8rem;display:grid}.advies-raster .veld:nth-child(odd) input{width:100%}.advies-kaart{gap:var(--r-3);display:grid}.advies-kaart .regel{justify-content:space-between;gap:var(--r-3);font-size:var(--tekst-xs);display:flex}.advies-kaart .regel b{color:var(--tekst);font-weight:500}.advies-kaart .regel span{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;font-size:11px}.advies-kaart .totaal{border-top:1px solid var(--lijn);padding-top:var(--r-3)}.opdracht-rij{grid-template-columns:3.5rem 1fr auto auto}.rij .dagen{font-family:var(--font-mono);color:var(--tekst-3);font-size:11px}.rij .dagen.te-lang{color:var(--let-op);font-weight:600}.rij .onder.te-laat{color:var(--let-op)}.status.wie{text-overflow:ellipsis;max-width:9rem;overflow:hidden}@media (max-width:47.99rem){.opdracht-rij{grid-template-columns:3rem 1fr auto}.opdracht-rij .wie{display:none}}.signalen{gap:var(--r-2);display:grid}.signalen b{color:var(--tekst);font-weight:600}.signalen ul{gap:4px;margin:0;padding-left:1.1rem;display:grid}.signalen a{color:var(--tekst);text-decoration:underline;-webkit-text-decoration-color:var(--lijn-sterk);text-decoration-color:var(--lijn-sterk);text-underline-offset:3px}.signalen a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.wacht-blok{padding:var(--r-3);border-radius:var(--radius);border:1px solid var(--lijn);font-size:var(--tekst-xs);color:var(--tekst-2);background:#ffffff08;gap:3px;display:grid}.wacht-blok b{color:var(--tekst);font-weight:500}.wacht-blok.te-lang{background:#f59e0b0f;border-color:#f59e0b80}.wacht-blok.te-lang b,.eig .te-laat{color:var(--let-op)}.eig a{color:var(--tekst);text-decoration:underline;-webkit-text-decoration-color:var(--lijn-sterk);text-decoration-color:var(--lijn-sterk);text-underline-offset:3px}.taken{margin:0 0 var(--r-3);gap:6px;padding:0;list-style:none;display:grid}.taken li{font-size:var(--tekst-xs);color:var(--tekst);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.taken li.klaar .titel{color:var(--tekst-3);text-decoration:line-through}.taken .vink{border:1px solid var(--lijn-sterk);width:18px;height:18px;color:var(--ok);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;font-size:11px;line-height:1;display:grid}.taken .vink:hover{border-color:var(--ok)}.taken li.klaar .vink{background:var(--ok);border-color:var(--ok);color:#0b0b0b}.taken .van{font-family:var(--font-mono);color:var(--tekst-3);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.taken .van.klant,.taken .van.derde{color:var(--accent)}.taak-nieuw{gap:var(--r-2);grid-template-columns:1fr auto auto;align-items:center;display:grid}.taak-nieuw input,.taak-nieuw select{font:inherit;font-size:var(--tekst-xs);color:var(--tekst);background:var(--vlak);border:1px solid var(--lijn-sterk);border-radius:var(--radius);min-width:0;padding:.45rem .6rem}.taak-nieuw input:focus,.taak-nieuw select:focus{border-color:var(--accent);outline:none}.stap-raster{gap:var(--r-3);grid-template-columns:1fr 1fr;display:grid}.paneel .stap-raster input,.paneel .formulier-raster input{width:100%}.paneel input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (min-width:72rem){.werkvlak{grid-template-columns:22rem minmax(0,1fr)}.paneel{max-height:none;position:static;overflow:visible}}@media (min-width:96rem){.werkvlak{grid-template-columns:26rem minmax(0,1fr)}}.rij,.opdracht-rij,.loop-rij{grid-template-columns:3.25rem minmax(0,1fr) auto}.rij .bron{margin-left:0;display:block}.rij .tijd em{color:var(--tekst-3);opacity:.7;font-style:normal;display:block}.rij .initialen{background:var(--vlak-3);border:1px solid var(--lijn-sterk);width:2rem;height:2rem;font-family:var(--font-mono);color:var(--tekst-2);border-radius:50%;place-items:center;font-size:10px;display:grid}.paneel-kolommen{gap:var(--r-5);align-items:start;display:grid}.paneel-kolommen>div{gap:var(--r-4);min-width:0;display:grid}@media (min-width:84rem){.paneel-kolommen{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.paneel-kolommen>div+div{border-left:1px solid var(--lijn);padding-left:var(--r-5)}}.paneel .status-keuze{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}.koppelingen{gap:6px;margin:0;padding:0;list-style:none;display:grid}.koppelingen li{justify-content:space-between;gap:var(--r-2);font-size:var(--tekst-xs);align-items:center;display:flex}.koppelingen a{color:var(--tekst);text-decoration:underline;-webkit-text-decoration-color:var(--lijn-sterk);text-decoration-color:var(--lijn-sterk);text-underline-offset:3px;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tijdlijn.log li.stil:before{background:var(--vlak-3);border-color:var(--lijn-sterk);box-shadow:none}.tijdlijn.log li p{white-space:pre-wrap}.tijdlijn.log details summary{cursor:pointer;color:var(--tekst-2);margin-top:4px}.tijdlijn.log details p{margin-top:6px}.tijdlijn li span a{color:var(--tekst-2)}.paneel .mono{font-family:var(--font-mono);color:var(--tekst-3);white-space:nowrap;font-size:11px}.rij .naam,.rij .bron{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.stand-balk{justify-content:space-between;align-items:center;gap:var(--r-3);padding:var(--r-2) var(--r-5);border-bottom:1px solid var(--lijn);background:var(--canvas);z-index:5;flex-wrap:wrap;display:flex;position:sticky;top:0}.stand-balk form.inline{display:contents}.stand-balk .vraag{font-size:var(--tekst-xs);color:var(--tekst-2)}.stand-balk .vraag em{color:var(--tekst-3);font-style:normal}@media (max-width:47.99rem){.stand-balk{padding-inline:var(--r-4)}.stand-balk .segment{max-width:100%;overflow-x:auto}.stand-balk .vraag{display:none}}.blokken{gap:var(--r-5);align-items:start;display:grid}@media (min-width:72rem){.blokken{grid-template-columns:repeat(2,minmax(0,1fr))}.blokken .breed{grid-column:1/-1}}.blok{border:1px solid var(--lijn);border-radius:var(--radius-l);background:var(--vlak);padding:var(--r-5);gap:var(--r-4);min-width:0;display:grid}.blok>h2{font-size:var(--tekst-m);color:var(--tekst);justify-content:space-between;align-items:baseline;gap:var(--r-3);margin:0;display:flex}.blok>h2 small{font-family:var(--font-mono);color:var(--tekst-3);font-size:11px;font-weight:400}.blok .leeg{padding:var(--r-5) var(--r-3)}.regels{margin:0;padding:0;list-style:none;display:grid}.regels li{gap:var(--r-3);border-bottom:1px solid var(--lijn);font-size:var(--tekst-xs);grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:9px 0;display:grid}.regels li:last-child{border-bottom:0}.regels li>a:first-child,.regels li>span:first-child{min-width:0}.regels .naam{color:var(--tekst);font-weight:500;text-decoration:none}.regels .naam:hover{text-decoration:underline;-webkit-text-decoration-color:var(--lijn-sterk);text-decoration-color:var(--lijn-sterk);text-underline-offset:3px}.regels .onder{color:var(--tekst-3);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.regels .onder.te-laat{color:var(--let-op)}.regels .rechts{gap:var(--r-2);white-space:nowrap;align-items:center;display:flex}.regels .rechts a{color:var(--tekst-2)}.focus{gap:var(--r-3);display:grid}.focus .rij-focus{gap:var(--r-3);grid-template-columns:1.5rem minmax(0,1fr);align-items:center;display:grid}.focus .nr{font-family:var(--font-mono);color:var(--accent);font-size:11px}.focus input[type=text]{width:100%;font:inherit;font-size:var(--tekst-s);color:var(--tekst);background:var(--canvas);border:1px solid var(--lijn-sterk);border-radius:var(--radius);padding:.6rem .8rem}.focus input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht);outline:none}.focus label.vink{gap:var(--r-3);font-size:var(--tekst-s);color:var(--tekst);cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.focus label.vink input{width:18px;height:18px;accent-color:var(--accent)}.wip{color:var(--let-op)}.instellingen{gap:var(--r-6);max-width:60rem;display:grid}.functies{gap:var(--r-2);display:grid}@media (min-width:48rem){.functies{grid-template-columns:1fr 1fr}}.functies label{gap:var(--r-3);padding:var(--r-3);border:1px solid var(--lijn);border-radius:var(--radius);cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.functies label:hover{border-color:var(--lijn-sterk)}.functies input{width:18px;height:18px;accent-color:var(--accent);margin-top:2px}.functies b{color:var(--tekst);font-weight:500;font-size:var(--tekst-s);display:block}.functies span{color:var(--tekst-3);font-size:var(--tekst-xs)}.presets{gap:var(--r-2);flex-wrap:wrap;display:flex}.rooster{gap:var(--r-2);display:grid}.rooster .regel{gap:var(--r-3);padding:var(--r-3) 0;border-bottom:1px solid var(--lijn);font-size:var(--tekst-xs);grid-template-columns:9rem minmax(0,1fr) auto;align-items:center;display:grid}.rooster .regel:last-child{border-bottom:0}.rooster .regel>b{color:var(--tekst);font-weight:500;font-size:var(--tekst-s)}.rooster .dagen{flex-wrap:wrap;gap:4px;display:flex}.rooster .dagen label{border:1px solid var(--lijn-sterk);cursor:pointer;width:2.25rem;height:28px;color:var(--tekst-2);font-family:var(--font-mono);border-radius:6px;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.rooster .dagen label:has(input:checked){background:var(--accent);color:#17130a;border-color:var(--accent)}.rooster .dagen input{opacity:0;width:0;height:0;position:absolute}.rooster .tijden{gap:var(--r-2);white-space:nowrap;align-items:center;display:flex}.rooster .tijden input{font:inherit;font-size:var(--tekst-xs);color:var(--tekst);background:var(--canvas);border:1px solid var(--lijn-sterk);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:6px;padding:.3rem .4rem}@media (max-width:47.99rem){.rooster .regel{grid-template-columns:1fr}}.regels li.kop{color:var(--tekst-3);padding:4px 0 8px}.regels li.kop .rechts{color:var(--tekst-3)}.regels .rechts .knop{flex:none}.voorstellen .regels li.voorstel{align-items:start}.voorstel-tekst summary{cursor:pointer;color:var(--tekst-2);font-size:var(--tekst-xs);margin-top:4px}.voorstel-tekst p{white-space:pre-wrap;color:var(--tekst-2);font-size:var(--tekst-xs);padding:var(--r-3);border:1px solid var(--lijn);border-radius:var(--radius);background:#ffffff08;margin:6px 0 0;line-height:1.55}.voorstel-tekst p b{color:var(--tekst);font-weight:500}.regels li .naam .status{vertical-align:middle;margin-right:6px;position:relative;top:-1px}.campagne-werkvlak{gap:var(--r-4);grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);align-items:start;display:grid}.campagne-rij{padding:var(--r-3) var(--r-4);color:inherit;grid-template-columns:minmax(0,1fr) auto;text-decoration:none}.campagne-rij.actief{background:var(--vlak-2)}.campagne-detail .tabel-wrap{overflow-x:auto}.campagne-tabel{border-collapse:collapse;width:100%;font-size:var(--tekst-xs)}.campagne-tabel th,.campagne-tabel td{border-bottom:1px solid var(--lijn);text-align:left;vertical-align:top;white-space:nowrap;padding:6px 8px}.campagne-tabel th{color:var(--tekst-3);font-size:11px;font-weight:500}.campagne-tabel td.num,.campagne-tabel th:not(:first-child){text-align:right}.campagne-tabel small{color:var(--tekst-3)}.campagne-tabel .goed{color:var(--ok);font-weight:600}.campagne-tabel .moe{color:var(--let-op);font-size:11px}.campagne-formulieren{gap:var(--r-4);grid-template-columns:1fr 1fr;display:grid}.campagne-formulieren .blok{padding:var(--r-4);gap:var(--r-3)}.campagne-formulieren h3{font-size:var(--tekst-s);margin:0}.campagne-formulieren textarea{width:100%;min-height:4rem}.campagne-formulieren .handmatig{gap:var(--r-2);display:grid}.campagne-formulieren .handmatig label{gap:var(--r-2);font-size:var(--tekst-xs);color:var(--tekst-2);align-items:center;display:flex}.campagne-formulieren .handmatig label span{flex:1}.campagne-formulieren .handmatig input{width:7rem}@media (max-width:60rem){.campagne-werkvlak,.campagne-formulieren{grid-template-columns:1fr}}.kpi-raster.kpi-vier{grid-template-columns:repeat(4,1fr)}@media (max-width:47.99rem){.kpi-raster.kpi-vier{grid-template-columns:1fr 1fr}.kpi-raster.kpi-vier .kpi:nth-child(2){border-right:0}.kpi-raster.kpi-vier .kpi:nth-child(-n+2){border-bottom:1px solid var(--lijn)}}.balk{background:var(--vlak-3);border-radius:999px;height:6px;overflow:hidden}.balk i{background:var(--accent);height:100%;transition:width var(--overgang);border-radius:999px;display:block}.balk.groot{height:10px}.roadmap-blokken{align-items:start}@media (min-width:72rem){.roadmap-blokken{grid-template-columns:minmax(0,1.6fr) minmax(20rem,1fr)}}.roadmap-lijst,.roadmap-zij{gap:var(--r-5);min-width:0;display:grid}.rm-stappen{margin:0;padding:0;list-style:none;display:grid}.rm-stap{gap:var(--r-3);border-bottom:1px solid var(--lijn);grid-template-columns:auto 1fr;align-items:start;padding:10px 0;display:grid}.rm-stap:last-child{border-bottom:0}.rm-stap .vink{border:1px solid var(--lijn-sterk);width:20px;height:20px;color:var(--ok);cursor:pointer;background:0 0;border-radius:50%;place-items:center;margin-top:1px;padding:0;font-size:12px;line-height:1;display:grid}.rm-stap .vink:hover{border-color:var(--ok)}.rm-stap.klaar .vink{background:var(--ok);border-color:var(--ok);color:#0b0b0b}.rm-stap.klaar .rm-titel,.rm-stap.vervallen .rm-titel{color:var(--tekst-3);text-decoration:line-through}.rm-inhoud{flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0;display:flex}.rm-kop{flex-wrap:wrap;flex:100%;align-items:center;gap:8px;display:flex}.rm-titel{color:var(--tekst);font-weight:500;font-size:var(--tekst-xs)}.rm-meta{color:var(--tekst-3);flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:11px;display:flex}.rm-meta .mono{font-family:var(--font-mono);font-size:10.5px}.rm-meta .te-laat{color:var(--let-op)}.rm-meta .van{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.rm-meta .van.klant{color:var(--accent)}.rm-meta .van.samen{color:var(--tekst-2)}.rm-inhoud .knop-tekst{height:22px;padding:0 6px;font-size:11px}.rm-bewerk{font-size:var(--tekst-xs);flex:100%}.rm-bewerk summary{cursor:pointer;color:var(--tekst-3);font-size:11px}.rm-bewerk[open] summary{margin-bottom:var(--r-3)}.rm-bewerk .formulier-raster{padding:var(--r-3);border:1px solid var(--lijn);border-radius:var(--radius);margin-bottom:var(--r-2);background:#ffffff05}.rm-bewerk input,.rm-bewerk textarea,.rm-bewerk select{width:100%}.rm-notitie{color:var(--tekst-3);flex:100%;margin:0;font-size:11px;font-style:italic}.stap-raster.drie{grid-template-columns:1fr 1fr 1fr}@media (max-width:47.99rem){.stap-raster.drie{grid-template-columns:1fr}}.rij-acties{gap:var(--r-2) var(--r-3);flex-wrap:wrap;align-items:center;display:flex}.vink-regel{font-size:var(--tekst-xs);color:var(--tekst-2);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.vink-regel input{accent-color:var(--accent)}.klein{font-size:var(--tekst-xs);margin:0}.tekst-3{color:var(--tekst-3)}.link-tekst{word-break:break-all;color:var(--tekst-2)}.roadmap textarea{width:100%;font:inherit;font-size:var(--tekst-xs);color:var(--tekst);background:var(--vlak);border:1px solid var(--lijn-sterk);border-radius:var(--radius);resize:vertical;padding:.6rem .7rem;line-height:1.5}.roadmap textarea:focus{border-color:var(--accent);outline:none}.klant-pagina{max-width:44rem;padding:var(--r-6) var(--r-4) var(--r-9);gap:var(--r-6);margin:0 auto;display:grid}.klant-kop .app-merk{margin:0 0 var(--r-5)}.klant-kop h1{margin:0 0 var(--r-2);font-size:var(--kop-m);letter-spacing:var(--tracking-kop);line-height:var(--lijnhoogte-kop);color:var(--tekst)}.klant-kop h1 span{color:var(--tekst-2);font-weight:400;font-size:var(--kop-s);margin-top:4px;display:block}.klant-sub{color:var(--tekst-2);font-size:var(--tekst-s);line-height:var(--lijnhoogte-tekst);max-width:36rem;margin:0}.klant-stand{gap:var(--r-4);padding:var(--r-5);border:1px solid var(--lijn);border-radius:var(--radius-l);background:var(--vlak);grid-template-columns:repeat(3,1fr);display:grid}.klant-kpi small{color:var(--tekst-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}.klant-kpi strong{color:var(--tekst);font-size:var(--tekst-l);letter-spacing:-.01em;font-weight:600}.klant-stand .balk{grid-column:1/-1}@media (max-width:40rem){.klant-stand{grid-template-columns:1fr 1fr}.klant-kpi:nth-child(3){grid-column:1/-1}}.klant-pagina h2{font-size:var(--tekst-m);color:var(--tekst);justify-content:space-between;align-items:baseline;gap:var(--r-3);margin:0;display:flex}.klant-pagina h2 small{font-family:var(--font-mono);color:var(--tekst-3);font-size:11px;font-weight:400}.klant-nu{padding:var(--r-5);border:1px solid var(--lijn);border-radius:var(--radius-l);background:var(--vlak);gap:var(--r-4);display:grid}.klant-nu.jij{background:var(--accent-zacht);border-color:#e0c14173}.klant-lijst{gap:var(--r-3);margin:0;padding:0;list-style:none;display:grid}.klant-lijst li{font-size:var(--tekst-s);gap:2px;display:grid}.klant-lijst li b{color:var(--tekst);font-weight:600}.klant-lijst li span{font-family:var(--font-mono);color:var(--tekst-3);font-size:11px}.klant-lijst li span.te-laat{color:var(--let-op)}.klant-lijst li p{color:var(--tekst-2);font-size:var(--tekst-xs);margin:2px 0 0;line-height:1.5}.klant-rust{color:var(--tekst-3);font-size:var(--tekst-xs);margin:0}.klant-update{padding:var(--r-5);border:1px solid var(--lijn);border-radius:var(--radius-l);background:var(--vlak);gap:var(--r-4);display:grid}.klant-update-tekst{font-size:var(--tekst-s);line-height:var(--lijnhoogte-tekst);color:var(--tekst-2)}.klant-update-tekst p{margin:0}.klant-update-tekst .regel-punt{padding-left:1.1em;position:relative}.klant-update-tekst .regel-punt:before{content:"–";color:var(--tekst-3);position:absolute;left:0}.klant-planning{gap:var(--r-5);display:grid}.klant-groep{gap:var(--r-3);display:grid}.klant-groep h3{font-size:var(--tekst-s);color:var(--tekst);justify-content:space-between;align-items:baseline;gap:var(--r-3);border-bottom:1px solid var(--lijn-sterk);margin:0;padding-bottom:6px;display:flex}.klant-groep h3 small{font-family:var(--font-mono);color:var(--tekst-3);font-size:11px;font-weight:400}.klant-tijdlijn{margin:0;padding:0;list-style:none;display:grid;position:relative}.klant-tijdlijn:before{content:"";background:var(--lijn-sterk);width:1px;position:absolute;top:12px;bottom:12px;left:6px}.klant-tijdlijn li{gap:4px;padding:10px 0 10px 24px;display:grid;position:relative}.klant-tijdlijn li:before{content:"";background:var(--vlak-3);border:1px solid var(--lijn-sterk);border-radius:50%;width:9px;height:9px;position:absolute;top:15px;left:2px}.klant-tijdlijn li.st-klaar:before{background:var(--ok);border-color:var(--ok);box-shadow:0 0 8px var(--ok)}.klant-tijdlijn li.st-bezig:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--accent)}.klant-tijdlijn li.st-wacht_klant:before,.klant-tijdlijn li.jij:before{background:var(--let-op);border-color:var(--let-op)}.klant-tijdlijn li.st-vervallen{opacity:.5}.klant-tijdlijn li.st-klaar .kt-kop b{color:var(--tekst-3)}.kt-kop{justify-content:space-between;align-items:center;gap:var(--r-3);display:flex}.kt-kop b{color:var(--tekst);font-weight:500;font-size:var(--tekst-s)}.kt-meta{font-family:var(--font-mono);color:var(--tekst-3);flex-wrap:wrap;gap:4px 12px;font-size:11px;display:flex}.kt-meta .te-laat{color:var(--let-op)}.kt-meta .beslis{color:var(--accent)}.klant-tijdlijn li p{color:var(--tekst-2);font-size:var(--tekst-xs);max-width:36rem;margin:0;line-height:1.5}.klant-voet{gap:var(--r-2);font-size:var(--tekst-xs);color:var(--tekst-2);padding-top:var(--r-5);border-top:1px solid var(--lijn);display:grid}.klant-voet p{margin:0}.klant-voet a{color:var(--tekst)}