:root{--brand-light:#004b86;--brand-dark:#76b6f7;--on-brand-light:#fff;--on-brand-dark:#03172c;--brand:var(--brand-light);--on-brand:var(--on-brand-light);--accent:var(--brand-light);--canvas-light:#f5f7f9;--canvas-dark:#101419;--surface-light:#fff;--surface-dark:#191f25;--sunken-light:#edf0f4;--sunken-dark:#14191e;--line-light:#ccd2d7;--line-dark:#353e47;--line-strong-light:#7d8792;--line-strong-dark:#738292;--text-light:#182029;--text-dark:#eceff2;--muted-light:#505963;--muted-dark:#aab2ba;--canvas:var(--canvas-light);--surface:var(--surface-light);--sunken:var(--sunken-light);--line:var(--line-light);--line-strong:var(--line-strong-light);--text:var(--text-light);--muted:var(--muted-light);--s-tekort-light:#ac0311;--s-tekort-dark:#ff9b90;--s-bestellen-light:#81520a;--s-bestellen-dark:#f3bd5c;--s-ok-light:#15632f;--s-ok-dark:#7cd591;--s-over-light:#694191;--s-over-dark:#cdaef2;--s-neutraal-light:#505963;--s-neutraal-dark:#b0b8c1;--s-tekort:var(--s-tekort-light);--s-bestellen:var(--s-bestellen-light);--s-ok:var(--s-ok-light);--s-over:var(--s-over-light);--s-neutraal:var(--s-neutraal-light);--radius:.5rem;--radius-sm:.3rem;--shadow:0 1px 2px #0b17231f, 0 4px 14px #0b17230f;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;accent-color:var(--accent)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:lab(0% 0 0)){:root{--brand-light:lab(30.6499% -1.72949 -39.8097);--brand-dark:lab(71.802% -7.46918 -39.2784);--on-brand-dark:lab(7.0001% -1.35344 -16.7248);--canvas-light:lab(97.097% -.443935 -1.43216);--canvas-dark:lab(6.17897% -.933118 -3.92346);--surface-dark:lab(11.2376% -1.32401 -4.90283);--sunken-light:lab(94.7753% -.662118 -2.14608);--sunken-dark:lab(8.33874% -1.22015 -4.54902);--line-light:lab(83.7514% -1.08817 -3.56821);--line-dark:lab(25.7293% -1.91604 -7.0138);--line-strong-light:lab(55.8966% -2.056 -7.07493);--line-strong-dark:lab(53.5566% -2.92462 -10.5415);--text-light:lab(11.8004% -1.74378 -6.95061);--text-dark:lab(94.1962% -.55328 -1.78922);--muted-light:lab(37.3331% -1.98911 -7.04449);--muted-dark:lab(72.1453% -1.59711 -5.33354);--s-tekort-light:lab(36.6008% 60.0126 44.7474);--s-tekort-dark:lab(74.3268% 43.1877 26.4037);--s-bestellen-light:lab(39.4639% 16.2778 45.0288);--s-bestellen-dark:lab(80.3631% 12.6212 55.7864);--s-ok-light:lab(36.4143% -33.3336 22.1178);--s-ok-dark:lab(78.4684% -38.941 25.3387);--s-over-light:lab(35.3614% 30.2695 -38.1518);--s-over-dark:lab(75.49% 21.2665 -29.9794);--s-neutraal-light:lab(37.3331% -1.98911 -7.04449);--s-neutraal-dark:lab(74.4654% -1.59931 -5.33468);--shadow:0 1px 2px lab(7.14007% -1.78304 -10.1929/.12), 0 4px 14px lab(7.14007% -1.78304 -10.1929/.06)}}@media (prefers-color-scheme:dark){:root{--brand:var(--brand-dark);--on-brand:var(--on-brand-dark);--accent:var(--brand-dark);--canvas:var(--canvas-dark);--surface:var(--surface-dark);--sunken:var(--sunken-dark);--line:var(--line-dark);--line-strong:var(--line-strong-dark);--text:var(--text-dark);--muted:var(--muted-dark);--s-tekort:var(--s-tekort-dark);--s-bestellen:var(--s-bestellen-dark);--s-ok:var(--s-ok-dark);--s-over:var(--s-over-dark);--s-neutraal:var(--s-neutraal-dark)}}@media (forced-colors:active){:root{--brand:Highlight;--on-brand:HighlightText;--accent:Highlight}}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--canvas);min-block-size:100dvh;color:var(--text);font-family:var(--font);margin:0;font-size:1rem;line-height:1.5}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.15rem}h3{font-size:1rem}p{text-wrap:pretty;margin:0}a{color:var(--accent);text-underline-offset:.18em}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums;text-align:end}.mono{font-family:var(--font-mono);font-size:.9em}.skip-link{background:var(--surface);color:var(--text);border:2px solid var(--accent);border-radius:var(--radius-sm);z-index:100;padding:.5rem .9rem;position:absolute;inset-block-start:-4rem;inset-inline-start:.5rem}.skip-link:focus{inset-block-start:.5rem}.app{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-block-size:100dvh;display:grid}.app-header{background:var(--brand);color:var(--on-brand);align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.app-header a{color:inherit;text-decoration:none}.merk{align-items:center;gap:.8rem;min-inline-size:0;display:flex}.merk img{border-radius:.3rem;block-size:2.2rem;inline-size:auto}.merk-tekst{line-height:1.15;display:grid}.merk-naam{letter-spacing:.01em;font-size:1.15rem;font-weight:700}.merk-sub{opacity:.85;font-size:.78rem}.nav{background:var(--surface);border-block-end:1px solid var(--line)}.nav ul{gap:.25rem;margin:0;padding:.4rem .6rem;list-style:none;display:flex;overflow-x:auto}.nav a{border-radius:var(--radius-sm);min-block-size:2.75rem;color:var(--text);white-space:nowrap;border-inline-start:4px solid #0000;align-items:center;gap:.55rem;padding:.55rem .85rem;text-decoration:none;display:flex}.nav a:hover{background:var(--sunken)}.nav a[aria-current=page]{background:color-mix(in oklab, var(--accent) 14%, var(--surface));border-color:var(--accent);font-weight:650}.nav svg{flex:none;block-size:1.15rem;inline-size:1.15rem}.app-main{min-inline-size:0;padding:1rem}.pagina{grid-template-columns:minmax(0,1fr);gap:1.25rem;max-inline-size:100rem;margin-inline:auto;display:grid}@media (min-width:56rem){.app{grid-template-rows:auto 1fr;grid-template-columns:13.5rem minmax(0,1fr)}.app-header{grid-column:1/-1}.nav{border-block-end:0;border-inline-end:1px solid var(--line)}.nav ul{flex-direction:column;padding:.8rem .6rem;overflow:visible}.app-main{padding:1.5rem 1.75rem 3rem}}.pagina-kop{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem 1.5rem;display:flex}.pagina-kop .sub{color:var(--muted);margin-block-start:.2rem;font-size:.92rem}.acties{flex-wrap:wrap;gap:.5rem;display:flex}.knop{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);min-block-size:2.5rem;color:var(--text);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .95rem;font-weight:600;text-decoration:none;display:inline-flex}.knop:hover{background:var(--sunken)}.knop[aria-disabled=true],.knop:disabled{opacity:.6;cursor:not-allowed}.knop-primair{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.knop-primair:hover{background:color-mix(in oklab, var(--brand) 88%, black)}.knop-gevaar{border-color:var(--s-tekort);color:var(--s-tekort)}.kaart{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-inline-size:0;padding:1rem 1.1rem}.kaart>header{align-items:center;gap:.4rem;margin-block-end:.7rem;display:flex}.kpi-raster{grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr));gap:.75rem;display:grid;container-type:inline-size}.kpi{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:inherit;box-shadow:var(--shadow);border-inline-start:5px solid var(--kpi-kleur,var(--line-strong));align-content:start;gap:.15rem;padding:.85rem 1rem;text-decoration:none;display:grid;position:relative;container-type:inline-size}a.kpi:hover{background:var(--sunken)}a.kpi[aria-current=true]{outline:2px solid var(--kpi-kleur,var(--accent));outline-offset:1px}.kpi-label{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.kpi-waarde{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:700;line-height:1.1}.kpi-sub{color:var(--muted);font-size:.84rem}@container (max-width:8.5rem){.kpi-waarde{font-size:1.6rem}.kpi-sub{display:none}}.twee-kolommen{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid}@container (min-width:60rem){.twee-kolommen{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.kolom-houder{container-type:inline-size}.badge{--kleur:var(--s-neutraal);border:1px solid color-mix(in oklab, var(--kleur) 55%, transparent);background:color-mix(in oklab, var(--kleur) 13%, var(--surface));color:var(--kleur);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.12rem .6rem .12rem .5rem;font-size:.82rem;font-weight:650;display:inline-flex}.badge:before{content:"";background:currentColor;flex:none;block-size:.6rem;inline-size:.6rem}.badge[data-status=tekort]{--kleur:var(--s-tekort)}.badge[data-status=tekort]:before{clip-path:polygon(50% 0,100% 100%,0 100%)}.badge[data-status=bestellen]{--kleur:var(--s-bestellen)}.badge[data-status=bestellen]:before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.badge[data-status=ok]{--kleur:var(--s-ok)}.badge[data-status=ok]:before{border-radius:50%}.badge[data-status=overvoorraad]{--kleur:var(--s-over)}.badge[data-status=geen_verkoop],.badge[data-status=op_order],.badge[data-status=uitlopend]{--kleur:var(--s-neutraal)}.badge[data-status=geen_verkoop]:before{background:0 0;border:2px solid;border-radius:50%}.badge[data-status=op_order]:before{clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%)}.badge[data-status=uitlopend]:before{clip-path:polygon(0 0,100% 50%,0 100%)}@media (forced-colors:active){.badge{color:canvastext;border-color:canvastext}}.abc{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--sunken);place-items:center;block-size:1.7rem;inline-size:1.7rem;font-size:.85rem;font-weight:700;display:inline-grid}.abc[data-klasse=A]{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.abc[data-klasse=B]{background:color-mix(in oklab, var(--accent) 22%, var(--surface))}.abc[data-klasse=N]{color:var(--muted);border-style:dashed}.filterbalk{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.veld{gap:.25rem;min-inline-size:0;display:grid}.veld>label,.veld>.label{font-size:.85rem;font-weight:600}.veld .hulp{color:var(--muted);font-size:.8rem}input[type=text],input[type=search],input[type=number],select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);min-block-size:2.5rem;max-inline-size:100%;padding:.35rem .6rem}input[type=file]{font:inherit;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--sunken);max-inline-size:100%;padding:.4rem}:is(input:user-invalid,select:user-invalid){border-color:var(--s-tekort);outline:2px solid color-mix(in oklab, var(--s-tekort) 50%, transparent)}.veld-fout{color:var(--s-tekort);font-size:.85rem;font-weight:600}.tabel-kop{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-block-end:.6rem;display:flex}.tabel-wrapper{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-block-size:min(70vh,56rem);max-inline-size:100%;overflow:auto;container-type:inline-size}.tabel-wrapper:focus-visible{outline-offset:-3px}table.data{border-collapse:separate;border-spacing:0;inline-size:100%;min-inline-size:62rem;font-size:.93rem}.data caption{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.data thead{z-index:3;position:sticky;inset-block-start:0}.data th,.data td{border-block-end:1px solid var(--line);vertical-align:middle;background:var(--surface);padding:.5rem .75rem}.data thead th{background:var(--sunken);text-align:start;white-space:nowrap;border-block-end:2px solid var(--line-strong);padding:0;font-size:.82rem;font-weight:650}.data thead th.num{text-align:end}.data thead th:not(:has(>button)){padding:.5rem .75rem}.data thead th>button{all:unset;box-sizing:border-box;cursor:pointer;min-block-size:2.5rem;inline-size:100%;font-weight:inherit;align-items:center;gap:.35rem;padding:.5rem .75rem;display:flex}.data thead th.num>button{justify-content:flex-end}.data thead th>button:hover{background:color-mix(in oklab, var(--accent) 12%, var(--sunken))}.data thead th>button:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.data thead th>button:after{content:"";opacity:.35;clip-path:polygon(50% 0,100% 40%,0 40%,0 60%,100% 60%,50% 100%);background:currentColor;flex:none;block-size:.7rem;inline-size:.6rem}.data thead th[aria-sort=ascending]>button:after{opacity:1;clip-path:polygon(50% 0,100% 100%,0 100%)}.data thead th[aria-sort=descending]>button:after{opacity:1;clip-path:polygon(0 0,100% 0,50% 100%)}.data tbody th{z-index:1;text-align:start;min-inline-size:16rem;max-inline-size:22rem;font-weight:500;position:sticky;inset-inline-start:0}.data tbody tr:hover :is(th,td){background:color-mix(in oklab, var(--accent) 7%, var(--surface))}.data tbody tr[data-actief=true] :is(th,td){background:color-mix(in oklab, var(--accent) 14%, var(--surface))}.artikel-sku{font-weight:650;display:block}.artikel-oms{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:block;overflow:hidden}.data td.num{white-space:nowrap}.trend{white-space:nowrap;font-size:.85rem}@container not (min-width:44rem){table.data,.data thead,.data tbody,.data tr,.data th,.data td{min-inline-size:0;display:block}.data thead{display:none}.data tbody tr{border:1px solid var(--line);border-radius:var(--radius);margin:.75rem;overflow:hidden}.data tbody th{background:var(--sunken);z-index:2;max-inline-size:none;position:sticky;inset-block-start:0;inset-inline-start:auto}.data td{text-align:end;justify-content:space-between;gap:1rem;display:flex}.data td:before{content:attr(data-label);color:var(--muted);text-align:start;font-weight:600}}.sorteer-mobiel{display:none}@container not (min-width:44rem){.sorteer-mobiel{display:block}}.paginering{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-block-start:.75rem;display:flex}.mini-tabel{border-collapse:collapse;inline-size:100%;font-size:.92rem}.mini-tabel th,.mini-tabel td{border-block-end:1px solid var(--line);text-align:end;font-variant-numeric:tabular-nums;padding:.45rem .4rem}.mini-tabel th:first-child,.mini-tabel td:first-child{text-align:start}.mini-tabel thead th{color:var(--muted);font-size:.78rem;font-weight:600}.balk{background:var(--sunken);border-radius:999px;block-size:.5rem;min-inline-size:4rem;display:block;overflow:hidden}.balk>span{background:var(--accent);block-size:100%;display:block}.melding{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);align-items:flex-start;gap:.6rem;padding:.7rem .9rem;display:flex}.melding:before{content:"i";background:var(--accent);block-size:1.3rem;inline-size:1.3rem;color:var(--on-brand);border-radius:50%;flex:none;place-items:center;margin-block-start:.1rem;font-size:.8rem;font-style:italic;font-weight:700;display:inline-grid}.melding[data-niveau=waarschuwing]{border-color:var(--s-bestellen);background:color-mix(in oklab, var(--s-bestellen) 9%, var(--surface))}.melding[data-niveau=waarschuwing]:before{content:"!";background:var(--s-bestellen);border-radius:20%;font-style:normal}.melding[data-niveau=fout]{border-color:var(--s-tekort);background:color-mix(in oklab, var(--s-tekort) 9%, var(--surface))}.melding[data-niveau=fout]:before{content:"×";background:var(--s-tekort);clip-path:polygon(50% 0,100% 100%,0 100%);padding-block-start:.25rem;font-style:normal}.melding[data-niveau=succes]{border-color:var(--s-ok);background:color-mix(in oklab, var(--s-ok) 9%, var(--surface))}.melding[data-niveau=succes]:before{content:"✓";background:var(--s-ok);font-style:normal}.melding-lijst{margin:.3rem 0 0;padding-inline-start:1.1rem;font-size:.88rem}.leeg{text-align:center;justify-items:center;gap:.75rem;padding:2.5rem 1rem;display:grid}.leeg p{max-inline-size:40rem}dialog{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);max-block-size:calc(100dvh - 2rem);inline-size:min(42rem,100vw - 2rem);color:var(--text);padding:0;box-shadow:0 20px 60px #00030c59;box-shadow:0 20px 60px lab(.862824% -.0768602 -3.62549/.35)}dialog:modal{overscroll-behavior:contain}dialog::backdrop{overscroll-behavior:contain;background:#030c178c;background:lab(2.98643% -.733465 -7.26174/.55);overflow:hidden}dialog.breed{inline-size:min(60rem,100vw - 2rem)}.dialog-kop{border-block-end:1px solid var(--line);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex;position:sticky;inset-block-start:0}.dialog-lijf{gap:1rem;padding:1.1rem;display:grid;overflow:auto}.dialog-voet{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.uitleg-knop{all:unset;box-sizing:border-box;border:1px solid var(--line-strong);background:var(--surface);block-size:1.5rem;inline-size:1.5rem;color:var(--accent);cursor:help;border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:inline-grid}.uitleg-knop:hover{background:var(--sunken)}.uitleg-knop:focus-visible{outline:3px solid var(--accent);outline-offset:2px}[popover].uitleg{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);inline-size:min(24rem,100vw - 2rem);color:var(--text);box-shadow:var(--shadow);padding:.8rem 1rem;font-size:.9rem}[popover].uitleg p+p{margin-block-start:.5rem}@supports (position-area:block-end){[popover].uitleg{position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;margin:.4rem 0 0;inset:auto}}.detail-raster{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem;display:grid}.feit{background:var(--sunken);border-radius:var(--radius-sm);gap:.1rem;padding:.6rem .75rem;display:grid}.feit dt{color:var(--muted);font-size:.78rem;font-weight:600}.feit dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.15rem;font-weight:700}.feit dd small{color:var(--muted);font-size:.78rem;font-weight:500}.sparkline{block-size:6rem;inline-size:100%;display:block}.sparkline rect{fill:var(--accent)}.sparkline rect[data-recent=true]{fill:color-mix(in oklab, var(--accent) 100%, white 0%)}.sparkline rect[data-oud=true]{fill:color-mix(in oklab, var(--accent) 45%, var(--surface))}.sparkline line{stroke:var(--s-bestellen);stroke-width:1.5px;stroke-dasharray:4 3}.uitleg-lijst{gap:.25rem;margin:0;padding-inline-start:1.1rem;font-size:.92rem;display:grid}.formules{border-radius:var(--radius-sm);background:var(--sunken);gap:.2rem;padding:.7rem .9rem;font-size:.88rem;display:grid}.instellingen-raster{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.9rem 1.1rem;display:grid}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@media print{.app-header,.nav,.acties,.filterbalk{display:none}.tabel-wrapper{max-block-size:none;overflow:visible}}.sessie{align-items:center;gap:.75rem;margin-inline-start:auto;font-size:.88rem;display:flex}.knop-licht{font:inherit;color:inherit;border:1px solid color-mix(in oklab, currentColor 55%, transparent);border-radius:var(--radius-sm);cursor:pointer;background:0 0;min-block-size:2.25rem;padding:.25rem .8rem}.knop-licht:hover{background:color-mix(in oklab, currentColor 14%, transparent)}
.werkverkenning{grid-template-columns:minmax(0,1fr);gap:1.25rem;max-inline-size:100rem;margin-inline:auto;display:grid}.stappen ol{padding:0;gap:.4rem;margin:0;padding-block-end:.3rem;list-style:none;display:flex;overflow-x:auto}.stappen a{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-inline-size:8.5rem;max-inline-size:12rem;color:var(--text);gap:.05rem;padding:.5rem .8rem;font-size:.88rem;line-height:1.25;text-decoration:none;display:grid}.stappen a:hover{background:var(--sunken)}.stappen a[aria-current=page]{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 13%, var(--surface));box-shadow:inset 0 -3px 0 var(--accent);font-weight:650}.stap-laag,.laag-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.74rem;font-weight:650}.laag-label{margin:0 0 .2rem}.stap-formulier{gap:1rem;display:grid}.stap-acties{background:linear-gradient(to top, var(--canvas) 70%, transparent);z-index:2;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.75rem 0;display:flex;position:sticky;inset-block-end:0}.vragen-blok{gap:.9rem;display:grid}.vragen-raster{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:start;gap:1.1rem 1.5rem;display:grid}textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);resize:vertical;inline-size:100%;padding:.45rem .6rem}fieldset.veld{border:0;min-inline-size:0;margin:0;padding:0}fieldset.veld>legend{margin-block-end:.3rem;padding:0;font-size:.85rem;font-weight:600}.keuzes{gap:.35rem;display:grid}.keuze{cursor:pointer;align-items:flex-start;gap:.55rem;min-block-size:1.9rem;display:flex}.keuze input{flex:none;block-size:1.05rem;inline-size:1.05rem;margin-block-start:.3rem}.keuze-rij{flex-wrap:wrap;gap:.3rem 1.2rem;display:flex}.schaal-rij{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.schaal-uiteinde{font-size:.8rem}.schaal-punt{cursor:pointer;justify-items:center;gap:.1rem;min-inline-size:2.2rem;font-size:.82rem;display:grid}.schaal-punt input{block-size:1.15rem;inline-size:1.15rem}.taak{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);border-inline-start:5px solid var(--line-strong);gap:.8rem;min-inline-size:0;margin:0;padding:.9rem 1.1rem 1.1rem;display:grid}.taak[data-gedaan]{border-inline-start-color:var(--accent)}.taak>legend{padding:0 .4rem;font-size:1.02rem;font-weight:700}.taak-uitleg{font-size:.9rem}.taak:not(:has(input[value=zelf]:checked,input[value=team]:checked)) .taak-detail{display:none}.taak-detail{border-block-start:1px dashed var(--line-strong);gap:.9rem;padding-block-start:.8rem;display:grid}.taak-kern{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));align-items:start;gap:.9rem 1.25rem;display:grid}.taak-extra{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));align-items:start;gap:1rem 1.5rem;padding-block-start:.8rem;display:grid}.taak summary{cursor:pointer;color:var(--accent);align-items:center;min-block-size:2rem;font-weight:600;display:flex}progress{accent-color:var(--accent);block-size:.6rem;inline-size:100%}.stroomlijst{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.stroom{align-content:space-between;gap:.8rem;display:grid}.stroom[data-relevant=nee]{opacity:.65}.stroom h2 a{color:var(--text)}.stroom-stand{gap:.3rem;font-size:.9rem;display:grid}.voortgang{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.voortgang .kaart{align-content:start;gap:.35rem;display:grid}.voortgang .kaart[data-klaar]{border-color:var(--s-ok)}.uitleg-blok h2{margin-block-end:.6rem}.ketenkaart{gap:.5rem;margin:0;display:grid;overflow-x:auto}.ketenkaart svg{block-size:auto;inline-size:100%;min-inline-size:38rem}.keten-baanlabel{fill:var(--muted);font-size:12px;font-weight:650}.keten-knoop rect{stroke:var(--line-strong);stroke-width:1.2px}.keten-knoop[data-leeg] rect{stroke-dasharray:5 4}a:hover .keten-knoop rect,a:focus-visible .keten-knoop rect{stroke:var(--accent);stroke-width:2.5px}.keten-tekst{fill:var(--text);font-size:12px;font-weight:650}.keten-uren{fill:var(--text);font-variant-numeric:tabular-nums;font-size:12px}.keten-pijl{stroke:var(--line-strong);stroke-width:1.8px}.keten-pijlkop{fill:var(--line-strong)}.matrix{gap:.5rem;margin:0;display:grid}.matrix svg{block-size:auto;inline-size:100%}.matrix-vlak{fill:var(--sunken)}.matrix-top{fill:color-mix(in oklab, var(--s-ok) 13%, transparent)}.matrix-lijn{stroke:var(--line-strong);stroke-dasharray:4 4}.matrix-kwadrant{fill:var(--muted);font-size:11px;font-weight:600}.matrix-as{fill:var(--muted);font-size:12px}.matrix-punt circle{fill:color-mix(in oklab, var(--accent) 22%, var(--surface));stroke:var(--accent);stroke-width:2px}.matrix-punt[data-golf="2"] circle{stroke-dasharray:3 2}.matrix-punt[data-golf="3"] circle{stroke-dasharray:8 3}.matrix-punt text{fill:var(--text);font-size:11px;font-weight:700}.urenlijst{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.urenlijst li{grid-template-columns:minmax(8rem,1.4fr) minmax(4rem,1fr) 4rem;align-items:center;gap:.75rem;font-size:.9rem;display:grid}.prompt summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:.25rem;min-block-size:2rem;display:flex}.voorbeeld{background:var(--sunken);border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:.4rem 0 0;padding:.7rem .9rem;font-size:.82rem;line-height:1.5}.prompt-tekst{max-block-size:28rem;overflow:auto}.bestandenlijst{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.bestandenlijst li{border-block-end:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-block:.7rem;display:flex}.voorbeeld-label{vertical-align:middle;border:1px dashed var(--s-bestellen);background:color-mix(in oklab, var(--s-bestellen) 10%, var(--surface));color:var(--s-bestellen);letter-spacing:.02em;text-transform:none;cursor:help;border-radius:999px;margin-inline-start:.4rem;padding:.1rem .55rem;font-size:.72rem;font-weight:650;line-height:1.4;display:inline-block}.voorbeeld-banner{border:1px solid var(--s-bestellen);border-radius:var(--radius);background:color-mix(in oklab, var(--s-bestellen) 9%, var(--surface));border-inline-start-width:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;margin-block-end:1rem;padding:.7rem 1rem;font-size:.92rem;display:flex}.voorbeeld-banner p{max-inline-size:70rem}.voorbeeld-banner .knop-licht{color:var(--text);border-color:var(--line-strong)}.voorbeeld-kaart{border-color:var(--s-bestellen);background:color-mix(in oklab, var(--s-bestellen) 6%, var(--surface));border-style:dashed;gap:.6rem;display:grid}.raket{counter-reset:raket;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.6rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.raket li{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:flex-start;gap:.75rem;padding:.8rem .9rem;display:flex}.raket li[data-actief]{border-color:var(--accent);box-shadow:inset 0 -4px 0 var(--accent)}.raket li[data-klaar]{border-color:var(--s-ok)}.raket-nr{border:2px solid var(--line-strong);border-radius:50%;flex:none;place-items:center;block-size:2rem;inline-size:2rem;font-weight:700;display:inline-grid}.raket li[data-actief] .raket-nr{background:var(--accent);border-color:var(--accent);color:var(--on-brand)}.raket li[data-klaar] .raket-nr{background:var(--s-ok);border-color:var(--s-ok);color:#fff}.raket p{margin-block-start:.15rem;font-size:.88rem}.ai-kort h3{margin-block-end:.3rem}.uitleg-pagina{max-inline-size:60rem}.uitleg-pagina .kaart{gap:.7rem;display:grid}.uitleg-pagina h3{margin-block-start:.4rem;font-size:1rem}.vervolglijst{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.vervolg{border:1px solid var(--line);border-inline-start:5px solid var(--s-bestellen);border-radius:var(--radius);background:var(--surface);gap:.6rem;padding:.9rem 1rem;display:grid}.vervolg[data-status=beantwoord]{border-inline-start-color:var(--s-ok)}.vervolg[data-status=overgeslagen],.vervolg[data-status=verworpen]{border-inline-start-color:var(--line-strong);opacity:.85}.vervolg-kop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;display:flex}.vervolg-meta{font-size:.85rem}.vervolg-form{gap:.75rem;display:grid}.waarom{color:var(--muted);font-size:.82rem;font-style:italic;display:block}.waarom-groep{border-inline-start:4px solid var(--accent);background:color-mix(in oklab, var(--accent) 7%, var(--surface));border-radius:var(--radius-sm);padding:.55rem .8rem;font-size:.9rem}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:60;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);inline-size:max-content;max-inline-size:min(20rem,80vw);color:var(--text);box-shadow:var(--shadow);text-align:start;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;padding:.5rem .7rem;font-size:.82rem;font-weight:450;line-height:1.35;transition:opacity .12s;position:absolute;inset-block-start:calc(100% + .4rem);inset-inline-start:0}[data-tip][data-tip-uitlijning=rechts]:after{inset-inline:auto 0}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;visibility:visible;transition-delay:.25s}@media (prefers-reduced-motion:reduce){[data-tip]:after{transition:none}}dialog [data-tip]:after{z-index:70}.kop-uitleg{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.kop-klein{font-size:1rem}.nav-groep{margin:0;padding:0;list-style:none}.nav-kop{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:.7rem .85rem .25rem;font-size:.72rem;font-weight:650}.nav-kop small{text-transform:none;letter-spacing:0;font-size:.74rem;font-weight:450;display:block}@media (max-width:55.99rem){.nav-kop small{display:none}.nav{display:flex;overflow-x:auto}.nav .nav-groep{align-items:center;gap:.25rem;padding:.4rem .6rem;display:flex}.nav-kop{white-space:nowrap;padding:0 .4rem 0 0}}.volgende-stap{border:2px solid var(--accent);border-radius:var(--radius);background:color-mix(in oklab, var(--accent) 7%, var(--surface));gap:.6rem;padding:1.1rem 1.25rem;display:grid}.volgende-stap h2{font-size:1.25rem}.wacht-lijst{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.wacht-lijst li{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.55rem .8rem;display:flex}
