@font-face{font-family:Archivo;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/archivo.17-aodiw50953.woff2)format("woff2")}:root{--void:#06070c;--vlak:#0e1119;--glas:#1418269e;--inkt:#eef1f8;--inkt-zacht:#8d95aa;--inkt-dim:#5a6278;--lijn:#1a2030;--lijn-op:#28304a;--blauw:#3d6dff;--blauw-hel:#6b92ff;--aqua:#25d8c4;--verloop:linear-gradient(115deg,#3d6dff 0%,#5b8cff 42%,#25d8c4 100%);--gloed:#3d6dff4d;--goed:#25d8c4;--let-op:#f2b84b;--fout:#ff5c6a;--wacht:#6b92ff;--accent:var(--blauw);--accent-zacht:#3d6dff24;--accent-donker:#2b4fc4;--accent-tekst:#04060e;--accent-leesbaar:var(--accent);--accent2:var(--accent);--f-kop:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;--f-tekst:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;--f-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--hoek:2px;--raak:44px;--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;--schaduw-kaart:0 1px 0 #ffffff08 inset, 0 10px 30px -18px #000c;--tab-hoog:64px;--kop-hoog:60px;--zijbalk-breed:240px;--inhoud-breed:1100px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--void);color:var(--inkt);font-family:var(--f-tekst);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--f-kop);letter-spacing:-.022em;margin:0;font-weight:600;line-height:1.1}::selection{background:var(--accent);color:var(--accent-tekst)}:focus-visible{outline:2px solid var(--aqua);outline-offset:3px;border-radius:var(--hoek)}.k-label{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--aqua);align-items:center;gap:.6rem;font-size:.7rem;font-weight:500;display:inline-flex}.k-label i{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.k-tab-nums{font-variant-numeric:tabular-nums}
.k-label--accent{color:var(--accent-leesbaar)}.k-label--dim{color:var(--inkt-dim)}.k-label--dim i{background:var(--inkt-dim)}.k-knop{font-family:var(--f-tekst);letter-spacing:-.01em;min-height:var(--raak);border-radius:var(--hoek);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.6rem;padding:0 1.4rem;font-size:.95rem;font-weight:600;line-height:1.2;text-decoration:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .2s,background .2s,color .2s,opacity .2s;display:inline-flex;position:relative}.k-knop:disabled,.k-knop[aria-busy=true]{cursor:not-allowed;opacity:.6}.k-knop--klein{gap:.45rem;min-height:36px;padding:0 1rem;font-size:.85rem}.k-knop--groot{min-height:52px;padding:0 1.8rem;font-size:1.05rem}.k-knop--volle-breedte{width:100%}.k-knop__icoon{flex:none;display:inline-flex}.k-knop--vol{background:linear-gradient(115deg,var(--accent) 0%,var(--accent-donker) 100%);color:var(--accent-tekst);box-shadow:0 6px 20px -10px var(--accent-zacht),0 0 0 1px color-mix(in srgb,var(--inkt) 6%,transparent) inset}.k-knop--vol:hover:not(:disabled){transform:translateY(-1px)}.k-knop--lijn{background:color-mix(in srgb,var(--inkt) 2%,transparent);border-color:var(--lijn-op);color:var(--inkt)}.k-knop--lijn:hover:not(:disabled){border-color:var(--accent)}.k-knop--stil{color:var(--inkt-zacht);background:0 0;border-color:#0000;padding-inline:.6rem}.k-knop--stil:hover:not(:disabled){color:var(--inkt)}.k-knop--gevaar{border-color:var(--fout);color:var(--fout);background:0 0}.k-knop--gevaar:hover:not(:disabled){background:color-mix(in srgb,var(--fout) 12%,transparent)}.k-kaart{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--hoek);box-shadow:var(--schaduw-kaart)}.k-kaart__kop{border-bottom:1px solid var(--lijn);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.6rem 1rem;padding:1.1rem 1.25rem;display:flex}.k-kaart__kop-tekst{flex-direction:column;gap:.5rem;min-width:0;display:flex}.k-kaart__titel{color:var(--inkt);font-size:1.05rem}.k-kaart__actie{flex:none;max-width:100%;margin-left:auto}.k-kaart__inhoud{padding:1.25rem}.k-kaart__inhoud--geen{padding:0}.k-veld{flex-direction:column;gap:.4rem;display:flex}.k-veld__label{font-family:var(--f-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--inkt-dim);font-size:.7rem;font-weight:500}.k-veld__invoer{font:inherit;font-family:var(--f-tekst);color:var(--inkt);background:var(--void);border:1px solid var(--lijn-op);border-radius:var(--hoek);min-height:var(--raak);width:100%;padding:0 .9rem;font-size:16px;transition:border-color .2s,box-shadow .2s}.k-veld__invoer::placeholder{color:var(--inkt-dim)}.k-veld__invoer:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht);outline:none}.k-veld__invoer--fout{border-color:var(--fout)}.k-veld__invoer--tekstvak{min-height:calc(var(--raak) * 2);resize:vertical;padding:.7rem .9rem}.k-veld__invoer--keuze{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238D95AA' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;padding-right:2.4rem}.k-veld__hulp{color:var(--inkt-dim);margin:0;font-size:.82rem;line-height:1.45}.k-veld__fout{color:var(--fout);margin:0;font-size:.82rem;line-height:1.45}.k-badge{--k-badge-kleur:var(--inkt-zacht);font-family:var(--f-mono);letter-spacing:.06em;border-radius:var(--hoek);white-space:nowrap;color:var(--k-badge-kleur);background:color-mix(in srgb,var(--k-badge-kleur) 16%,transparent);border:1px solid color-mix(in srgb,var(--k-badge-kleur) 34%,transparent);align-items:center;gap:.4rem;padding:.3rem .55rem;font-size:.7rem;font-weight:500;line-height:1.4;display:inline-flex}.k-badge--neutraal{--k-badge-kleur:var(--inkt-zacht)}.k-badge--goed{--k-badge-kleur:var(--goed)}.k-badge--let-op{--k-badge-kleur:var(--let-op)}.k-badge--fout{--k-badge-kleur:var(--fout)}.k-badge--accent{--k-badge-kleur:var(--accent-leesbaar)}.k-badge--wacht{--k-badge-kleur:var(--wacht)}.k-badge__stip{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.k-dialoog{width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:0 0;border:none;margin:0;padding:0;display:none;position:fixed;inset:0}.k-dialoog[open]{flex-direction:column;justify-content:flex-end;align-items:stretch;display:flex}.k-dialoog::backdrop{background:#030408a8}.k-dialoog__paneel{background:var(--vlak);border:1px solid var(--lijn-op);border-radius:var(--hoek) var(--hoek) 0 0;min-height:0;max-height:90dvh;box-shadow:var(--schaduw-kaart);flex-direction:column;display:flex;overflow-y:auto}.k-dialoog__kop{border-bottom:1px solid var(--lijn);flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.1rem 1.1rem 1.4rem;display:flex}.k-dialoog__titel{color:var(--inkt);font-size:1.1rem}.k-dialoog__sluiten{appearance:none;cursor:pointer;color:var(--inkt-zacht);width:var(--raak);height:var(--raak);border-radius:var(--hoek);background:0 0;border:none;flex:none;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:color .2s,background .2s;display:inline-flex}.k-dialoog__sluiten:hover{color:var(--inkt);background:color-mix(in srgb,var(--inkt) 4%,transparent)}.k-dialoog__inhoud{padding:1.4rem;overflow-y:auto}.k-dialoog__fout{overflow-wrap:anywhere;flex:none;max-height:7.5rem;padding:.7rem 1.4rem 0;overflow-y:auto}.k-dialoog__fout .k-melding{margin:0}.k-dialoog__acties{padding:1.1rem 1.4rem calc(1.1rem + env(safe-area-inset-bottom));border-top:1px solid var(--lijn);flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.7rem;display:flex}@media (min-width:640px){.k-dialoog{padding:1.5rem}.k-dialoog[open]{justify-content:center;align-items:center}.k-dialoog__paneel{border-radius:var(--hoek);width:100%;max-width:560px;max-height:min(90vh,720px)}.k-dialoog--breed .k-dialoog__paneel{max-width:min(980px,100%);max-height:min(94vh,1100px)}.k-dialoog--breed .k-dialoog__titel{font-size:1.3rem}.k-dialoog--breed .k-dialoog__inhoud{padding:1.6rem 2rem}.k-dialoog--breed .k-dialoog__acties{padding:1.1rem 2rem}}.k-wisselknop{min-height:var(--raak);justify-content:space-between;align-items:center;gap:1rem;display:flex}.k-wisselknop__tekst{flex-direction:column;gap:.2rem;min-width:0;display:flex}.k-wisselknop__label{color:var(--inkt);font-size:.95rem;font-weight:500}.k-wisselknop__beschrijving{color:var(--inkt-zacht);font-size:.85rem;line-height:1.4}.k-wisselknop__knop{appearance:none;cursor:pointer;min-width:var(--raak);min-height:var(--raak);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin:-.5rem;padding:.5rem;display:inline-flex}.k-wisselknop__knop:disabled{cursor:not-allowed;opacity:.5}.k-wisselknop__spoor{border-radius:var(--hoek);background:var(--lijn-op);border:1px solid var(--lijn-op);width:44px;height:24px;transition:background .2s,border-color .2s;position:relative}.k-wisselknop__knop--aan .k-wisselknop__spoor{background:var(--accent);border-color:var(--accent)}.k-wisselknop__bol{background:var(--inkt);border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s;position:absolute;top:2px;left:2px}.k-wisselknop__knop--aan .k-wisselknop__bol{background:var(--accent-tekst);transform:translate(20px)}.k-rij{border-style:solid;border-width:0 0 1px;border-color:var(--lijn);width:100%;min-height:56px;color:inherit;font:inherit;text-align:left;background:0 0;border-radius:0;align-items:center;gap:.85rem;padding:.7rem 0;text-decoration:none;display:flex}.k-rij:last-child{border-bottom-width:0}.k-rij--klikbaar{cursor:pointer;transition:background-color .15s}.k-rij--klikbaar:hover,.k-rij--klikbaar:focus-visible{background-color:color-mix(in srgb,var(--inkt) 3%,transparent)}.k-rij__links{flex:none;align-items:center;display:flex}.k-rij__tekst{flex-direction:column;flex:auto;gap:.15rem;min-width:0;display:flex}.k-rij__titel{color:var(--inkt);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.k-rij__ondertitel{color:var(--inkt-zacht);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.k-rij__rechts{color:var(--inkt-zacht);flex:none;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.k-rij__pijl{color:var(--inkt-dim);flex:none;font-size:1.15rem;line-height:1}.k-lege-staat{text-align:center;color:var(--inkt-dim);flex-direction:column;align-items:center;gap:.6rem;padding:3rem 1.5rem;display:flex}.k-lege-staat__titel{font-family:var(--f-kop);letter-spacing:-.02em;color:var(--inkt-zacht);margin:0;font-size:1.05rem;font-weight:600}.k-lege-staat__tekst{max-width:38ch;margin:0;font-size:.9rem;line-height:1.5}.k-lege-staat__actie{margin-top:.6rem}.k-melding{--k-melding-kleur:var(--blauw-hel);border-radius:var(--hoek);border:1px solid color-mix(in srgb,var(--k-melding-kleur) 40%,var(--lijn));background:color-mix(in srgb,var(--k-melding-kleur) 10%,transparent);flex-direction:column;gap:.3rem;padding:.9rem 1.1rem;display:flex}.k-melding--info{--k-melding-kleur:var(--blauw-hel)}.k-melding--goed{--k-melding-kleur:var(--goed)}.k-melding--let-op{--k-melding-kleur:var(--let-op)}.k-melding--fout{--k-melding-kleur:var(--fout)}.k-melding__titel{color:var(--inkt);margin:0;font-size:.92rem;font-weight:600}.k-melding__tekst{color:var(--inkt-zacht);font-size:.9rem;line-height:1.5}.k-cijfer{flex-direction:column;gap:.3rem;display:flex}.k-cijfer__waarde{font-family:var(--f-mono);color:var(--accent-leesbaar);font-size:2.2rem;font-weight:600;line-height:1}.k-cijfer--klein .k-cijfer__waarde{font-size:1.4rem}.k-cijfer__bijschrift{color:var(--inkt-zacht);font-size:.85rem}.k-laadstaat{flex-direction:column;gap:.6rem;display:flex}.k-laadstaat__regel{border-radius:var(--hoek);background:linear-gradient(90deg,var(--vlak) 0%,var(--lijn) 50%,var(--vlak) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite k-laadstaat-schuiven}.k-laadstaat__regel:last-child{width:70%}@keyframes k-laadstaat-schuiven{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.k-laadstaat__regel{animation:none}.k-knop,.k-wisselknop__spoor,.k-wisselknop__bol,.k-rij--klikbaar{transition-duration:.001ms}}
:root{--hoek:14px;--void:#0a0b0f}body{overflow-x:hidden}a,button{-webkit-tap-highlight-color:transparent}.scherm{gap:var(--r-5);flex-direction:column;display:flex}.scherm-kop{gap:var(--r-2);flex-direction:column;display:flex}.scherm-kop__label{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--aqua);align-items:center;gap:.6rem;font-size:.7rem;font-weight:500;display:inline-flex}.scherm-kop__label:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.scherm-kop__titel{font-size:clamp(1.5rem,2.5vw,2rem)}.scherm-kop__intro{max-width:60ch;color:var(--inkt-zacht);margin:0;line-height:1.5}.stapel{gap:var(--r-4);flex-direction:column;display:flex}.stapel--klein{gap:var(--r-2)}.raster{gap:var(--r-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}@media (min-width:900px){.raster--twee{grid-template-columns:repeat(2,minmax(0,1fr))}}.raster>*,.rooster>*,.kengetallen>*{min-width:0}.schil__inhoud{overflow-wrap:break-word}.tussen{justify-content:space-between;align-items:center;gap:var(--r-3);flex-wrap:wrap;display:flex}.acties{gap:var(--r-2);flex-wrap:wrap;display:flex}.formulier{gap:var(--r-3);flex-direction:column;display:flex}.tekst-zacht{color:var(--inkt-zacht)}.tekst-dim{color:var(--inkt-dim)}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.groep-kop{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--inkt-dim);padding-bottom:var(--r-2);border-bottom:1px solid var(--lijn);font-size:.72rem;font-weight:500}.installatie-stappen{gap:var(--r-3);color:var(--inkt-zacht);flex-direction:column;margin:0;padding-left:1.3rem;font-size:.95rem;line-height:1.5;display:flex}.installatie-stappen li{padding-left:.2rem}.schil-fout,.schil-laden{justify-content:center;align-items:center;gap:var(--r-3);max-width:480px;min-height:100dvh;padding:var(--r-6) var(--r-4);text-align:center;flex-direction:column;margin-inline:auto;display:flex}.schil-fout__acties{gap:var(--r-2);flex-wrap:wrap;justify-content:center;display:flex}.module-kop{justify-content:space-between;align-items:flex-start;gap:var(--r-3);flex-wrap:wrap;display:flex}.module-kop__tekst{gap:var(--r-2);flex-direction:column;min-width:0;display:flex}.module-kop__titel{font-size:clamp(1.5rem,2.5vw,2rem)}.module-kop__intro{max-width:60ch;color:var(--inkt-zacht);margin:0;line-height:1.5}.module-kop__rechts{align-items:center;gap:var(--r-3);flex-wrap:wrap;display:flex}.module-kop__meta{font-family:var(--f-mono);color:var(--inkt-dim);white-space:nowrap;font-size:.8rem}.glas{border-radius:var(--hoek);isolation:isolate;background:#14161fd1;position:relative;box-shadow:0 10px 36px #0000006b}.glas:before{content:"";border-radius:inherit;background:linear-gradient(135deg, #ffffff38, #ffffff0a 32%, color-mix(in srgb, var(--accent) 55%, transparent) 68%, color-mix(in srgb, var(--accent2) 70%, white 12%) 100%);-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glas--hover{transition:box-shadow .35s,background-color .35s,transform .35s}.glas--hover:hover{box-shadow:0 14px 44px #00000080, 0 0 24px color-mix(in srgb, var(--accent) 24%, transparent);background:#1a1c27e0;transform:translateY(-2px)}.kaart-in{animation:.5s cubic-bezier(.22,1,.36,1) both kaartIn}@keyframes kaartIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.kengetallen{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (max-width:699px){.kengetallen>:last-child:nth-child(odd){grid-column:1/-1}}.record a,.record__regel-waarde,.detail dd{overflow-wrap:anywhere;min-width:0}@media (min-width:700px){.kengetallen{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}}.kengetal{flex-direction:column;gap:6px;padding:14px 16px;display:flex}@media (min-width:700px){.kengetal{padding:16px 18px}}.kengetal__waarde{font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--accent-leesbaar);font-size:clamp(22px,6vw,28px);font-weight:600;line-height:1.1}.kengetal__label{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--inkt-dim);font-size:10.5px;font-weight:500}.kengetal__toelichting{color:var(--inkt-zacht);font-size:12.5px;line-height:1.4}.kengetal--let-op .kengetal__waarde{color:var(--let-op)}.kengetal--goed .kengetal__waarde{color:var(--goed)}.werkbalk{flex-direction:column;gap:10px;display:flex}.werkbalk__zoek{width:100%}@media (min-width:640px){.werkbalk{flex-direction:row;align-items:flex-end}.werkbalk__zoek{flex:auto;width:auto}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--lijn-op);background:color-mix(in srgb, var(--inkt) 2%, transparent);height:34px;font-family:var(--f-mono);color:var(--inkt-zacht);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12px;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.chip:hover{color:var(--inkt);border-color:var(--accent)}.chip--actief{background:var(--accent);border-color:var(--accent);color:var(--accent-tekst)}.rooster{grid-template-columns:repeat(auto-fill,minmax(max(min(300px,100%),33.3333% - 9.33333px),1fr));gap:14px;display:grid}.record{cursor:default;flex-direction:column;gap:8px;padding:16px;display:flex}.record--klikbaar{cursor:pointer}.record__kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.record__titel{color:var(--inkt);font-size:15px;font-weight:600}.record__meta{color:var(--inkt-zacht);font-size:12.5px}.record__regel{justify-content:space-between;align-items:baseline;gap:10px;font-size:13.5px;display:flex}.record__regel-label{color:var(--inkt-zacht)}.record__regel-waarde{color:var(--inkt);text-align:right;font-weight:500}.record__acties{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.detail{flex-direction:column;gap:10px;margin:0;display:flex}.detail__rij{grid-template-columns:140px 1fr;gap:8px;font-size:13.5px;display:grid}.detail__rij dt{color:var(--inkt-zacht);margin:0;font-weight:400}.detail__rij dd{color:var(--inkt);margin:0}.weekbalk{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.weekbalk>strong,.weekbalk>.mono{flex:100%;order:-1;font-size:.95rem}@media (min-width:700px){.weekbalk>strong,.weekbalk>.mono{text-align:center;flex:auto;order:0}}.dagkolommen{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;gap:10px;padding-bottom:6px;display:grid;overflow-x:auto}.dagkolommen>*{scroll-snap-align:start}@media (min-width:1420px){.dagkolommen{scroll-snap-type:none;grid-template-columns:repeat(7,1fr);grid-auto-flow:row;padding-bottom:0;overflow-x:visible}}.dagkolom{flex-direction:column;gap:8px;min-width:150px;padding:10px;display:flex}.tijdlijn{flex-direction:column;display:flex}.tijdlijn__regel{border-bottom:1px solid var(--lijn);gap:12px;padding:10px 0;font-size:13.5px;display:flex}.tijdlijn__regel:last-child{border-bottom:none}.tijdlijn__tijd{width:52px;font-family:var(--f-mono);color:var(--inkt-dim);flex:none;font-size:12.5px}.schil{--nav-breed:232px;background:var(--void);min-height:100dvh;color:var(--inkt);position:relative}.schil:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(52% 42% at 8% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(40% 34% at 42% 100%, #25d8c41a, transparent 70%);position:fixed;inset:0}.beheerbalk{justify-content:space-between;align-items:center;gap:var(--r-3);min-height:44px;padding:0 var(--r-4);color:#fff;font-family:var(--f-tekst);background:#9a3412;border-bottom:1px solid #7c2d12;font-size:.85rem;line-height:1.3;display:flex}.beheerbalk__tekst{overflow-wrap:anywhere;min-width:0}.beheerbalk__knop{color:#fff;min-height:44px;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;flex:none;padding:0 .4rem;text-decoration:underline}.demobalk{justify-content:space-between;align-items:center;gap:var(--r-3);min-height:44px;padding:0 var(--r-4);background:color-mix(in srgb, var(--aqua) 14%, var(--void));border-bottom:1px solid color-mix(in srgb, var(--aqua) 36%, transparent);font-family:var(--f-mono);letter-spacing:.02em;color:var(--aqua);font-size:.72rem;display:flex}.demobalk__tekst{min-width:0;line-height:1.3}.demobalk__link{min-height:44px;color:var(--aqua);text-underline-offset:2px;flex:none;align-items:center;padding:0 .2rem;text-decoration:underline;display:inline-flex}.kop{z-index:30;justify-content:space-between;align-items:center;gap:var(--r-3);height:calc(var(--kop-hoog) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(var(--r-4), env(safe-area-inset-right)) 0 max(var(--r-4), env(safe-area-inset-left));border-bottom:1px solid var(--lijn);background:#06070cd1;display:flex;position:sticky;top:0}.schil--demo .kop,.schil--beheer .kop{height:var(--kop-hoog);padding-top:0}.schil--demo .demobalk,.schil--beheer .beheerbalk{padding-top:env(safe-area-inset-top)}@media (min-width:940px){.kop{margin-left:var(--nav-breed)}}.kop__merk{align-items:center;gap:.7rem;min-width:0;display:flex}.kop__logo{border-radius:10px;flex:none;height:36px;display:block}img.kop__logo{object-fit:contain;width:auto;max-width:140px}.kop__logo--val{background:var(--accent);width:36px;color:var(--accent-tekst);font-family:var(--f-kop);letter-spacing:.02em;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.kop__tekst{flex-direction:column;gap:.1rem;min-width:0;display:flex}.kop__bedrijf{font-family:var(--f-kop);color:var(--inkt);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.kop__geleverd{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--inkt-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;overflow:hidden}@media (max-width:480px){.kop__bedrijf{white-space:normal;overflow-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.15;display:-webkit-box}}.kop__rechts{flex:none;align-items:center;gap:10px;display:none}@media (min-width:940px){.kop__rechts{display:flex}}.kop__gebruiker{color:var(--inkt-zacht);white-space:nowrap;font-size:.85rem}.kop__gebruiker:after{content:"";background:var(--inkt-dim);vertical-align:middle;border-radius:50%;width:3px;height:3px;margin-left:10px;display:inline-block}.kop__datum{letter-spacing:.02em;color:var(--inkt-dim);white-space:nowrap;font-size:.72rem}.tabbalk{z-index:30;height:calc(var(--tab-hoog) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--lijn);background:#0c0d13f0;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbalk__item{min-width:44px;max-width:100%;min-height:44px;color:var(--inkt-zacht);font-family:var(--f-tekst);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1 1 0;justify-content:center;align-items:stretch;gap:.2rem;padding:.3rem .2rem;text-decoration:none;transition:color .15s;display:flex}.tabbalk__item--actief{color:var(--accent-leesbaar)}.tabbalk__icoon{align-self:center;width:22px;height:22px;display:inline-flex;position:relative}.tabbalk__icoon svg{width:100%;height:100%}.tabbalk__label{white-space:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:anywhere;text-align:center;min-width:0;font-size:min(11px,2.8169vw - .957747px);line-height:1.15;overflow:hidden}.tabbalk__stip{background:var(--aqua);border:2px solid var(--vlak);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite stipPuls;position:absolute;top:-2px;right:-3px}@media (min-width:940px){.tabbalk{display:none}}.nav{display:none}@media (min-width:940px){.nav{width:var(--nav-breed);border-right:1px solid var(--lijn);z-index:20;background:#0c0d13f0;flex-direction:column;gap:2px;padding:16px 8px 20px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}}.schil--demo .nav,.schil--beheer .nav{top:44px}.nav__groep{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--inkt-dim);padding:16px 12px 6px;font-size:10px;font-weight:500}.nav__item{min-height:var(--raak);border-radius:var(--hoek);color:var(--inkt-zacht);font-family:var(--f-tekst);align-items:center;gap:10px;padding:0 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s,box-shadow .15s;display:flex}.nav__item:hover{color:var(--inkt);background:color-mix(in srgb, var(--inkt) 4%, transparent)}.nav__item--actief{color:var(--inkt);background:color-mix(in srgb, var(--accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.nav__item--actief .nav__icoon{color:var(--accent)}.nav__icoon{flex:none;width:16px;height:16px;display:inline-flex;position:relative}.nav__icoon svg{width:100%;height:100%}.nav__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav__stip{background:var(--aqua);border:2px solid var(--vlak);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite stipPuls;position:absolute;top:-3px;right:-4px}.nav__vast{border-top:1px solid var(--lijn);flex-direction:column;gap:2px;margin-top:10px;padding-top:6px;display:flex}@keyframes stipPuls{0%,to{opacity:1}50%{opacity:.4}}.meer-blad__raster{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.meer-blad__groep{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--inkt-dim);grid-column:1/-1;padding:14px 2px 4px;font-size:10.5px;font-weight:500}.meer-blad__groep:first-child{padding-top:0}.meer-blad__tegel{border-radius:var(--hoek);background:color-mix(in srgb, var(--inkt) 2%, transparent);min-height:76px;color:var(--inkt-zacht);cursor:pointer;text-align:center;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 6px;transition:background-color .15s,color .15s,box-shadow .15s;display:flex}.meer-blad__tegel:hover{background:color-mix(in srgb, var(--inkt) 6%, transparent);color:var(--inkt)}.meer-blad__tegel--actief{color:var(--inkt);background:color-mix(in srgb, var(--accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.meer-blad__tegel--actief .meer-blad__icoon{color:var(--accent)}.meer-blad__icoon{display:inline-flex;position:relative}.meer-blad__label{text-align:center;white-space:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:anywhere;max-width:100%;font-size:11px;line-height:1.2}.meer-blad__stip{background:var(--aqua);border:2px solid var(--vlak);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite stipPuls;position:absolute;top:-3px;right:-6px}.meer-blad__uitloggen{margin-top:var(--r-4);padding-top:var(--r-4);border-top:1px solid var(--lijn)}.schil__inhoud{max-width:var(--inhoud-breed);padding:var(--r-5) var(--r-4) calc(var(--tab-hoog) + env(safe-area-inset-bottom) + var(--r-6));margin-inline:auto}@media (min-width:940px){.schil__inhoud{margin-left:var(--nav-breed);padding:var(--r-6);margin-right:auto}}.schil__voet{margin-top:var(--r-6);padding-top:var(--r-4);border-top:1px solid var(--lijn);color:var(--inkt-dim);text-align:center;font-size:.8rem}@media (min-width:940px){.schil__voet{text-align:left}}.auth{min-height:100dvh;padding:var(--r-5) var(--r-4);justify-content:center;align-items:center;display:flex}.auth__paneel{gap:var(--r-5);flex-direction:column;width:100%;max-width:420px;display:flex}.auth__merk{justify-content:center;align-items:center;gap:.6rem;display:flex}.auth__merknaam{font-family:var(--f-kop);color:var(--inkt);font-size:1.05rem;font-weight:600}.auth__voet{text-align:center;color:var(--inkt-dim);margin:0;font-size:.78rem}.inloggen__code-veld .k-veld__invoer{font-family:var(--f-mono);letter-spacing:.35em;text-align:center;padding-left:.55em;font-size:1.6rem}.inloggen__link{min-height:44px;color:var(--inkt-zacht);font-family:var(--f-tekst);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0 .3rem;font-size:.88rem;text-decoration:underline}.inloggen__link:disabled{color:var(--inkt-dim);cursor:not-allowed;text-decoration:none}.inloggen__bureau{text-align:center;margin:.75rem 0 0;font-size:.82rem}.inloggen__bureau a{min-height:44px;color:var(--inkt-zacht);text-underline-offset:2px;overflow-wrap:anywhere;align-items:center;padding:0 .3rem;text-decoration:underline;display:inline-flex}@media (prefers-reduced-motion:reduce){.tabbalk__item,.nav__item,.meer-blad__tegel,.glas--hover{transition-duration:.001ms}.kaart-in,.tabbalk__stip,.nav__stip,.meer-blad__stip{animation:none}}.schil[data-thema=licht] .glas{background:var(--glas);box-shadow:var(--schaduw-kaart)}.schil[data-thema=licht] .glas:before{background:linear-gradient(135deg, #0f172a0f, #0f172a05 32%, color-mix(in srgb, var(--accent) 40%, transparent) 68%, color-mix(in srgb, var(--accent) 55%, transparent) 100%)}.schil[data-thema=licht] .glas--hover:hover{background:color-mix(in srgb, var(--inkt) 4%, var(--glas));box-shadow:0 16px 40px -18px #0f172a47, 0 0 24px color-mix(in srgb, var(--accent) 20%, transparent)}.schil[data-thema=licht]:before{background:radial-gradient(52% 42% at 8% 0%, var(--gloed), transparent 70%), radial-gradient(40% 34% at 42% 100%, color-mix(in srgb, var(--aqua) 8%, transparent), transparent 70%)}.schil[data-thema=licht] .demobalk,.schil[data-thema=licht] .demobalk__link{color:var(--inkt)}.schil[data-thema=licht] .kop,.schil[data-thema=licht] .tabbalk,.schil[data-thema=licht] .nav{background:color-mix(in srgb, var(--void) 96%, transparent)}.schil[data-thema=licht] .tabbalk__item--actief{background:var(--accent-zacht);border-radius:var(--hoek)}
@font-face{font-family:Michroma;font-style:normal;font-weight:400;font-display:swap;src:url(/demo/fonts/michroma-latin.woff2)format("woff2")}.schil[data-stijl=carbon]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--f-display:"Michroma", "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--vlak:#111115;--glas:#16161cb8;--inkt:#f3f4f6;--inkt-zacht:#a9acb5;--inkt-dim:#767986;--lijn:#202027;--lijn-op:#363641;--hoek:12px;--aqua:#c9ccd4;--goed:#3fd08a;--let-op:#f0b44c;--fout:#ff6b76;--wacht:#9db8ff;--chroom:linear-gradient(180deg, #fff 0%, #dcdfe5 28%, #8d919b 50%, #d2d5dc 74%, #a5a9b2 100%);--chroom-vlak:linear-gradient(180deg, #f5f6f8 0%, #b9bcc4 48%, #7d818b 52%, #c9ccd3 100%);--lijn-uitlopend:linear-gradient(90deg, transparent, var(--accent) 50%, transparent);--glans:linear-gradient(90deg, transparent, #ffffff8c 50%, transparent);--schaduw-kaart:0 1px 0 #ffffff0d inset, 0 18px 40px -22px #000000e6}.schil[data-stijl=carbon]:before{background:radial-gradient(56% 44% at 0% -8%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 64%), radial-gradient(34% 26% at 100% 2%, #ffffff12, transparent 70%), radial-gradient(46% 38% at 50% 118%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 72%)}.schil[data-stijl=carbon]:after{content:"";z-index:-1;pointer-events:none;opacity:.3;background-image:repeating-linear-gradient(45deg,#ffffff07 0 2px,#0000 2px 6px),repeating-linear-gradient(-45deg,#0006 0 2px,#0000 2px 6px);position:fixed;inset:0}.schil[data-stijl=carbon] ::selection{background:var(--accent);color:#fff}.schil[data-stijl=carbon] *{scrollbar-width:thin;scrollbar-color:#33333d transparent}.schil[data-stijl=carbon] .demobalk{border-bottom:1px solid var(--lijn-op);min-height:34px;color:var(--inkt-zacht);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#17171c,#111115);font-size:.68rem;position:relative}.schil[data-stijl=carbon] .demobalk:after{content:"";background:var(--lijn-uitlopend);opacity:.7;pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0}.schil[data-stijl=carbon] .demobalk__link{color:var(--inkt);min-height:34px}.schil[data-stijl=carbon].schil--demo .nav{top:34px}.schil[data-stijl=carbon] .kop{border-bottom:1px solid var(--lijn);background:linear-gradient(#141419,#0c0c0f)}.schil[data-stijl=carbon] .kop:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 70%, transparent), #ffffff29 30%, transparent 75%);pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0}.schil[data-stijl=carbon] img.kop__logo{filter:drop-shadow(0 2px 8px #0009);border-radius:0;max-width:128px;height:30px}.schil[data-stijl=carbon] .kop__bedrijf{display:none}.schil[data-stijl=carbon] .kop__geleverd{color:var(--inkt-dim);border-left:1px solid var(--lijn-op);padding-left:.85rem}.schil[data-stijl=carbon] .kop__merk{gap:0}.schil[data-stijl=carbon] .kop__gebruiker{color:var(--inkt)}.schil[data-stijl=carbon] .kop__datum{color:var(--inkt-zacht)}@media (min-width:940px){.schil[data-stijl=carbon] .kop__merk{display:none}.schil[data-stijl=carbon] .kop:before{content:var(--merk-regel,"");font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--inkt-zacht);font-size:.68rem}.schil[data-stijl=carbon] .nav{border-right:1px solid var(--lijn);background:linear-gradient(#ffffff08,#0000 22%),linear-gradient(#131317,#0c0c0f);padding-top:10px;box-shadow:18px 0 40px -28px #000000e6}.schil[data-stijl=carbon] .nav:before{content:"";background:var(--merk-logo) center 10px / auto 46px no-repeat, linear-gradient(90deg, transparent, var(--accent) 50%, transparent) center calc(100% - 8px) / 78% 1px no-repeat;filter:drop-shadow(0 4px 14px #000000b3);flex:none;height:74px;margin:0 6px 6px}}.schil[data-stijl=carbon] .nav__groep{color:var(--inkt-dim);align-items:center;gap:10px;display:flex}.schil[data-stijl=carbon] .nav__groep:after{content:"";background:linear-gradient(90deg, var(--lijn-op), transparent);flex:1;height:1px}.schil[data-stijl=carbon] .nav__item{min-height:42px;color:var(--inkt-zacht);border-radius:10px;position:relative}.schil[data-stijl=carbon] .nav__item:hover{color:var(--inkt);background:linear-gradient(90deg,#ffffff0f,#0000)}.schil[data-stijl=carbon] .nav__item--actief{color:var(--inkt);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 26%, transparent), color-mix(in srgb, var(--accent) 3%, transparent) 88%);box-shadow:none}.schil[data-stijl=carbon] .nav__item--actief:before{content:"";background:var(--accent);width:3px;box-shadow:0 0 14px 1px color-mix(in srgb, var(--accent) 80%, transparent);border-radius:0 3px 3px 0;position:absolute;top:8px;bottom:8px;left:-8px}.schil[data-stijl=carbon] .nav__item--actief .nav__icoon{color:#ff6a63;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 80%, transparent))}.schil[data-stijl=carbon] .nav__vast{border-top:1px solid var(--lijn)}.schil[data-stijl=carbon] .tabbalk{border-top:1px solid var(--lijn);background:linear-gradient(#141419,#09090c)}.schil[data-stijl=carbon] .tabbalk:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 65%, transparent) 50%, transparent);pointer-events:none;height:1px;position:absolute;top:-1px;left:0;right:0}.schil[data-stijl=carbon] .tabbalk__item--actief{color:#ff7069}.schil[data-stijl=carbon] .tabbalk__item--actief .tabbalk__icoon{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 85%, transparent))}.schil[data-stijl=carbon] .tabbalk__stip,.schil[data-stijl=carbon] .nav__stip,.schil[data-stijl=carbon] .meer-blad__stip{background:var(--accent)}.schil[data-stijl=carbon] .module-kop__titel,.schil[data-stijl=carbon] .scherm-kop__titel{font-family:var(--f-display);letter-spacing:.01em;background:var(--chroom);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:400;line-height:1.15}.schil[data-stijl=carbon] .module-kop__intro{color:var(--inkt-zacht)}.schil[data-stijl=carbon] .module-kop__meta{color:var(--inkt-zacht);border:1px solid var(--lijn-op);background:#ffffff08;border-radius:999px;padding:.3rem .7rem}.schil[data-stijl=carbon] .groep-kop,.schil[data-stijl=carbon] .kengetal__label{color:var(--inkt-dim)}.schil[data-stijl=carbon] .k-label,.schil[data-stijl=carbon] .scherm-kop__label{color:var(--aqua)}.schil[data-stijl=carbon] .glas{box-shadow:var(--schaduw-kaart);background:linear-gradient(#ffffff0b,#ffffff02 42%),#0f0f13e0}.schil[data-stijl=carbon] .glas:before{background:linear-gradient(150deg, #ffffff4d, #ffffff0f 26%, #ffffff06 62%, color-mix(in srgb, var(--accent) 60%, transparent) 100%)}.schil[data-stijl=carbon] .glas--hover:hover{box-shadow:0 22px 50px -24px #000000f2, 0 0 34px -6px color-mix(in srgb, var(--accent) 40%, transparent);background:linear-gradient(#ffffff12,#ffffff04 42%),#131318eb}.schil[data-stijl=carbon] .kengetal{position:relative;overflow:hidden}.schil[data-stijl=carbon] .kengetal:after{content:"";background:var(--lijn-uitlopend);opacity:.85;height:1px;position:absolute;top:0;left:16px;right:16px}.schil[data-stijl=carbon] .kengetal__waarde{background:var(--chroom);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.06em;font-weight:600}.schil[data-stijl=carbon] .kengetal--let-op .kengetal__waarde{-webkit-text-fill-color:var(--let-op);color:var(--let-op);background:0 0}.schil[data-stijl=carbon] .kengetal--goed .kengetal__waarde{-webkit-text-fill-color:var(--goed);color:var(--goed);background:0 0}.schil[data-stijl=carbon] .record__titel{color:var(--inkt)}.schil[data-stijl=carbon] .tijdlijn__tijd{color:#ff7069}.schil[data-stijl=carbon] .tijdlijn__regel{border-bottom-color:var(--lijn)}.schil[data-stijl=carbon] .k-knop--vol{color:#fff;border-color:color-mix(in srgb, var(--accent) 70%, #fff 30%);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 82%, #fff 18%) 0%, var(--accent) 46%, var(--accent-donker) 100%);box-shadow:0 1px 0 #ffffff59 inset, 0 10px 26px -10px color-mix(in srgb, var(--accent) 85%, transparent), 0 0 0 1px #00000059;text-shadow:0 1px #00000040;overflow:hidden}.schil[data-stijl=carbon] .k-knop--vol:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff59 50%,#0000 65%);transition:transform .7s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:translate(-120%)}.schil[data-stijl=carbon] .k-knop--vol:hover:not(:disabled):after{transform:translate(120%)}.schil[data-stijl=carbon] .k-knop--vol:hover:not(:disabled){box-shadow:0 1px 0 #fff6 inset, 0 14px 32px -10px color-mix(in srgb, var(--accent) 95%, transparent), 0 0 0 1px #00000059}.schil[data-stijl=carbon] .k-knop--lijn{border-color:var(--lijn-op);color:var(--inkt);background:linear-gradient(#ffffff0f,#ffffff04)}.schil[data-stijl=carbon] .k-knop--lijn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 70%, #fff 10%);box-shadow:0 0 22px -8px color-mix(in srgb, var(--accent) 60%, transparent)}.schil[data-stijl=carbon] .k-knop--stil{color:var(--inkt-zacht)}.schil[data-stijl=carbon] .k-knop--stil:hover:not(:disabled){color:#fff}.schil[data-stijl=carbon] .chip{border-color:var(--lijn-op);background:linear-gradient(#ffffff0d,#ffffff03)}.schil[data-stijl=carbon] .chip:hover{color:#fff;border-color:color-mix(in srgb, var(--accent) 75%, #fff 10%)}.schil[data-stijl=carbon] .chip--actief{color:#fff;border-color:color-mix(in srgb, var(--accent) 70%, #fff 30%);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 82%, #fff 18%), var(--accent-donker));box-shadow:0 8px 22px -10px color-mix(in srgb, var(--accent) 90%, transparent)}.schil[data-stijl=carbon] .k-veld__invoer{border-color:var(--lijn-op);background:linear-gradient(#0000008c,#0000004d);box-shadow:0 1px #ffffff0a,inset 0 2px 8px #00000073}.schil[data-stijl=carbon] .k-veld__invoer:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent), 0 2px 8px #00000073 inset}.schil[data-stijl=carbon] .k-badge--accent{--k-badge-kleur:#ff7d76}.schil[data-stijl=carbon] .k-dialoog__paneel{border-color:var(--lijn-op);background:linear-gradient(#ffffff0d,#0000 30%),#101014;box-shadow:0 40px 90px -20px #000000f2,inset 0 0 0 1px #ffffff08}@keyframes cxInhoud{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.schil[data-stijl=carbon] .scherm,.schil[data-stijl=carbon] .rooster>*,.schil[data-stijl=carbon] .raster>*{animation:none}.schil[data-stijl=carbon] .k-knop--vol:after{transition:none}}.cx-cockpit{gap:var(--r-5);background:radial-gradient(64% 130% at 104% -10%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 62%), linear-gradient(180deg, #ffffff0e, #ffffff03 42%), #0c0c10eb;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;padding:clamp(20px,3vw,34px);display:grid;position:relative;overflow:hidden}.cx-cockpit:after{content:"";z-index:0;pointer-events:none;opacity:.6;background-image:repeating-linear-gradient(45deg,#ffffff08 0 2px,#0000 2px 6px),repeating-linear-gradient(-45deg,#0000006b 0 2px,#0000 2px 6px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 20%,#000 90%);mask-image:linear-gradient(100deg,#0000 20%,#000 90%)}.cx-cockpit>*{z-index:2;position:relative}.cx-cockpit__lijn{background:var(--lijn-uitlopend);opacity:.9;height:1px;bottom:0;left:24px;right:24px;z-index:3!important;position:absolute!important}.cx-cockpit__links{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;display:flex}.cx-status{border:1px solid var(--lijn-op);font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--inkt-zacht);background:#ffffff09;border-radius:999px;align-items:center;gap:9px;margin:0;padding:5px 12px 5px 10px;font-size:.68rem;display:inline-flex}.cx-status__stip{background:var(--inkt-dim);border-radius:50%;flex:none;width:8px;height:8px}.cx-status--open{color:#b9f0d2;border-color:color-mix(in srgb, var(--goed) 38%, transparent);background:color-mix(in srgb, var(--goed) 9%, transparent)}.cx-status--open .cx-status__stip{background:var(--goed);box-shadow:0 0 0 0 color-mix(in srgb, var(--goed) 70%, transparent);animation:2.2s ease-out infinite cxPuls}@keyframes cxPuls{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--goed) 60%, transparent)}70%,to{box-shadow:0 0 0 9px #0000}}.cx-cockpit__titel{font-family:var(--f-display);letter-spacing:.005em;background:var(--chroom);-webkit-text-fill-color:transparent;color:#0000;overflow-wrap:anywhere;-webkit-background-clip:text;background-clip:text;margin:4px 0 0;padding-bottom:.1em;font-size:clamp(1.3rem,2vw,1.95rem);font-weight:400;line-height:1.14}.cx-cockpit__datum{font-family:var(--f-mono);letter-spacing:.06em;color:var(--inkt-zacht);margin:0;font-size:.78rem}.cx-cockpit__samenvatting{max-width:46ch;color:var(--inkt);margin:4px 0 0;line-height:1.55}.cx-acties{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.cx-cockpit__meters{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(2px,1vw,12px);display:grid}.cx-meter{text-align:center;flex-direction:column;align-items:center;min-width:0;margin:0;display:flex}.cx-meter__svg{width:100%;max-width:214px;height:auto;overflow:visible}.cx-meter__schijf{stroke:#ffffff0d;stroke-width:1px}.cx-meter__baan{fill:none;stroke:#ffffff14;stroke-width:9px;stroke-linecap:round}.cx-meter__waarde{fill:none;stroke-width:9px;stroke-linecap:round;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--accent) 75%, transparent));transition:stroke-dashoffset 1.6s cubic-bezier(.2,.85,.2,1)}.cx-meter__streep{stroke:#ffffff29;stroke-width:1.4px;stroke-linecap:round;transition:stroke .4s}.cx-meter__streep--groot{stroke:#ffffff52;stroke-width:2.2px}.cx-meter__streep--actief{stroke:#ff8a82}.cx-meter__naald{transform-origin:110px 110px;transition:transform 1.6s cubic-bezier(.2,.85,.2,1)}.cx-meter__naald line{stroke:#fff;stroke-width:2.2px;stroke-linecap:round;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--accent) 90%, transparent))}.cx-meter__naald circle{fill:var(--accent)}.cx-meter__naaf{fill:#0b0b0e;stroke:var(--lijn-op);stroke-width:1.6px}.cx-meter__naaf-punt{fill:var(--accent)}.cx-meter__cijfer{font-family:var(--f-display);font-size:27px}.cx-meter__eenheid{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;fill:var(--inkt-zacht);font-size:10px}.cx-meter__tekst{flex-direction:column;gap:2px;margin-top:-4px;display:flex}.cx-meter__label{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--inkt);font-size:.66rem}.cx-meter__toelichting{color:var(--inkt-dim);font-size:.75rem}@media (max-width:939px){.cx-cockpit{gap:var(--r-4);grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.cx-cockpit__meters{gap:0;margin-inline:-8px}.cx-meter__cijfer{font-size:30px}}.cx-feed{flex-direction:column;min-width:0;padding:0;display:flex}.cx-feed__kop{border-bottom:1px solid var(--lijn);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.cx-feed__titel{letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.cx-feed__sub{color:var(--inkt-zacht);margin:5px 0 0;font-size:.8rem;line-height:1.45}.cx-feed__sub strong{color:var(--inkt);white-space:nowrap;font-weight:600}.cx-live{border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:#ff9a93;font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;flex:none;align-items:center;gap:7px;padding:4px 11px 4px 9px;font-size:.66rem;display:inline-flex}.cx-live__stip{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.6s ease-out infinite cxLive}@keyframes cxLive{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 75%, transparent)}75%,to{box-shadow:0 0 0 8px #0000}}.cx-feed__lijst{flex-direction:column;margin:0;padding:6px 8px 10px;list-style:none;display:flex}.cx-feed__regel{--k:var(--inkt-zacht);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid;position:relative}.cx-feed__regel+.cx-feed__regel:before{content:"";background:var(--lijn);height:1px;position:absolute;top:-1px;left:58px;right:12px}.cx-feed__regel--whatsapp{--k:#7be0a4}.cx-feed__regel--boeking,.cx-feed__regel--betaling{--k:#56d99b}.cx-feed__regel--herinnering,.cx-feed__regel--terugkom{--k:#f0b44c}.cx-feed__regel--review,.cx-feed__regel--review-verzoek{--k:#f5c542}.cx-feed__regel--afspraak,.cx-feed__regel--werkbon,.cx-feed__regel--offerte{--k:#c9ccd4}.cx-feed__icoon{width:36px;height:36px;color:var(--k);background:linear-gradient(180deg, color-mix(in srgb, var(--k) 16%, transparent), color-mix(in srgb, var(--k) 4%, transparent));border:1px solid color-mix(in srgb, var(--k) 30%, var(--lijn-op));box-shadow:0 0 18px -8px var(--k);border-radius:11px;place-items:center;display:grid}.cx-feed__tekst{flex-direction:column;gap:1px;min-width:0;display:flex}.cx-feed__regel-titel{color:var(--inkt);overflow-wrap:anywhere;font-size:.875rem;font-weight:600;line-height:1.3}.cx-feed__regel-detail{color:var(--inkt-zacht);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.cx-feed__rechts{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.cx-feed__tijd{font-family:var(--f-mono);color:var(--inkt-dim);white-space:nowrap;font-size:.68rem}@keyframes cxNieuw{0%{opacity:0;background:color-mix(in srgb, var(--accent) 24%, transparent);transform:translateY(-16px)scale(.985)}55%{opacity:1;background:color-mix(in srgb, var(--accent) 12%, transparent);transform:none}to{background:0 0}}.cx-feed__regel--nieuw{animation:1.6s cubic-bezier(.2,.9,.2,1) both cxNieuw}@media (max-width:520px){.cx-feed__rechts .k-badge{display:none}.cx-feed__regel{gap:10px;padding:10px 6px}.cx-feed__regel+.cx-feed__regel:before{left:52px;right:6px}}@media (prefers-reduced-motion:reduce){.cx-status--open .cx-status__stip,.cx-live__stip,.cx-feed__regel--nieuw{animation:none}.cx-meter__waarde,.cx-meter__naald{transition:none}}.cx-kenteken{background:#f7c600;border:1px solid #b38f00;border-radius:4px;flex:none;align-self:flex-start;align-items:stretch;max-width:100%;height:22px;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff59,0 4px 10px -4px #000000b3}.cx-kenteken__nl{color:#fff;font-family:var(--f-tekst);letter-spacing:.04em;background:#0b3ea6;place-items:center;padding:0 5px;font-size:9px;font-weight:700;display:grid}.cx-kenteken__nummer{color:#111;font-family:var(--f-mono);letter-spacing:.06em;white-space:nowrap;place-items:center;padding:0 8px;font-size:12px;font-weight:700;display:grid}.cx-voertuig{flex-direction:column;gap:6px;min-width:0;display:flex}.cx-voertuig__rij{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.cx-voertuig__auto{color:var(--inkt);overflow-wrap:anywhere;font-size:.8125rem;font-weight:600}.cx-voertuig__rest{margin:0;font-size:.8125rem;line-height:1.45}@media (min-width:940px){.schil[data-stijl=carbon] .dagkolommen{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}}.schil[data-stijl=carbon] .dagkolom{border:1px solid var(--lijn);background:linear-gradient(#ffffff09,#fff0 40%);border-radius:14px;min-width:0;padding:10px 8px}.schil[data-stijl=carbon] .dagkolom .tussen{border-bottom:1px solid var(--lijn);margin-bottom:4px;padding:0 4px 8px}.schil[data-stijl=carbon] .dagkolom .tussen .mono{color:var(--inkt);font-size:.8rem}.schil[data-stijl=carbon] .agenda-dagkolom--vandaag{border-color:color-mix(in srgb, var(--accent) 70%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, transparent), #fff0 55%);box-shadow:0 0 40px -14px color-mix(in srgb, var(--accent) 70%, transparent);outline:none}.schil[data-stijl=carbon] .agenda-dagkolom--vandaag .tussen .mono{color:#ff7d76;font-weight:700}.schil[data-stijl=carbon] .agenda-kaart{border:1px solid var(--lijn-op);background:linear-gradient(#fff1,#ffffff05);border-radius:10px;gap:3px;margin-bottom:6px;padding:8px 8px 8px 13px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.schil[data-stijl=carbon] .agenda-kaart:before{content:"";background:var(--accent);width:3px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 80%, transparent);position:absolute;top:0;bottom:0;left:0}.schil[data-stijl=carbon] .agenda-kaart:hover{border-color:color-mix(in srgb, var(--accent) 65%, #fff 8%);box-shadow:0 12px 26px -14px color-mix(in srgb, var(--accent) 60%, transparent);transform:translateY(-1px)}.schil[data-stijl=carbon] .agenda-kaart__tijd{letter-spacing:.04em;color:#ff7d76;margin:0;font-size:.7rem}.schil[data-stijl=carbon] .agenda-kaart__titel{font-size:.8125rem;font-weight:600;line-height:1.25}.schil[data-stijl=carbon] .agenda-kaart__meta{color:var(--inkt-zacht);font-size:.75rem;line-height:1.3}.schil[data-stijl=carbon] .agenda-kaart .cx-kenteken{height:19px;margin-top:5px}.schil[data-stijl=carbon] .agenda-kaart .cx-kenteken__nummer{padding:0 6px;font-size:10.5px}.schil[data-stijl=carbon] .agenda-kaart .cx-kenteken__nl{padding:0 4px;font-size:8px}.schil[data-stijl=carbon] .whatsapp-lijst-item{border-color:var(--lijn-op);background:linear-gradient(#ffffff0d,#ffffff04);border-radius:14px;transition:border-color .2s,transform .2s,background .2s;position:relative}.schil[data-stijl=carbon] .whatsapp-lijst-item:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--lijn-op));transform:translate(2px)}.schil[data-stijl=carbon] .whatsapp-lijst-item--actief{border-color:color-mix(in srgb, var(--accent) 65%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 22%, transparent), color-mix(in srgb, var(--accent) 4%, transparent));box-shadow:0 12px 30px -18px color-mix(in srgb, var(--accent) 80%, transparent)}.schil[data-stijl=carbon] .whatsapp-lijst-item--actief:before{content:"";background:var(--accent);width:3px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 85%, transparent);border-radius:0 3px 3px 0;position:absolute;top:10px;bottom:10px;left:0}.schil[data-stijl=carbon] .whatsapp-detail__naam{font-family:var(--f-display);letter-spacing:.02em;font-size:.95rem;font-weight:400}.schil[data-stijl=carbon] .whatsapp-ballonnen{border:1px solid var(--lijn);background:radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 60%), linear-gradient(180deg, #00000059, #0000002e);border-radius:16px;padding:14px}.schil[data-stijl=carbon] .whatsapp-ballon__tekst{border-radius:16px;font-size:.9rem}.schil[data-stijl=carbon] .whatsapp-ballon--klant .whatsapp-ballon__tekst{border:1px solid var(--lijn-op);background:linear-gradient(#1d1d24,#16161b);border-radius:16px 16px 16px 4px}.schil[data-stijl=carbon] .whatsapp-ballon--wij .whatsapp-ballon__tekst{color:#fff;border:1px solid color-mix(in srgb, var(--accent) 60%, #fff 22%);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 86%, #fff 14%), var(--accent-donker));box-shadow:0 14px 30px -16px color-mix(in srgb, var(--accent) 95%, transparent);border-radius:16px 16px 4px}.schil[data-stijl=carbon] .reviews-ster{stroke:#4a4a55}.schil[data-stijl=carbon] .reviews-ster--vol{fill:#f5c542;stroke:#f5c542;filter:drop-shadow(0 0 4px #f5c54273)}.schil[data-stijl=carbon] .reviews-verzoeken .k-rij{padding-inline:16px}.schil[data-stijl=carbon] .reviews-antwoord{background:linear-gradient(#ffffff0a,#ffffff03)}.schil[data-stijl=carbon] .crm-contact a{color:var(--inkt)}.schil[data-stijl=carbon] .crm-contact a svg{color:#ff7d76}.schil[data-stijl=carbon] .crm-volgende{border-color:color-mix(in srgb, var(--accent) 35%, var(--lijn-op));background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent)}.schil[data-stijl=carbon] .crm-volgende__label svg{color:#ff7d76}.schil[data-stijl=carbon] .crm-jarig{color:var(--let-op)}.schil[data-stijl=carbon] .k-rij:hover{background:linear-gradient(90deg,#ffffff0d,#0000)}.schil[data-stijl=carbon] .doc-vel .k-knop--lijn{color:#14181f;box-shadow:none;background:#fff;border-color:#c9ced6}.schil[data-stijl=carbon] .doc-vel .k-knop--lijn:hover:not(:disabled){border-color:var(--accent)}.schil[data-stijl=carbon] .uren-klanten{padding:var(--r-4) var(--r-5)}@media (max-width:939px){.schil[data-stijl=carbon] .schil__inhoud{padding-top:var(--r-4)}.schil[data-stijl=carbon] .module-kop__titel{font-size:clamp(1.15rem,5.2vw,1.5rem)}}