@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--kl-achtergrond:#0e0f11;--kl-vlak:#141518;--kl-vlak-hover:#1b1c20;--kl-vlak-actief:#232429;--kl-overlay:#0000008c;--kl-rand:#222328;--kl-rand-sterk:#2f3036;--kl-tekst:#ebecef;--kl-tekst-gedempt:#9b9ca5;--kl-tekst-zwak:#7f808a;--kl-accent:#7c7bff;--kl-accent-hover:#908fff;--kl-accent-tekst:#fff;--kl-accent-zacht:#7c7bff24;--kl-rood:#f0666b;--kl-rood-zacht:#f0666b1f;--kl-amber:#e9a83b;--kl-amber-zacht:#e9a83b1f;--kl-groen:#4fb985;--kl-info:#5ea8e8;--kl-info-zacht:#5ea8e81f;--schaduw-paneel:0 0 0 1px var(--kl-rand), 0 16px 48px #00000080;--schaduw-pop:0 0 0 1px var(--kl-rand-sterk), 0 8px 24px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font:"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--tekst-xs:.75rem;--tekst-sm:.8125rem;--tekst-md:.875rem;--tekst-lg:1rem;--tekst-xl:1.25rem;--tekst-2xl:1.5rem;--gewicht-normaal:400;--gewicht-medium:500;--gewicht-vet:600;--r-1:4px;--r-2:8px;--r-3:12px;--r-4:16px;--r-5:20px;--r-6:24px;--r-8:32px;--r-10:40px;--hoek:6px;--hoek-sm:4px;--rand:1px solid var(--kl-rand);--rij-hoogte:40px;--tikdoel:32px;--rail-smal:56px;--rail-breed:220px;--tabbalk-hoogte:64px;--inhoud-max:920px;--duur-snel:.12s;--duur:.2s;--duur-traag:.32s;--curve:cubic-bezier(.2, 0, 0, 1);--curve-in:cubic-bezier(.4, 0, 1, 1)}:root[data-theme=light]{--kl-achtergrond:#fff;--kl-vlak:#f8f8fa;--kl-vlak-hover:#f1f1f4;--kl-vlak-actief:#e9e9ed;--kl-overlay:#0f0f144d;--kl-rand:#e7e7ec;--kl-rand-sterk:#d6d6dd;--kl-tekst:#16171b;--kl-tekst-gedempt:#5d5e67;--kl-tekst-zwak:#6e6f78;--kl-accent:#5b59e8;--kl-accent-hover:#4b49d6;--kl-accent-zacht:#5b59e81a;--kl-rood:#d23f45;--kl-rood-zacht:#d23f4514;--kl-amber:#b4720b;--kl-amber-zacht:#b4720b1a;--kl-groen:#2c8a5c;--kl-info:#1f6db0;--kl-info-zacht:#1f6db017;--schaduw-paneel:0 0 0 1px var(--kl-rand), 0 16px 48px #0f0f141f;--schaduw-pop:0 0 0 1px var(--kl-rand), 0 8px 24px #0f0f141a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--kl-achtergrond:#fff;--kl-vlak:#f8f8fa;--kl-vlak-hover:#f1f1f4;--kl-vlak-actief:#e9e9ed;--kl-overlay:#0f0f144d;--kl-rand:#e7e7ec;--kl-rand-sterk:#d6d6dd;--kl-tekst:#16171b;--kl-tekst-gedempt:#5d5e67;--kl-tekst-zwak:#6e6f78;--kl-accent:#5b59e8;--kl-accent-hover:#4b49d6;--kl-accent-zacht:#5b59e81a;--kl-rood:#d23f45;--kl-rood-zacht:#d23f4514;--kl-amber:#b4720b;--kl-amber-zacht:#b4720b1a;--kl-groen:#2c8a5c;--kl-info:#1f6db0;--kl-info-zacht:#1f6db017;--schaduw-paneel:0 0 0 1px var(--kl-rand), 0 16px 48px #0f0f141f;--schaduw-pop:0 0 0 1px var(--kl-rand), 0 8px 24px #0f0f141a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}@media (width<=767px){:root{--rij-hoogte:52px;--tikdoel:44px}}html{font-family:var(--font);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-size:16px}*,:before,:after{box-sizing:border-box}h1,h2,h3,p{margin:0}a{color:var(--kl-accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}body{background:var(--kl-achtergrond);color:var(--kl-tekst);font-family:var(--font);font-size:var(--tekst-md);margin:0;line-height:1.5}.cijfers{font-variant-numeric:tabular-nums}.gedempt-tekst{color:var(--kl-tekst-gedempt)}.zwak-tekst{color:var(--kl-tekst-zwak)}:focus-visible{outline:2px solid var(--kl-accent);outline-offset:2px;border-radius:var(--hoek-sm)}.btn{justify-content:center;align-items:center;gap:var(--r-2);height:var(--tikdoel);padding:0 var(--r-3);border:var(--rand);border-color:var(--kl-rand-sterk);border-radius:var(--hoek);color:var(--kl-tekst);font:inherit;font-size:var(--tekst-sm);font-weight:var(--gewicht-medium);white-space:nowrap;cursor:pointer;transition:background var(--duur-snel), border-color var(--duur-snel), color var(--duur-snel);background:0 0;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--kl-vlak-hover);text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn svg{flex:none;width:16px;height:16px}.btn--primair{background:var(--kl-accent);border-color:var(--kl-accent);color:var(--kl-accent-tekst)}.btn--primair:hover:not(:disabled){background:var(--kl-accent-hover);border-color:var(--kl-accent-hover)}.btn--gevaar{background:var(--kl-rood);border-color:var(--kl-rood);color:#fff}.btn--gevaar:hover:not(:disabled){background:var(--kl-rood);filter:brightness(1.1)}.btn--stil{color:var(--kl-tekst-gedempt);border-color:#0000}.btn--stil:hover:not(:disabled){color:var(--kl-tekst)}.btn--icoon{width:var(--tikdoel);padding:0}.btn--icoon svg{width:18px;height:18px}.binnenkort{font-size:10px;font-weight:var(--gewicht-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--kl-tekst-zwak);border:var(--rand);border-radius:var(--hoek-sm);padding:0 var(--r-1)}.tag{align-items:center;gap:var(--r-1);border-radius:var(--hoek-sm);height:20px;font-size:var(--tekst-xs);font-weight:var(--gewicht-medium);white-space:nowrap;background:var(--kl-vlak-actief);color:var(--kl-tekst-gedempt);padding:0 6px;display:inline-flex}.tag--rood{background:var(--kl-rood-zacht);color:var(--kl-rood)}.tag--amber{background:var(--kl-amber-zacht);color:var(--kl-amber)}.tag--info{background:var(--kl-info-zacht);color:var(--kl-info)}.tag svg{width:12px;height:12px}.stip{background:var(--kl-tekst-zwak);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.stip--rood{background:var(--kl-rood)}.stip--amber{background:var(--kl-amber)}.stip--info{background:var(--kl-info)}.stip--accent{background:var(--kl-accent)}.skelet{border-radius:var(--hoek-sm);background:var(--kl-vlak-actief);animation:1.4s ease-in-out infinite skelet-puls}@keyframes skelet-puls{50%{opacity:.5}}@media (width<=767px){.alleen-breed{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.sheet{z-index:50;position:fixed;inset:0}.sheet__achtergrond{background:var(--kl-overlay);animation:sheet-vervaag var(--duur-traag) var(--curve);position:absolute;inset:0}.sheet__paneel{top:var(--r-2);right:var(--r-2);bottom:var(--r-2);width:min(440px, calc(100vw - 2 * var(--r-2)));border-radius:var(--hoek);background:var(--kl-achtergrond);box-shadow:var(--schaduw-paneel);animation:sheet-rechts-in var(--duur-traag) var(--curve);outline:none;flex-direction:column;display:flex;position:absolute}.sheet__greep{display:none}.sheet__kop{justify-content:space-between;align-items:center;gap:var(--r-3);padding:var(--r-3) var(--r-3) var(--r-3) var(--r-5);border-bottom:var(--rand);display:flex}.sheet__kop h2{font-size:var(--tekst-lg);font-weight:var(--gewicht-vet);margin:0}.sheet__inhoud{padding:var(--r-5);flex:1;overflow-y:auto}.sheet__voet{justify-content:flex-end;gap:var(--r-2);padding:var(--r-3) var(--r-5);border-top:var(--rand);display:flex}.sheet--sluitend .sheet__achtergrond{animation:sheet-vervaag var(--duur) var(--curve-in) reverse forwards}.sheet--sluitend .sheet__paneel{animation:sheet-rechts-in var(--duur) var(--curve-in) reverse forwards}@keyframes sheet-vervaag{0%{opacity:0}}@keyframes sheet-rechts-in{0%{opacity:0;transform:translate(24px)}}@keyframes sheet-onder-in{0%{transform:translateY(100%)}}@media (width<=767px){.sheet__paneel{width:auto;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom);animation:sheet-onder-in var(--duur-traag) var(--curve);border-radius:12px 12px 0 0;inset:auto 0 0}.sheet__paneel--vol{height:94dvh;max-height:none}.sheet--sluitend .sheet__paneel{animation:sheet-onder-in var(--duur) var(--curve-in) reverse forwards}.sheet__greep{width:36px;height:4px;margin:var(--r-2) auto 0;background:var(--kl-rand-sterk);border-radius:2px;display:block}.sheet__kop{padding:var(--r-2) var(--r-2) var(--r-2) var(--r-4);border-bottom:none}.sheet__inhoud{padding:var(--r-2) var(--r-4) var(--r-4)}.sheet__voet{padding:var(--r-3) var(--r-4)}.sheet__voet .btn{height:48px;font-size:var(--tekst-md);flex:1}}.velden{gap:var(--r-4);flex-direction:column;display:flex}.velden__rij{gap:var(--r-3);grid-template-columns:1fr 1fr;display:grid}.veld{flex-direction:column;gap:6px;margin:0;display:flex}.veld__label{color:var(--kl-tekst-gedempt);font-size:var(--tekst-sm);font-weight:var(--gewicht-medium)}.veld__label small{color:var(--kl-tekst-zwak);font-weight:var(--gewicht-normaal)}.invoer{width:100%;height:36px;padding:0 var(--r-3);border:var(--rand);border-color:var(--kl-rand-sterk);border-radius:var(--hoek);background:var(--kl-vlak);color:var(--kl-tekst);font:inherit;font-size:var(--tekst-md);transition:border-color var(--duur-snel), box-shadow var(--duur-snel)}textarea.invoer{height:auto;min-height:88px;padding:var(--r-2) var(--r-3);resize:vertical}.invoer::placeholder{color:var(--kl-tekst-zwak)}.invoer:hover{border-color:var(--kl-tekst-zwak)}.invoer:focus{border-color:var(--kl-accent);box-shadow:0 0 0 3px var(--kl-accent-zacht);outline:none}.invoer-groep{position:relative}.invoer-groep__voor{left:var(--r-3);color:var(--kl-tekst-zwak);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.invoer-groep .invoer{padding-left:28px}.specs{gap:var(--r-2);flex-direction:column;display:flex}.specs__rij{gap:var(--r-2);grid-template-columns:1fr 1fr auto;align-items:center;display:grid}.specs__rij .invoer[readonly]{color:var(--kl-tekst-gedempt);background:0 0}.specs__toevoegen{margin-left:calc(-1 * var(--r-3));align-self:flex-start}.veldgroep{gap:var(--r-3);border:none;flex-direction:column;margin:0;padding:0;display:flex}.veldgroep__titel{margin-bottom:var(--r-1);color:var(--kl-tekst);font-size:var(--tekst-sm);font-weight:var(--gewicht-vet);padding:0}.keuzes{gap:var(--r-2);flex-wrap:wrap;display:flex}.keuze{height:28px;padding:0 var(--r-3);border:var(--rand);border-color:var(--kl-rand-sterk);border-radius:var(--hoek);color:var(--kl-tekst-gedempt);font-size:var(--tekst-sm);cursor:pointer;transition:background var(--duur-snel), color var(--duur-snel), border-color var(--duur-snel);background:0 0}.keuze:hover{color:var(--kl-tekst);background:var(--kl-vlak-hover)}.keuze[aria-pressed=true]{border-color:var(--kl-accent);background:var(--kl-accent-zacht);color:var(--kl-tekst)}.interval{gap:var(--r-2);grid-template-columns:88px 1fr;display:grid}.afronden__taak{font-size:var(--tekst-lg);font-weight:var(--gewicht-vet);margin:0}.formfout{padding:var(--r-2) var(--r-3);border-radius:var(--hoek);background:var(--kl-rood-zacht);color:var(--kl-rood);font-size:var(--tekst-sm);margin:0}@media (width<=767px){.invoer{height:44px;font-size:16px}.velden__rij{grid-template-columns:1fr}}.lijst{border:var(--rand);border-radius:var(--hoek)}.lijst>:first-child .groep__kop{border-radius:5px 5px 0 0}.lijst>:last-child .rij-wrap:last-child .rij{border-radius:0 0 5px 5px}.lijst+.lijst{margin-top:var(--r-6)}.groep+.groep{border-top:var(--rand)}.groep__kop{--kop-kleur:var(--kl-accent);align-items:center;gap:var(--r-2);height:36px;padding:0 var(--r-4);background:color-mix(in srgb, var(--kop-kleur) 10%, var(--kl-vlak));border-bottom:1px solid color-mix(in srgb, var(--kop-kleur) 22%, var(--kl-rand));box-shadow:inset 3px 0 0 var(--kop-kleur);color:var(--kl-tekst);font-size:var(--tekst-sm);font-weight:var(--gewicht-vet);display:flex}.groep__icoon{width:16px;height:16px;color:var(--kop-kleur);flex:none}.groep__aantal{background:color-mix(in srgb, var(--kop-kleur) 18%, transparent);min-width:20px;height:18px;color:var(--kop-kleur);font-size:var(--tekst-xs);font-weight:var(--gewicht-medium);text-align:center;border-radius:9px;padding:0 6px;line-height:18px}.groep__kop{scroll-margin-top:var(--r-4)}.groep__kop--rood{--kop-kleur:var(--kl-rood)}.groep__kop--amber{--kop-kleur:var(--kl-amber)}.groep__kop--info{--kop-kleur:var(--kl-info)}.groep__rechts{color:var(--kl-tekst-zwak);font-size:var(--tekst-xs);font-weight:var(--gewicht-normaal);margin-left:auto}.rij-wrap{animation:rij-in var(--duur-traag) var(--curve) both;animation-delay:calc(var(--i,0) * 28ms);transition:grid-template-rows .26s var(--curve), opacity .2s var(--curve);grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);display:grid}.rij-wrap+.rij-wrap .rij{border-top:var(--rand)}.rij-clip{min-width:0;min-height:0}.rij-wrap--weg{opacity:0;grid-template-rows:0fr}.rij-wrap--weg .rij-clip{overflow:hidden}.rij-wrap:has(.popmenu__lijst){z-index:5;position:relative}@keyframes rij-in{0%{opacity:0;transform:translateY(6px)}}.rij{align-items:center;gap:var(--r-3);min-height:var(--rij-hoogte);padding:0 var(--r-2) 0 var(--r-4);transition:background var(--duur-snel);display:flex;position:relative}.rij:hover{background:var(--kl-vlak-hover)}.rij__hoofd{align-items:baseline;gap:var(--r-2);flex:1;min-width:0;display:flex}.rij__titel{text-overflow:ellipsis;white-space:nowrap;color:var(--kl-tekst);font-weight:var(--gewicht-medium);text-decoration:none;overflow:hidden}.rij__titel:hover{color:var(--kl-tekst);text-decoration:none}.rij__link:after{content:"";position:absolute;inset:0}.rij .vinkje,.rij .popmenu,.rij__actie{z-index:1;position:relative}.rij__meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--kl-tekst-zwak);font-size:var(--tekst-sm);overflow:hidden}.rij__datum{color:var(--kl-tekst-gedempt);font-size:var(--tekst-sm);flex:none}.rij__datum--telaat{color:var(--kl-rood);font-weight:var(--gewicht-medium)}.rij__datum--week{color:var(--kl-amber)}.rij__meta-sterk{color:var(--kl-tekst-gedempt)}.taakrij--telaat{background:var(--kl-rood-zacht);box-shadow:inset 2px 0 0 var(--kl-rood)}.taakrij--telaat:hover{background:linear-gradient(var(--kl-rood-zacht), var(--kl-rood-zacht)), var(--kl-vlak-hover)}.taakrij--telaat .vinkje__rondje{border-color:var(--kl-rood)}.taakrij--week .vinkje__rondje{border-color:var(--kl-amber)}.rij__actie{color:var(--kl-tekst-gedempt);font-size:var(--tekst-sm);font-weight:var(--gewicht-medium);flex:none;align-items:center;gap:2px;text-decoration:none;display:inline-flex}.rij__actie svg{width:16px;height:16px}.rij__actie:hover{color:var(--kl-accent);text-decoration:none}.vinkje{cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;margin-left:-6px;display:grid}.vinkje__rondje{border:1.5px solid var(--kl-tekst-zwak);width:18px;height:18px;color:var(--kl-accent-tekst);transition:border-color var(--duur-snel), background var(--duur) var(--curve), transform var(--duur) var(--curve);border-radius:50%;place-items:center;display:grid}.vinkje__rondje svg{width:12px;height:12px;transition:transform var(--duur-traag) cubic-bezier(.34, 1.56, .64, 1);transform:scale(0)}.vinkje:disabled{cursor:default;opacity:.4}.vinkje:hover:not(:disabled) .vinkje__rondje{border-color:var(--kl-accent)}.vinkje:hover:not(:disabled) .vinkje__rondje svg{color:var(--kl-accent);transform:scale(.7)}.vinkje--aan .vinkje__rondje{background:var(--kl-accent);border-color:var(--kl-accent);transform:scale(1.1)}.vinkje--aan .vinkje__rondje svg,.vinkje--aan:hover .vinkje__rondje svg{color:var(--kl-accent-tekst);transform:scale(1)}.lijst-leeg{padding:var(--r-8) var(--r-4);text-align:center;color:var(--kl-tekst-gedempt)}.lijst-leeg strong{color:var(--kl-tekst);font-weight:var(--gewicht-medium);display:block}.lijst-leeg__knop{margin-top:var(--r-4)}@media (width<=767px){.rij{padding:var(--r-2) var(--r-1) var(--r-2) var(--r-3)}.rij__hoofd{flex-direction:column;align-items:stretch;gap:0}.rij__titel{font-size:var(--tekst-lg);white-space:normal}.vinkje{width:44px;height:44px;margin-left:-10px;margin-right:-8px}.vinkje__rondje{width:22px;height:22px}.vinkje__rondje svg{width:14px;height:14px}.groep__kop{padding:0 var(--r-3)}.lijst{margin:0 calc(-1 * var(--r-4));border-left:none;border-right:none;border-radius:0}}.rondgang{gap:var(--r-4);flex-direction:column;display:flex}.rondgang__vraag{color:var(--kl-tekst-gedempt)}.ruimtes{gap:var(--r-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.ruimte{justify-content:space-between;align-items:center;gap:var(--r-2);height:44px;padding:0 var(--r-3);border:var(--rand);border-color:var(--kl-rand-sterk);border-radius:var(--hoek);color:var(--kl-tekst);font-weight:var(--gewicht-medium);text-align:left;cursor:pointer;transition:background var(--duur-snel), border-color var(--duur-snel);background:0 0;display:flex}.ruimte:hover{background:var(--kl-vlak-hover);border-color:var(--kl-tekst-zwak)}.ruimte__aantal{color:var(--kl-tekst-zwak);font-size:var(--tekst-sm);font-weight:var(--gewicht-normaal)}.rondgang__ruimte{justify-content:space-between;align-items:center;gap:var(--r-2);display:flex}.rondgang__ruimte h3{font-size:var(--tekst-xl);font-weight:var(--gewicht-vet)}.rondgang__invoer{gap:var(--r-2);display:flex}.rondgang__invoer .invoer{flex:1;min-width:0}.rondgang__hint{color:var(--kl-tekst-zwak);font-size:var(--tekst-sm)}.rondgang .lijst{border-radius:var(--hoek);border:var(--rand);margin:0}@media (width<=767px){.ruimtes{grid-template-columns:1fr 1fr}.ruimte{height:52px}.rondgang__invoer .btn{height:44px}}.shell{grid-template-columns:var(--rail-breed) minmax(0, 1fr);min-height:100dvh;transition:grid-template-columns var(--duur) var(--curve);display:grid}.shell--smal{grid-template-columns:var(--rail-smal) minmax(0, 1fr)}.shell__inhoud{min-width:0;padding:var(--r-8) var(--r-10) var(--r-10)}.shell__inhoud>*{max-width:var(--inhoud-max)}.rail{gap:var(--r-1);height:100dvh;padding:var(--r-3) var(--r-2);background:var(--kl-vlak);border-right:var(--rand);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.rail__merk{align-items:center;gap:var(--r-3);height:36px;margin-bottom:var(--r-3);color:var(--kl-tekst);font-weight:var(--gewicht-vet);padding:0 6px;text-decoration:none;display:flex}.rail__logo{border-radius:var(--hoek);background:var(--kl-tekst);width:28px;height:28px;color:var(--kl-achtergrond);font-size:var(--tekst-sm);flex:none;place-items:center;font-weight:700;display:grid}.rail__menu{flex-direction:column;gap:2px;display:flex}.rail__voet{flex-direction:column;gap:2px;margin-top:auto;display:flex}.rail__item{align-items:center;gap:var(--r-3);border-radius:var(--hoek);height:36px;color:var(--kl-tekst-gedempt);font:inherit;font-size:var(--tekst-md);font-weight:var(--gewicht-medium);white-space:nowrap;cursor:pointer;transition:background var(--duur-snel), color var(--duur-snel);background:0 0;border:none;padding:0 10px;text-decoration:none;display:flex;position:relative}.rail__item svg{flex:none;width:20px;height:20px}.rail__item:hover{background:var(--kl-vlak-hover);color:var(--kl-tekst);text-decoration:none}.rail__item.active{background:var(--kl-vlak-actief);color:var(--kl-tekst)}.rail__item.active svg{color:var(--kl-accent)}.rail__item--toevoegen{margin-bottom:var(--r-3);border:var(--rand);border-color:var(--kl-rand-sterk);color:var(--kl-tekst)}.rail__tekst{transition:opacity var(--duur) var(--curve)}.shell--smal .rail__tekst{opacity:0;pointer-events:none}.shell--smal .rail__item[data-tip]:after{content:attr(data-tip);left:calc(var(--rail-smal) + 4px);border-radius:var(--hoek-sm);background:var(--kl-vlak-actief);box-shadow:var(--schaduw-pop);color:var(--kl-tekst);font-size:var(--tekst-xs);opacity:0;pointer-events:none;transition:opacity var(--duur-snel), transform var(--duur-snel);z-index:50;padding:4px 8px;position:fixed;transform:translate(-4px)}.shell--smal .rail__item[data-tip]:hover:after,.shell--smal .rail__item[data-tip]:focus-visible:after{opacity:1;transform:translate(0)}.tabbalk{display:none}@media (width<=767px){.shell,.shell--smal{grid-template-columns:minmax(0,1fr)}.rail{display:none}.shell__inhoud{padding:var(--r-4) var(--r-4) calc(var(--tabbalk-hoogte) + var(--r-8) + env(safe-area-inset-bottom))}.tabbalk{z-index:20;height:calc(var(--tabbalk-hoogte) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--kl-vlak);border-top:var(--rand);grid-template-columns:repeat(4,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbalk__item{height:100%;color:var(--kl-tekst-zwak);font-size:11px;font-weight:var(--gewicht-medium);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.tabbalk__item svg{width:24px;height:24px}.tabbalk__item.active{color:var(--kl-tekst)}.tabbalk__item.active svg{color:var(--kl-accent)}.tabbalk__item:hover{text-decoration:none}.tabbalk__plus{border-radius:var(--hoek);background:var(--kl-accent);width:48px;height:40px;color:var(--kl-accent-tekst);cursor:pointer;border:none;justify-self:center;place-items:center;display:grid}.tabbalk__plus svg{width:22px;height:22px}.tabbalk__plus:active{background:var(--kl-accent-hover)}}.kop{justify-content:space-between;align-items:center;gap:var(--r-4);margin-bottom:var(--r-6);display:flex}.kop__titel{font-size:var(--tekst-2xl);font-weight:var(--gewicht-vet);letter-spacing:-.015em;margin:0;line-height:1.3}.kop__onder{color:var(--kl-tekst-gedempt);font-size:var(--tekst-sm);margin-top:2px}.kop__tekst{flex:1;min-width:0}.kop__acties{align-items:center;gap:var(--r-2);flex:none;display:flex}.kop__instellingen{display:none}@media (width<=767px){.kop{margin-bottom:var(--r-5)}.kop__titel{font-size:1.625rem}.kop__instellingen{display:inline-flex}}.tegel{border:var(--rand);border-radius:var(--hoek);background:var(--kl-vlak);width:28px;height:28px;color:var(--kl-tekst-gedempt);font-size:var(--tekst-sm);font-weight:var(--gewicht-vet);flex:none;place-items:center;display:grid}.tegel svg{width:16px;height:16px}.tegel--groot{width:44px;height:44px;font-size:var(--tekst-lg)}.tegel--groot svg{width:24px;height:24px}@media (width<=767px){.tegel{width:32px;height:32px}.tegel svg{width:18px;height:18px}}.chips{gap:var(--r-2);margin:0 0 var(--r-5);flex-wrap:wrap;display:flex}.chip{height:28px;padding:0 var(--r-3) 0 var(--r-2);border:var(--rand);border-color:var(--kl-rand-sterk);border-radius:var(--hoek);color:var(--kl-tekst-gedempt);font-size:var(--tekst-sm);font-weight:var(--gewicht-medium);cursor:pointer;transition:background var(--duur-snel), border-color var(--duur-snel);background:0 0;align-items:center;gap:6px;display:inline-flex}.chip svg{width:16px;height:16px;color:var(--kl-tekst-zwak)}.chip strong{color:var(--kl-tekst);font-weight:var(--gewicht-vet)}.chip:hover{background:var(--kl-vlak-hover)}.chip--rood{background:var(--kl-rood-zacht);color:var(--kl-rood);border-color:#0000}.chip--rood svg,.chip--rood strong{color:var(--kl-rood)}.chip--amber{background:var(--kl-amber-zacht);color:var(--kl-amber);border-color:#0000}.chip--amber svg,.chip--amber strong{color:var(--kl-amber)}.chip--info{background:var(--kl-info-zacht);color:var(--kl-info);border-color:#0000}.chip--info svg,.chip--info strong{color:var(--kl-info)}.chip--rood:hover,.chip--amber:hover,.chip--info:hover{filter:brightness(1.15)}@media (width<=767px){.chip{height:36px}}.popmenu{position:relative}.popmenu__knop{color:var(--kl-tekst-zwak)}.popmenu__lijst{z-index:40;min-width:220px;padding:var(--r-1);border-radius:var(--hoek);background:var(--kl-vlak);box-shadow:var(--schaduw-pop);transform-origin:100% 0;animation:popmenu-in var(--duur) var(--curve);position:absolute;top:calc(100% + 4px);right:0}@keyframes popmenu-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}}.popmenu__item{align-items:center;gap:var(--r-2);width:100%;height:32px;padding:0 var(--r-2);border-radius:var(--hoek-sm);color:var(--kl-tekst);font:inherit;font-size:var(--tekst-sm);text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.popmenu__item svg{width:16px;height:16px;color:var(--kl-tekst-gedempt);flex:none}.popmenu__item>span:first-of-type{flex:1}.popmenu__item:hover:not(:disabled){background:var(--kl-vlak-hover)}.popmenu__item:disabled{color:var(--kl-tekst-zwak);cursor:default}@media (width<=767px){.popmenu__item{height:44px;font-size:var(--tekst-md)}}.melding{left:50%;bottom:var(--r-6);z-index:60;align-items:center;gap:var(--r-2);width:max-content;max-width:min(480px, calc(100vw - 2 * var(--r-4)));padding:0 var(--r-1) 0 var(--r-4);border-radius:var(--hoek);background:var(--kl-vlak);height:44px;box-shadow:var(--schaduw-paneel);color:var(--kl-tekst);font-size:var(--tekst-sm);animation:melding-in var(--duur-traag) var(--curve);display:flex;position:fixed;overflow:hidden;transform:translate(-50%)}@keyframes melding-in{0%{opacity:0;transform:translate(-50%,12px)scale(.98)}}.melding__tekst{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.melding--fout .melding__tekst{color:var(--kl-rood)}.melding__actie,.melding__sluit{border-radius:var(--hoek-sm);height:32px;font:inherit;cursor:pointer;background:0 0;border:none}.melding__actie{padding:0 var(--r-2);color:var(--kl-accent);font-weight:var(--gewicht-vet);white-space:nowrap}.melding__actie:hover{background:var(--kl-accent-zacht)}.melding__sluit{width:32px;color:var(--kl-tekst-zwak);place-items:center;display:grid}.melding__sluit:hover{color:var(--kl-tekst)}.melding__sluit svg{width:16px;height:16px}.melding__tijd{background:var(--kl-accent);transform-origin:0;width:100%;height:2px;animation:linear forwards melding-tijd;position:absolute;bottom:0;left:0}.melding--fout .melding__tijd{background:var(--kl-rood)}@keyframes melding-tijd{to{transform:scaleX(0)}}@media (width<=767px){.melding{bottom:calc(var(--tabbalk-hoogte) + env(safe-area-inset-bottom) + var(--r-3));width:calc(100vw - 2 * var(--r-4));height:52px}.melding__actie,.melding__sluit{height:44px}.melding__sluit{width:44px}}.uitstel__uitleg{margin:var(--r-1) 0 0;color:var(--kl-tekst-gedempt);font-size:var(--tekst-sm)}.uitstel__keuzes{gap:var(--r-2);flex-direction:column;display:flex}.uitstel__keuze{justify-content:space-between;align-items:center;gap:var(--r-3);height:var(--rij-hoogte);color:var(--kl-tekst);font-size:var(--tekst-md);text-align:left;display:flex}.uitstel__keuze:disabled{opacity:.5;cursor:default}.uitstel__datum{color:var(--kl-tekst-zwak);font-size:var(--tekst-sm)}@media (width<=767px){.uitstel__keuze{height:48px}}.eerste-hoofdletter:first-letter{text-transform:uppercase}.eerste-hoofdletter{display:inline-block}.samenvatting{align-items:center;gap:var(--r-2) var(--r-5);margin:0 0 var(--r-4);color:var(--kl-tekst-gedempt);font-size:var(--tekst-sm);flex-wrap:wrap;display:flex}.samenvatting--bij{color:var(--kl-tekst);gap:var(--r-2)}.samenvatting--bij>svg{width:18px;height:18px;color:var(--kl-groen);flex:none}@media (width<=767px){.groep__rechts{display:none}}.werkbalk{align-items:center;gap:var(--r-2);margin-bottom:var(--r-4);display:flex}.zoekveld{flex:1;max-width:360px;position:relative}.zoekveld svg{width:16px;height:16px;color:var(--kl-tekst-zwak);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.zoekveld .invoer{height:32px;padding-left:32px}.rij__volgende{align-items:baseline;gap:var(--r-3);min-width:0;padding-right:var(--r-2);flex:none;display:flex}.rij--uit .rij__titel{color:var(--kl-tekst-gedempt)}.rij>.tag{margin-right:var(--r-2)}@media (width<=767px){.zoekveld{max-width:none}.zoekveld .invoer,.werkbalk .keuze{height:44px}}.terug{margin:0 0 var(--r-2) -4px;color:var(--kl-tekst-gedempt);font-size:var(--tekst-sm);align-items:center;gap:2px;text-decoration:none;display:inline-flex}.terug svg{width:16px;height:16px}.terug:hover{color:var(--kl-tekst);text-decoration:none}.banner{justify-content:space-between;align-items:center;gap:var(--r-3);margin-bottom:var(--r-6);padding:var(--r-2) var(--r-2) var(--r-2) var(--r-4);border:var(--rand);border-color:var(--kl-amber);border-radius:var(--hoek);background:var(--kl-amber-zacht);color:var(--kl-tekst);font-size:var(--tekst-sm);display:flex}.apparaat__fout{margin-bottom:var(--r-4)}.apparaat{gap:var(--r-8);grid-template-columns:minmax(0,1fr) 260px;align-items:start;display:grid}.apparaat__hoofd,.apparaat__zij{gap:var(--r-8);flex-direction:column;min-width:0;display:flex}.sectie__kop{justify-content:space-between;align-items:center;gap:var(--r-2);min-height:32px;margin-bottom:var(--r-2);display:flex}.sectie__kop h2{align-items:center;gap:var(--r-2);font-size:var(--tekst-md);font-weight:var(--gewicht-vet);display:flex}.sectie__kop h2 svg{width:16px;height:16px;color:var(--kl-tekst-zwak)}.sectie__leeg{color:var(--kl-tekst-zwak);font-size:var(--tekst-sm)}.sectie .lijst-leeg{padding:var(--r-6) var(--r-4)}.sectie .lijst-leeg strong{justify-content:center;align-items:center;gap:var(--r-2);margin-bottom:var(--r-1);display:flex}.logboek{margin:0;padding:0;list-style:none}.logboek__regel{gap:var(--r-3);padding:var(--r-2) 0;border-top:var(--rand);animation:rij-in var(--duur-traag) var(--curve) both;grid-template-columns:96px minmax(0,1fr) auto;grid-template-areas:"datum tekst acties";display:grid}.logboek__regel:first-child{border-top:none}.logboek__datum{color:var(--kl-tekst-gedempt);font-size:var(--tekst-sm);grid-area:datum;padding-top:1px}.logboek__tekst{align-items:baseline;gap:0 var(--r-2);flex-wrap:wrap;grid-area:tekst;display:flex}.logboek__titel{font-weight:var(--gewicht-medium)}.logboek__extra{color:var(--kl-tekst-zwak);font-size:var(--tekst-sm)}.logboek__notitie{color:var(--kl-tekst-gedempt);font-size:var(--tekst-sm);flex-basis:100%}.logboek__acties{grid-area:acties;align-self:start;margin:-4px 0}.gegevens{border-top:var(--rand);margin:0}.gegevens__rij{gap:var(--r-3);padding:var(--r-2) 0;border-bottom:var(--rand);font-size:var(--tekst-sm);grid-template-columns:110px minmax(0,1fr);display:grid}.gegevens dt{color:var(--kl-tekst-gedempt);overflow-wrap:anywhere}.gegevens dd{overflow-wrap:anywhere;margin:0}@media (width<=1023px){.apparaat{gap:var(--r-8);grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.banner{padding:var(--r-3);flex-direction:column;align-items:stretch}.banner .btn,.sectie__kop .btn{height:44px}.logboek__regel{gap:2px var(--r-3);padding:var(--r-3) 0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"datum acties""tekst acties"}.gegevens__rij{padding:var(--r-3) 0;font-size:var(--tekst-md)}}.icoonkiezer{flex:none;position:relative}.icoonkiezer__knop{border-radius:var(--hoek);cursor:pointer;background:0 0;border:none;padding:0;display:grid}.icoonkiezer__knop:hover .tegel{border-color:var(--kl-accent);color:var(--kl-tekst)}.icoonkiezer__rooster{z-index:40;padding:var(--r-1);border-radius:var(--hoek);background:var(--kl-vlak);box-shadow:var(--schaduw-pop);transform-origin:0 0;animation:popmenu-in var(--duur) var(--curve);grid-template-columns:repeat(6,36px);gap:2px;display:grid;position:absolute;top:calc(100% + 4px);left:0}.icoonkiezer__optie{border-radius:var(--hoek-sm);width:36px;height:36px;color:var(--kl-tekst-gedempt);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.icoonkiezer__optie svg{width:20px;height:20px}.icoonkiezer__optie:hover{background:var(--kl-vlak-hover);color:var(--kl-tekst)}.icoonkiezer__optie[aria-selected=true]{background:var(--kl-accent-zacht);color:var(--kl-accent)}.rij-wrap:has(.icoonkiezer__rooster){z-index:5;position:relative}@media (width<=767px){.icoonkiezer__optie{width:44px;height:44px}.icoonkiezer__rooster{grid-template-columns:repeat(6,44px)}}.label-rij__naam{min-width:0;color:var(--kl-tekst);font-weight:var(--gewicht-medium);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;background:0 0;border:none;flex:1;padding:0;overflow:hidden}.label-rij__invoer{flex:1;min-width:0;height:30px;margin-left:-9px}.label-rij .rij__meta{flex:none}.label-nieuw{border-top:var(--rand);color:var(--kl-tekst-zwak)}.label-nieuw>svg{flex:none;width:16px;height:16px}.label-nieuw__invoer{min-width:0;height:100%;min-height:var(--rij-hoogte);color:var(--kl-tekst);font:inherit;background:0 0;border:none;outline:none;flex:1}.label-nieuw__invoer::placeholder{color:var(--kl-tekst-zwak)}.label-nieuw .btn{margin-right:var(--r-1)}@media (width<=767px){.label-rij__invoer{height:40px}.label-nieuw__invoer{font-size:16px}}.instelling{gap:var(--r-8);padding:var(--r-6) 0;border-top:var(--rand);grid-template-columns:240px minmax(0,1fr);display:grid}.instelling:first-of-type{border-top:none;padding-top:0}.instelling__uitleg h2{align-items:center;gap:var(--r-2);font-size:var(--tekst-md);font-weight:var(--gewicht-vet);display:flex}.instelling__uitleg h2 svg{width:16px;height:16px;color:var(--kl-tekst-zwak)}.instelling__uitleg p{margin-top:var(--r-1);color:var(--kl-tekst-gedempt);font-size:var(--tekst-sm)}.segment{border:var(--rand);border-radius:var(--hoek);background:var(--kl-vlak);place-self:start;padding:2px;display:inline-flex}.segment__optie{height:30px;padding:0 var(--r-3);border-radius:var(--hoek-sm);color:var(--kl-tekst-gedempt);font-size:var(--tekst-sm);font-weight:var(--gewicht-medium);cursor:pointer;transition:background var(--duur-snel), color var(--duur-snel);background:0 0;border:none;align-items:center;gap:6px;display:inline-flex}.segment__optie svg{width:16px;height:16px}.segment__optie:hover{color:var(--kl-tekst)}.segment__optie[aria-checked=true]{background:var(--kl-vlak-actief);color:var(--kl-tekst);box-shadow:0 0 0 1px var(--kl-rand-sterk)}@media (width<=767px){.instelling{gap:var(--r-3);grid-template-columns:1fr}.segment{justify-self:stretch;display:flex}.segment__optie{flex:1;justify-content:center;height:40px}}