:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9eacf;--ink:#22372a;--ink-60:#22372a99;--ink-55:#22372a8c;--ink-45:#22372a73;--line:#22372a66;--line-zacht:#22372a40;--line-vast:#c3c9a6;--muted:#5a6b55;--accent:#2e6b40;--accent-donker:#1c4327;--accent-licht:#c3dbb4;--chip:#d3e0c1;--vlak:#dcdcba;--terracotta:#8a3a22;--terracotta-tint:#8a3a221f;--mono:"Space Mono", ui-monospace, Menlo, monospace;--sans:Archivo, system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0}h1,h2,h3,p{margin:0}button,input,textarea,select{color:inherit;font-family:inherit;font-size:1rem}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--mono)}.eyebrow{font:800 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.eyebrow.wijd{letter-spacing:.22em}.label{font:800 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}.tekstknop{cursor:pointer;font:800 10px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:0 0;border:0;padding:0}.app{flex-direction:column;min-height:100dvh;display:flex}.zijbalk{display:none}.hoofd{padding-bottom:calc(76px + env(safe-area-inset-bottom));flex:1;min-width:0}.inhoud{padding:0 18px 28px}.paginakop{padding:calc(20px + env(safe-area-inset-top)) 18px 12px;border-bottom:2px solid var(--ink)}.paginakop .regel{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.paginakop .wie{font:600 12px/1 var(--sans);color:var(--ink)}.paginakop .wie form{align-items:baseline;gap:8px;display:inline-flex}.paginakop .wie a{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.paginakop h1{font:800 34px/1 var(--sans);letter-spacing:-.02em;margin-top:8px}.subnav{border:1px solid var(--line);scrollbar-width:none;margin-top:12px;display:flex;overflow-x:auto}.subnav::-webkit-scrollbar{display:none}.subnav a{text-align:center;white-space:nowrap;min-height:40px;font:800 10px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-55);flex:1;padding:11px 10px}.subnav a+a{border-left:1px solid var(--line-zacht)}.subnav a[aria-current=page]{background:var(--ink);color:var(--bg)}.subnav.filter{margin-top:0}.kpis{border-bottom:2px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.kpis.drie{grid-template-columns:repeat(3,1fr)}.kpi{border-right:2px solid var(--line);min-width:0;padding:14px 18px}.kpi:last-child{border-right:0}.kpi-label{font:800 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-55)}.kpi-getal{font:800 clamp(22px, 6.4vw, 30px)/1.1 var(--sans);letter-spacing:-.01em;overflow-wrap:anywhere;margin-top:6px}.kpi-getal.mono{font:700 22px/1.2 var(--mono)}.kpi-sub{font:400 11px/1.3 var(--mono);color:var(--ink-55);margin-top:2px}.kpi-sub.rood,.kpi-getal.rood{color:var(--terracotta)}.sectie{scroll-margin-top:8px}.sectiekop{border-bottom:2px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:18px 18px 10px;display:flex}.sectiekop h2{font:800 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}.sectiekop .sub{font:400 11px/1.3 var(--mono);color:var(--ink-55);text-align:right}.kop2{font:800 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin:24px 0 8px}.statusvak{border-bottom:2px solid var(--line);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.statusvak .label{color:var(--ink-55)}.statusvak .groot{font:800 30px/1.1 var(--sans);letter-spacing:-.01em}.statusvak small{font:400 11px/1.4 var(--mono);color:var(--ink-55)}.statusvak .acties{flex-wrap:wrap;gap:2px;margin-top:10px;display:flex}.stap{border-bottom:1px solid var(--line-zacht);align-items:flex-start;gap:14px;padding:14px 18px;display:flex}.vink{border:2px solid var(--ink);background:0 0;flex:none;width:20px;height:20px;margin-top:1px}.stap.klaar .vink{background:var(--ink)}.stap .wat{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.stap .wat b{font:600 15px/1.25 var(--sans)}.stap.klaar .wat b{color:var(--ink-45)}.stap .wat small{font:400 11px/1.4 var(--mono);color:var(--ink-55)}.stap .bestand{font:400 11px/1.4 var(--mono);color:var(--accent-donker);overflow-wrap:anywhere}.stap .acties{flex-wrap:wrap;gap:2px;display:flex}.knop{border:1px solid var(--ink);color:var(--ink);min-height:48px;font:800 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.knop.primair{background:var(--accent);color:var(--bg);border-color:var(--accent)}.knop.terracotta{color:var(--terracotta);border-color:var(--terracotta)}.knop.vierkant{flex:none;width:48px;padding:0;font-size:18px}.knop.vol{width:100%}.knop.breed{flex:1}.knop:disabled{opacity:.4;cursor:default}label.knop{cursor:pointer;position:relative}.knop input[type=file]{opacity:0;width:1px;height:1px;position:absolute}.veld{border:1px solid var(--ink);width:100%;font:400 14px/1.5 var(--mono);color:var(--ink);background:0 0;min-height:48px;padding:12px}.veld::placeholder{color:var(--ink-45)}.veld:focus{outline:2px solid var(--accent);outline-offset:-1px}.veld:disabled{border-color:var(--line-zacht);color:var(--ink-60)}textarea.veld{resize:vertical;min-height:84px}input[type=date].veld{appearance:none}.chips{flex-wrap:wrap;gap:6px;padding:12px 18px 14px;display:flex}.chip{border:1px solid var(--ink);font:600 12px/1 var(--sans);padding:7px 10px}.chip.aan{background:var(--chip);border-color:var(--accent);color:var(--accent-donker)}.fout{font:400 12px/1.4 var(--mono);color:var(--terracotta);min-height:1.4em;margin:6px 0 0}.bewaard{font:400 12px/1.4 var(--mono);color:var(--accent-donker);margin:6px 0 0}.afrondlijst{border-top:2px solid var(--ink);margin:14px 0 4px;padding:0;list-style:none}.afrondlijst li{border-bottom:1px solid var(--line-zacht);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.afrondlijst li b{font:800 13px/1.2 var(--sans);align-items:center;gap:10px;display:flex}.afrondlijst li b:before{content:"";border:2px solid var(--ink-45);flex:none;width:18px;height:18px}.afrondlijst li.klaar b:before{content:"✓";background:var(--accent);border-color:var(--accent);color:var(--bg);place-items:center;font-size:12px;display:grid}.afrondlijst li span{font:400 12px/1.3 var(--mono);color:var(--ink-60);text-align:right}.afrondlijst li.open span{color:var(--terracotta)}.afrondlijst li a{color:inherit;text-decoration:underline}.wenk{font:400 12px/1.5 var(--mono);color:var(--ink-60);margin:10px 0 0}.wenk.rood{color:var(--terracotta)}.leeg{font:400 12px/1.5 var(--mono);color:var(--ink-55);text-align:center;padding:18px 0}.agent{background:var(--ink);color:var(--bg);padding:16px 18px}.agent .regel{justify-content:space-between;align-items:center;gap:12px;display:flex}.agent .eyebrow{color:var(--accent-licht);letter-spacing:.16em}.agent .tijd{font:600 10px/1 var(--sans);opacity:.6}.agent p{font:800 18px/1.25 var(--sans);margin-top:10px}.agent .acties{gap:2px;margin-top:14px;display:flex}.agent .knop{border-color:color-mix(in srgb, var(--bg) 45%, transparent);color:var(--bg)}.agent .knop.primair{border-color:var(--accent)}.stempel{background:var(--ink);color:var(--bg);gap:8px;margin-top:14px;padding:14px 18px;display:grid}.stempel .eyebrow{color:var(--accent-licht);letter-spacing:.16em}.stempel p{font:800 15px/1.3 var(--sans)}.stempel small{font:400 11px/1.4 var(--mono);opacity:.75}.melding{border-left:4px solid var(--terracotta);background:var(--terracotta-tint);font:600 13px/1.45 var(--sans);color:var(--terracotta);margin:12px 0 0;padding:12px 14px}.melding.gelukt{border-left-color:var(--accent);background:var(--chip);color:var(--accent-donker)}.resultaat{border-left:4px solid var(--line);background:var(--vlak);margin:14px 18px 0;padding:12px}.resultaat b{font:800 12px/1.25 var(--sans);display:block}.resultaat small{font:400 11px/1.4 var(--mono);color:var(--ink-60);margin-top:3px;display:block}.actiebalk{border-top:2px solid var(--ink);gap:2px;margin-top:14px;padding:12px 18px 14px;display:flex}.bord{background:var(--ink);border-bottom:2px solid var(--ink);grid-template-columns:1fr 1fr;gap:2px;display:grid}.tegel{background:var(--bg);flex-direction:column;min-height:124px;padding:16px 14px;display:flex}.tegel.donker{background:var(--ink);color:var(--bg)}.tegel.groen{background:var(--accent);color:var(--bg)}.tegel .label{color:var(--ink-55)}.tegel.donker .label{color:var(--accent-licht)}.tegel.groen .label{color:var(--bg)}.tegel .groot{font:800 26px/1 var(--sans);letter-spacing:-.01em;margin-top:auto}.tegel small{font:400 11px/1.3 var(--mono);color:var(--ink-55);margin-top:4px}.tegel.donker small{color:var(--bg);opacity:.7}.tegel.groen small{color:var(--bg)}.tegel:active{background:var(--vlak)}.bordvoet{justify-content:space-between;align-items:center;gap:12px;padding:12px 18px 30px;display:flex}.bordvoet span{font:600 11px/1.3 var(--sans);color:var(--ink-55)}.bordvoet a{font:800 10px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.stip{background:var(--line);border-radius:50%;flex:none;width:10px;height:10px}.stip.aan{background:var(--accent)}.stip.uit{background:var(--terracotta)}.tabbalk{z-index:40;background:var(--bg);border-top:2px solid var(--ink);padding:10px 6px calc(14px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.tabbalk a,.tabbalk .tabmenu{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:6px;min-height:44px;padding:0 4px;display:flex}.tabbalk a .lijn,.tabbalk .tabmenu .lijn{background:0 0;align-self:stretch;height:3px}.tabbalk .picto{color:var(--ink-55);flex:none}.tabbalk a[aria-current=page] .picto{color:var(--accent)}.tabbalk a span:last-child,.tabbalk .tabmenu span:last-child{font:800 10.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-55);text-align:center}.tabbalk a[aria-current=page] .lijn{background:var(--accent)}.tabbalk a[aria-current=page] span:last-child{color:var(--accent)}.login{min-height:100dvh;padding:calc(40px + env(safe-area-inset-top)) 22px 44px;flex-direction:column;max-width:420px;margin:0 auto;display:flex}.merk{background:var(--ink);color:var(--bg);font:800 26px/.9 var(--sans);letter-spacing:-.02em;padding:7px 12px 9px;display:inline-block}.merk.groot{align-self:flex-start;margin-top:12px;padding:10px 16px 12px;font-size:44px}.merk-sub{font:800 9px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;margin-top:8px;display:block}.merk-sub.groot{letter-spacing:.28em;margin-top:12px;font-size:20px}.lijn2{background:var(--ink);height:2px;margin:20px 0 14px}.login-uitleg{font:400 13px/1.45 var(--mono);color:var(--ink-60)}.login-voet{font:400 11px/1.4 var(--mono);color:#22372a80;margin-top:12px}.login-ip{font:400 12px/1.4 var(--mono);color:#22372a99;text-align:right;flex-direction:column;gap:4px;margin-top:auto;padding-top:24px;display:flex}.login-adres{color:#22372a4d;font-size:10px}.codevakken{gap:8px;margin:24px 0 0;display:flex}.codevak{border:1px solid var(--line);height:52px;font:800 22px/1 var(--sans);flex:1;place-items:center;display:grid}.codevak.vol{border:2px solid var(--ink)}.codevak.actief{border:2px solid var(--accent)}.codevak .caret{background:var(--accent);width:2px;height:22px}.login .fout{margin:8px 0 0}.numpad{background:var(--line);border:2px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:2px;margin-top:auto;display:grid}.numpad button{background:var(--bg);height:56px;font:800 22px/1 var(--sans);border:0}.numpad button:active{background:var(--vlak)}.numpad button.wis{background:var(--vlak);font:800 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}.numpad button.ok{background:var(--accent);color:var(--bg);font:800 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}.numpad button.ok:disabled{opacity:.45}.login .stappen{gap:4px;margin:8px 0 0;padding-left:18px;display:grid}.login .qr{width:200px;height:200px;image-rendering:pixelated;background:#fff;margin:14px auto 6px;display:block}.sleutel{font:700 15px/1.5 var(--mono);letter-spacing:.06em;word-break:break-all;-webkit-user-select:all;user-select:all;margin:6px 0 0}.herstelcodes{font:700 13px/1.6 var(--mono);-webkit-user-select:all;user-select:all;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:6px 16px;margin:14px 0;padding-left:26px;display:grid}.dagkiezer{gap:2px;margin-top:14px;display:flex}.dagkiezer .dagnaam{border:1px solid var(--ink);text-align:center;flex:1;place-items:center;gap:2px;min-width:0;padding:4px 0;display:grid}.dagkiezer .dagnaam span{font:800 13px/1.2 var(--sans)}.dagkiezer .dagnaam input{height:20px;color:var(--ink-55);font:400 11px/1 var(--mono);text-align:center;background:0 0;border:0}.dagkiezer .knop.uit{opacity:.3}.kasboek{border-top:2px solid var(--ink);margin-top:8px}.regel{border-bottom:1px solid var(--line-zacht);min-height:56px;color:inherit;align-items:center;gap:12px;padding:6px 0;display:flex}.regel .wat{min-width:0;font:600 15px/1.25 var(--sans);overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;display:flex}.regel .wat small{font:400 11px/1.3 var(--mono);color:var(--ink-55)}.bedrag{font:700 16px/1 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.regel.aftrek .bedrag:before{content:"– ";color:var(--ink-55)}.regel.sub{border-bottom-style:dashed;min-height:40px;padding-left:16px}.regel.sub .wat{font:400 13px/1.25 var(--sans);color:var(--ink-60)}.regel.sub .bedrag{color:var(--ink-60);font-size:13px;font-weight:400}.regel.schakel{font:800 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);min-height:48px}.regel.invoer input{text-align:right;border:1px solid var(--ink);width:150px;height:48px;font:700 18px/1 var(--mono);font-variant-numeric:tabular-nums;background:0 0;padding:0 10px}.regel.invoer input:focus{outline:2px solid var(--accent);outline-offset:-1px}.regel.invoer input:disabled{color:var(--ink);opacity:1;border-color:#0000;padding-right:0}.regel.ongeldig input{border-color:var(--terracotta)}.regel.invoer .teken{border:1px solid var(--ink);width:48px;height:48px;font:800 20px/1 var(--sans);color:var(--ink);background:0 0;order:1}.regel.invoer:has(.teken) input{order:2}.som{border-top:2px solid var(--ink);margin-top:14px}.som .regel{border-bottom:1px solid var(--line-zacht)}.som .fooi{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:12px;padding:12px 0 14px;display:flex}.som .fooi .wat{font:800 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;flex-direction:column;gap:2px;display:flex}.som .fooi .wat small{font:400 11px/1.3 var(--mono);color:var(--ink-55);letter-spacing:0;text-transform:none}.som .fooi .bedrag{font:800 40px/1 var(--sans);letter-spacing:-.02em}.som.rood{border-top-color:var(--terracotta)}.som.rood .bedrag,.som.rood .wat small{color:var(--terracotta)}.bonstrook{border-left:4px solid var(--accent);background:var(--vlak);margin-top:10px;padding:6px 12px 12px}.bonregel{border-bottom:1px solid var(--line-zacht);align-items:baseline;gap:8px;padding:9px 0;display:flex}.bonregel:last-of-type{border-bottom:0}.bonregel .nr{width:16px;font:400 10px/1 var(--mono);color:var(--ink-55);flex:none}.bonregel .bonveld{max-width:62%;font:600 13px/1.25 var(--sans);flex:none}.bonregel .bonveld small{font:400 10px/1.3 var(--mono);color:var(--ink-55);display:block}.bonregel .leader{border-bottom:1px dotted var(--line);flex:1;min-width:14px;transform:translateY(-4px)}.bonregel .bedrag{font-size:14px}.bonregel .bedrag.rood{color:var(--terracotta)}.bonstrook .knop{margin-top:10px}.handmatig{gap:6px;margin-top:10px;display:grid}.handmatig label{font:400 11px/1.4 var(--mono);color:var(--terracotta)}.opmerking{gap:6px;margin-top:12px;display:grid}.opmerking>span{font:800 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-55)}.knoprij{grid-template-columns:1fr 1.4fr;gap:2px;margin-top:12px;display:grid}.knoprij .knop{min-height:56px}.vorm{gap:6px;margin-top:12px;display:grid}.vorm>label{font:800 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-55);margin-top:10px}.vorm small{font:400 11px/1.4 var(--mono);color:var(--ink-55)}.geldinvoer{align-items:center;gap:8px;display:flex}.geldinvoer .euro{font:700 16px/1 var(--mono);color:var(--ink-55)}.geldinvoer .veld{text-align:right;font-size:18px;font-weight:700}.fotoknop{border:2px dashed var(--ink);min-height:68px;font:800 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:12px;padding:8px 12px;display:flex}.fotoknop input{display:none}.fotoknop img{object-fit:cover;border:1px solid var(--ink);width:52px;height:52px}.uitgaverij{border-bottom:1px solid var(--line-zacht);align-items:center;gap:10px;padding:10px 0;display:flex}.uitgaverij img{object-fit:cover;border:1px solid var(--line);width:44px;height:44px;display:block}.uitgaverij .wat{min-width:0;font:600 14px/1.3 var(--sans);overflow-wrap:anywhere;flex:1}.uitgaverij .wat small{font:400 11px/1.3 var(--mono);color:var(--ink-55);display:block}.uitgaverij .verwijder{border:1px solid var(--terracotta);width:44px;height:44px;color:var(--terracotta);font:800 16px/1 var(--sans);background:0 0;flex:none}.totaalrij{border-top:2px solid var(--ink);font:800 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.lijst{border-top:2px solid var(--ink);margin-top:8px}.periodevorm{align-items:center;gap:2px;margin-top:8px;display:flex}.periodevorm .veld{flex:1;min-width:0;min-height:44px;padding:0 8px;font-size:12px}.periodevorm .knop{min-height:44px}.tabelwrap{-webkit-overflow-scrolling:touch;border-top:2px solid var(--ink);margin-top:14px;overflow-x:auto}.tabel{border-collapse:collapse;white-space:nowrap;width:100%}.tabel th{text-align:right;font:400 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--line);padding:10px 8px}.tabel td{text-align:right;font:400 12px/1 var(--mono);font-variant-numeric:tabular-nums;border-bottom:1px solid var(--line-zacht);padding:11px 8px}.tabel th:first-child,.tabel td:first-child{text-align:left;padding-left:0}.tabel td:first-child{font:800 13px/1 var(--sans)}.tabel td:first-child a{color:var(--accent)}.tabel th:last-child,.tabel td:last-child,.tabel th:nth-last-child(2),.tabel td:nth-last-child(2){text-align:left}.tabel tr.negatief td{background:var(--terracotta-tint)}.tabel td.negatief{color:var(--terracotta);font-weight:700}.tabel tfoot td{border-top:2px solid var(--ink);border-bottom:0;font-weight:700}.tabel td.leeg{text-align:center;padding:20px 0}.grafiek{width:100%;height:auto;margin-top:8px;display:block}.negatief{color:var(--terracotta)}.hulp{border:1px solid var(--line);margin-top:12px}.hulp>summary{cursor:pointer;min-height:48px;font:800 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;padding:0 14px;list-style:none;display:flex}.hulp>summary::-webkit-details-marker{display:none}.hulp>summary:before{content:"?";border:2px solid;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:inline-grid}.hulp[open]>summary:before{content:"×"}.hulp-tekst{font:400 14px/1.55 var(--sans);color:var(--ink);border-top:1px solid var(--line-zacht);padding:0 14px 14px}.hulp-tekst p{margin:10px 0 0}.hulp-tekst ol,.hulp-tekst ul{margin:6px 0 0;padding-left:20px}.hulp-tekst li{margin:4px 0}.hulp-tekst a{color:var(--accent);font-weight:700}.uitleg p,.uitleg li,.uitleg dd{font:400 15px/1.55 var(--sans)}.uitleg p{max-width:60ch;margin:10px 0 0}.uitleg ol,.uitleg ul{max-width:60ch;margin:6px 0 0;padding-left:22px}.uitleg li{margin:6px 0}.uitleg li::marker{font-family:var(--mono);color:var(--ink-55)}.uitleg a{color:var(--accent);font-weight:700}.uitleg dl{gap:10px;max-width:60ch;margin:8px 0 0;display:grid}.uitleg dt{font:800 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}.uitleg dd{margin:4px 0 0}@media (min-width:1024px){.app{flex-direction:row}.zijbalk{border-right:2px solid var(--ink);scrollbar-width:thin;flex-direction:column;flex:none;width:240px;height:100dvh;display:flex;position:sticky;top:0;overflow-y:auto}.hoofd{padding-bottom:0}.inhoud{max-width:880px;padding:0 26px 40px}.tabbalk{display:none}.paginakop{padding:22px 26px 18px}.paginakop h1{font-size:40px}.subnav{max-width:640px}.kpis{grid-template-columns:repeat(4,1fr)}.kpis.drie{grid-template-columns:repeat(3,1fr)}.kpi{border-right:1px solid var(--line-vast);padding:16px 22px}.kpi-label{font:400 10px/1 var(--mono);letter-spacing:.06em;color:var(--muted);text-transform:none}.kpi-getal{margin-top:8px;font-size:38px}.kpi-getal.mono{font-size:26px}.kolommen{grid-template-columns:1fr 420px;align-items:start;display:grid}.kolommen>:first-child{border-right:2px solid var(--ink);min-height:calc(100dvh - 210px)}.sectiekop,.stap,.chips,.statusvak{padding-left:26px;padding-right:26px}.kolommen>:last-child .sectiekop,.kolommen>:last-child .statusvak,.kolommen>:last-child .bordvoet{padding-left:24px;padding-right:24px}.agent{padding:20px 26px}.agent p{max-width:560px;font-size:22px}.resultaat{margin-left:26px;margin-right:26px}.actiebalk{padding-left:26px;padding-right:26px}}.telling{border-top:2px solid var(--ink);grid-template-columns:1fr;margin-top:8px;display:grid}.coupure{border-bottom:1px solid var(--line-zacht);grid-template-columns:64px 44px 1fr 44px 84px;align-items:center;gap:2px;min-height:52px;display:grid}.coupure .cp{font:800 13px/1 var(--sans)}.coupure button{border:1px solid var(--ink);height:44px;font:800 18px/1 var(--sans);background:0 0}.coupure button:disabled{opacity:.3}.coupure input{text-align:center;border:1px solid var(--line);width:100%;min-width:0;height:44px;font:700 18px/1 var(--mono);background:0 0}.coupure input:focus{outline:2px solid var(--accent);outline-offset:-1px}.coupure.aan input{border-color:var(--ink)}.coupure .sub{font:400 12px/1 var(--mono);color:var(--ink-60);text-align:right;font-variant-numeric:tabular-nums}@media (min-width:1024px){.telling{grid-template-columns:1fr 1fr;column-gap:26px}}:root{--ink-soft:var(--ink-60);--ink-faint:var(--ink-55);--klaar:var(--accent);--maken:var(--terracotta);--bijna:#9a6a12;--klaar-bg:color-mix(in srgb, var(--accent) 12%, transparent);--bijna-bg:#9a6a121f;--maken-bg:var(--terracotta-tint)}.tabnum{font-variant-numeric:tabular-nums}.toelichting{font:400 12px/1.5 var(--mono);color:var(--ink-60)}.subkop{font:400 12px/1.5 var(--mono);color:var(--ink-60);margin:12px 0 0}.staplabel{font:800 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-55);display:block}.tstap{gap:8px;margin-top:18px;display:grid}.kaart{border:1px solid var(--line);background:0 0;margin-top:8px}.kaart.kaart-strak{border:0;border-top:2px solid var(--ink)}.melding b{margin-bottom:2px;display:block}.melding a{color:inherit;text-decoration:underline}.stations,.filters{border:1px solid var(--line);scrollbar-width:none;margin-top:14px;display:flex;overflow-x:auto}.stations::-webkit-scrollbar{display:none}.filters::-webkit-scrollbar{display:none}.station-tab{white-space:nowrap;min-height:44px;font:800 10px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-55);cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.station-tab+.station-tab{border-left:1px solid var(--line-zacht)}.station-tab[aria-current=true]{background:var(--ink);color:var(--bg)}.station-tab .tel{font:400 11px/1 var(--mono);opacity:.7}.station-tab .tel.let{color:var(--terracotta);opacity:1}.station-tab[aria-current=true] .tel.let{color:var(--bg)}.zoekrij{gap:2px;display:flex}.zoekrij .veld{flex:1}.keuzetegels{background:var(--ink);border:2px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.keuzetegel{background:var(--bg);text-align:left;border:0;flex-direction:column;justify-content:center;gap:4px;min-height:72px;padding:12px 14px;display:flex}.keuzetegel b{font:800 14px/1.2 var(--sans);overflow-wrap:anywhere}.keuzetegel small{font:400 10px/1.3 var(--mono);color:var(--ink-55)}.keuzetegel.aan{background:var(--ink);color:var(--bg)}.keuzetegel.aan small{color:var(--bg);opacity:.7}.keuzetegel.wacht{background:var(--vlak);color:var(--ink-60)}.keuzetegel:disabled{opacity:.45}.keuzetegels .leeg{background:var(--bg);grid-column:1/-1}.gekozen{align-items:center;gap:12px;padding:12px 14px;display:flex}.gekozen .wat{flex-direction:column;flex:1;gap:4px;display:flex}.gekozen .wat small{font:800 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-55)}.gekozen .wat b{font:800 22px/1 var(--sans);letter-spacing:-.01em}.hoeveelrij{align-items:center;gap:12px;padding:10px 14px;display:flex}.hoeveelrij+.hoeveelrij{border-top:1px solid var(--line-zacht)}.hoeveelrij .wat{font:600 15px/1.25 var(--sans);flex-direction:column;flex:1;gap:2px;display:flex}.hoeveelrij .wat small{font:400 11px/1.3 var(--mono);color:var(--ink-55)}.vak-aantal{text-align:center;border:1px solid var(--ink);height:48px;font:700 18px/1 var(--mono);-moz-appearance:textfield;background:0 0;padding:0 6px}.vak-aantal::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vak-aantal::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hoeveelrij>.vak-aantal{width:120px}.eenheid{width:26px;font:400 13px/1 var(--mono);color:var(--ink-60)}.stepper{align-items:center;gap:2px;display:flex}.stepper button{border:1px solid var(--ink);width:44px;height:48px;font:800 18px/1 var(--sans);background:0 0}.stepper .vak-aantal{width:58px}.keuzegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.keuzerij{flex-wrap:wrap;gap:2px;display:flex}.keuze{border:1px solid var(--ink);min-height:48px;font:800 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;background:0 0;padding:0 14px}.keuze.aan{background:var(--ink);color:var(--bg)}.keuze:disabled{opacity:.35}.thtkaart{border-left:4px solid var(--accent);background:var(--vlak);border-top:0;border-bottom:0;border-right:0;align-items:center;gap:14px;padding:14px 16px;display:flex}.thtkaart .groot{font:800 34px/1 var(--sans);letter-spacing:-.02em}.thtkaart.fout{border-left-color:var(--terracotta);color:var(--terracotta)}.vinkrond{background:var(--accent);width:48px;height:48px;color:var(--bg);font:800 20px/1 var(--sans);flex:none;place-items:center;display:grid}.klaarkaart{text-align:center;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);border-left:0;border-right:0;gap:12px;margin-top:18px;padding:22px 16px;display:grid}.klaarkaart h2{font:800 26px/1.1 var(--sans);letter-spacing:-.01em}.vorm .tweekolom{grid-template-columns:1fr 1fr;gap:10px;display:grid}.vorm .tweekolom label,.vorm .vierkolom label{margin-top:4px;margin-bottom:4px;display:block}.vorm .vierkolom{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.vorm .vierkolom label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vorm .vierkolom .veld{text-align:center;padding-left:4px;padding-right:4px}.vormknoppen{justify-content:flex-end;gap:2px;margin-top:10px;display:flex}.vkaart{border:1px solid var(--line);border-left:4px solid var(--accent);margin-top:10px}.vkaart.oranje{border-left-color:var(--bijna)}.vkaart.rood{border-left-color:var(--terracotta)}.vkop{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:64px;padding:12px 14px;display:flex}.vkop .wat,.vrij .wat,.jobrij .wat,.printerkop .wat,.logrij .wat{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.vkop .wat b{font:800 16px/1.2 var(--sans)}.vkop .wat small,.vrij .wat small,.jobrij .wat small,.printerkop .wat small,.logrij small{font:400 11px/1.35 var(--mono);color:var(--ink-55)}.thtbadge{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.thtbadge small{font:800 9px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-55)}.thtbadge b{font:800 18px/1 var(--sans);color:var(--accent)}.thtbadge.oranje small,.thtbadge.oranje b{color:var(--bijna)}.thtbadge.rood small,.thtbadge.rood b{color:var(--terracotta)}.pijltje{color:var(--ink-55);text-align:center;width:16px;font-size:16px}.vlijst{border-top:1px solid var(--line);background:color-mix(in srgb, var(--ink) 4%, transparent)}.vportie+.vportie{border-top:1px solid var(--line-zacht)}.vrij{align-items:center;gap:10px;padding:10px 14px 6px;display:flex}.vrij .wat b{font:600 14px/1.25 var(--sans)}.vrij .code{font:400 11px/1 var(--mono);color:var(--ink-55);margin-left:4px}.thtklein{font:700 14px/1 var(--mono);color:var(--accent)}.thtklein.oranje{color:var(--bijna)}.thtklein.rood{color:var(--terracotta)}.acties{gap:2px;padding:4px 14px 12px;display:flex}.acties button,.acties a{border:1px solid var(--ink);min-height:44px;font:800 10px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);white-space:nowrap;background:0 0;flex:1;justify-content:center;align-items:center;display:inline-flex}.acties button:last-child,.acties a{flex:0 0 48px;font-size:16px}.acties button.goed{color:var(--accent);border-color:var(--accent)}.acties button.slecht{color:var(--terracotta);border-color:var(--terracotta)}.acties button.aan{background:var(--ink);color:var(--bg);border-color:var(--ink)}.acties button:disabled{opacity:.45}.paneel{gap:8px;padding:4px 14px 14px;display:grid}.paneel .hint{font:400 11px/1.4 var(--mono);color:var(--ink-55)}.printerkop{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);border-left:0;border-right:0;align-items:center;gap:14px;padding:14px 16px;display:flex}.printerkop .wat b{font:800 16px/1.2 var(--sans)}.stip.bezig{background:var(--bijna)}.stip.wacht{border:2px solid var(--line);background:0 0}.jobrij{align-items:center;gap:12px;padding:12px 14px;display:flex}.jobrij+.jobrij{border-top:1px solid var(--line-zacht)}.jobrij .wat b{font:600 14px/1.25 var(--sans)}.jobrij .knop{min-height:44px;padding:0 14px}.kaart.mislukt{border-color:var(--terracotta)}.nogeens{font:800 10px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:10px 0}.logrij{align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.logrij+.logrij{border-top:1px solid var(--line-zacht)}.logrij .tekst{font:600 14px/1.35 var(--sans)}.logrij small.let{color:var(--terracotta)}.avatar{width:36px;height:36px;font:800 11px/1 var(--sans);background:var(--vlak);color:var(--ink);flex:none;place-items:center;display:grid}.avatar.klaar{background:var(--accent);color:var(--bg)}.avatar.bijna{background:var(--bijna);color:var(--bg)}.avatar.maken{background:var(--terracotta);color:var(--bg)}.beheerkaart{margin-top:12px}.beheerrij{border-bottom:1px solid var(--line-zacht);align-items:center;gap:8px;padding:10px 10px 10px 14px;display:flex}.beheernaam{min-width:0;font:600 14px/1.25 var(--sans);overflow-wrap:anywhere;flex-direction:column;flex:1;gap:3px;display:flex}.beheernaam small{font:400 10px/1.3 var(--mono);color:var(--ink-55)}.beheernaam .herkomst{color:var(--accent-donker)}.beheerrij.uit{opacity:.4}.thtdagen{font:400 10px/1.3 var(--mono);color:var(--ink-55);flex-wrap:wrap;gap:10px;display:flex}.thtdagen b{color:var(--ink);font-weight:700}.thtdagen.ontbreekt{color:var(--bijna);font-weight:700}.mini{flex:none;gap:2px;display:flex}.mini button{border:1px solid var(--ink);min-width:44px;height:44px;font:800 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;background:0 0;padding:0 10px}.mini button.aan{background:var(--accent);color:var(--bg);border-color:var(--accent)}.toevoegrij{text-align:left;width:100%;font:800 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:0 0;border:0;min-height:48px;padding:14px}.beheerkaart .vorm{border-bottom:1px solid var(--line-zacht);margin-top:0;padding:12px 14px 14px}@media (min-width:1024px){.keuzetegels{grid-template-columns:repeat(3,minmax(0,1fr))}.keuzegrid{grid-template-columns:repeat(4,minmax(0,1fr))}}select.veld{appearance:none;background:0 0}.datumbalk{align-items:center;gap:2px;margin-top:12px;display:flex}.datumbalk .nu{text-align:center;border:1px solid var(--ink);min-height:48px;font:800 13px/1.2 var(--sans);flex:1;place-items:center;display:grid}.gerecht{margin-top:20px}.gerecht>h2{font:800 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:0 0 8px}.gerecht .kaart{border:0;border-top:2px solid var(--ink);margin-top:0}.rij{border-bottom:1px solid var(--line-zacht)}.rij-hoofd{align-items:stretch;display:flex}.naam{-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;padding:10px 6px 10px 0;display:flex}.naam b{font:600 15px/1.25 var(--sans);overflow-wrap:anywhere}.naam small{font:400 11px/1.3 var(--mono);color:var(--ink-55)}.naam .door{color:var(--ink-45)}.notitie-knop{width:44px;color:var(--ink-55);background:0 0;border:0;font-size:16px}.notitie-knop[aria-expanded=true]{color:var(--ink);background:var(--vlak)}.notitie-knop.leeg{opacity:.35}.toggle{border:0;border-left:1px solid var(--line-zacht);min-width:116px;min-height:60px;font:800 10px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;background:var(--vlak);color:var(--ink-60);justify-content:center;align-items:center;gap:7px;display:flex}.toggle .icoon{font-size:15px;line-height:1}.toggle[data-status=klaar]{background:var(--accent);color:var(--bg)}.toggle[data-status=bijna_op]{background:var(--bijna-bg);color:var(--bijna)}.toggle[data-status=maken]{background:var(--terracotta);color:var(--bg)}.toggle[data-oud=true]{background:var(--vlak);color:var(--ink-55)}.toggle[data-oud=true] .icoon{filter:grayscale();opacity:.55}.uitklap{gap:10px;padding:0 0 12px;display:grid}.uitklap p{font:400 13px/1.5 var(--sans);color:var(--ink-60);white-space:pre-wrap}.uitklap label{font:800 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-55);margin-bottom:6px;display:block}.notitieblok{gap:12px;margin:24px 0;display:grid}.gisteren{border-left:4px solid var(--line);background:var(--vlak);font:400 13px/1.5 var(--sans);white-space:pre-wrap;padding:12px 14px}.gisteren b,.voormorgen b{font:800 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-55);margin-bottom:8px;display:block}.voormorgen{border-top:2px solid var(--ink);padding-top:12px}.voormorgen textarea{min-height:84px}.voorraadkaart{border:1px solid var(--line);margin-top:12px;padding:12px 12px 6px}.voorraadkaart.tekort{border-color:var(--terracotta);border-left-width:4px}.voorraadkop{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.voorraadkop>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.voorraadkop b{font:800 16px/1.2 var(--sans)}.voorraadkop small{font:400 11px/1.3 var(--mono);color:var(--ink-55)}.totaal{white-space:nowrap;font:700 14px/1 var(--mono);flex-direction:column;align-items:flex-end;gap:2px;display:flex}.totaal em{font:400 10px/1 var(--mono);color:var(--ink-55);font-style:normal}.tekort .totaal{color:var(--terracotta)}.variant+.variant{margin-top:4px}.variant-naam{font:800 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-55);padding:6px 2px 4px}.cellen{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;display:grid}.vak{border:1px solid var(--line);gap:6px;min-width:0;padding:8px 6px;display:grid}.vak.fifo{border-color:var(--bijna)}.vak.fifo .vak-datum{color:var(--bijna);font-weight:700}.vak-label{font:800 9px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-55);text-align:center;min-height:2.4em}.vak .vak-aantal{width:100%;height:46px;padding:0 2px}.vak-knoppen{grid-template-columns:1fr 1fr;gap:2px;display:grid}.vak-knoppen button{border:1px solid var(--ink);height:40px;font:800 16px/1 var(--sans);background:0 0}.vak-datum{width:100%;min-width:0;color:var(--ink-55);font:400 10px/1 var(--mono);text-align:center;background:0 0;border:0;min-height:24px;padding:2px 0}.vak-datum::-webkit-date-and-time-value{text-align:center}.bestelgroep{border:0;border-top:2px solid var(--ink);margin-top:14px}.bestelkop{border-bottom:1px solid var(--line-zacht);flex-direction:column;gap:3px;padding:12px 0 10px;display:flex}.bestelkop b{font:800 16px/1.2 var(--sans)}.bestelkop small{font:400 11px/1.3 var(--mono);color:var(--ink-55)}.bestelkop .lever-opmerking{color:var(--bijna)}.bestelregel{border-bottom:1px solid var(--line-zacht);align-items:center;gap:10px;padding:8px 0;display:flex}.bestelregel.af{opacity:.45}.bestelregel.af .bestel-naam{text-decoration:line-through}.vinkje{border:2px solid var(--ink);width:44px;height:44px;font:800 18px/1 var(--sans);color:var(--bg);background:0 0;flex:none;place-items:center;display:grid}.bestelregel.af .vinkje{background:var(--ink)}.bestel-naam{min-width:0;font:600 15px/1.25 var(--sans);overflow-wrap:anywhere;flex:1}.bestel-hoeveelheid{border:1px solid var(--ink);width:110px;height:44px;font:400 13px/1 var(--mono);background:0 0;flex:none;padding:0 10px}.bestelvoet{padding:12px 0}.beheerkop{border-bottom:2px solid var(--ink);align-items:center;gap:8px;padding:10px 10px 10px 14px;display:flex}.beheerkop b{min-width:0;font:800 16px/1.2 var(--sans);flex:1}.beheerkop.uit{opacity:.4}.dagen{gap:2px;display:flex}.dag{border:1px solid var(--ink);min-width:0;height:46px;font:800 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;background:0 0;flex:1}.dag.aan{background:var(--ink);color:var(--bg)}.vormknoppen .bewaard{margin:0 auto 0 0}.menu{flex-direction:column;min-height:100%;display:flex}.menu .merkblok{padding:20px 18px 16px}.menu-kop{font:800 9px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-55);border-top:2px solid var(--ink);padding:14px 18px 6px}.zijnav{flex-direction:column;display:flex}.zijnav>.zijitem>a{font:800 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line-vast);justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:12px 18px;display:flex}.zijnav>.zijitem>a[aria-current=page]{background:var(--ink);color:var(--bg)}.zijnav a .tel{font:400 11px/1 var(--mono);color:var(--muted)}.zijnav a[aria-current=page] .tel{color:var(--accent-licht)}.subitems{border-bottom:1px solid var(--line-vast);flex-direction:column;padding:4px 0 6px;display:flex}.subitems a{font:600 13px/1.2 var(--sans);color:var(--ink-60);align-items:center;min-height:40px;padding:10px 18px 10px 30px;display:flex}.subitems a[aria-current=page]{color:var(--accent-donker);font-weight:800}.systemen{flex-direction:column;display:flex}.systemen a,.systemen .zonder{border-bottom:1px solid var(--line-vast);font:700 12px/1.2 var(--sans);justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:9px 18px;display:flex}.systemen small{font:400 10px/1.3 var(--mono);color:var(--muted);margin-top:2px;display:block}.systemen .pijl-uit{color:var(--accent);font:800 12px/1 var(--sans)}.systemen .zonder{color:var(--ink-45)}.zijvoet{border-top:2px solid var(--ink);font:400 11px/1.6 var(--mono);color:var(--muted);margin-top:auto;padding:16px 18px}.zijvoet b{color:var(--ink);font-weight:700}.zijvoet form,.zijvoet .tekstknop{margin-top:6px;display:block}.zijvoet .melden{border:1px solid var(--ink);width:100%;min-height:44px;color:var(--ink);cursor:pointer;font:800 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;background:0 0;align-items:center;gap:8px;margin-bottom:14px;padding:0 12px;display:flex}.lade{z-index:60;display:flex;position:fixed;inset:0}.lade-achter{background:color-mix(in srgb, var(--ink) 55%, transparent);position:absolute;inset:0}.lade-paneel{background:var(--bg);border-right:2px solid var(--ink);width:min(86vw,360px);height:100%;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:relative;overflow-y:auto}.lade-sluit{top:calc(10px + env(safe-area-inset-top));border:1px solid var(--ink);background:var(--bg);width:44px;height:44px;font:800 20px/1 var(--sans);z-index:1;position:absolute;right:8px}.lade .merkblok{padding-top:calc(20px + env(safe-area-inset-top))}body.lade-open{overflow:hidden}.kpis.vier{border-bottom:0;grid-template-columns:1fr 1fr}.kpis.vier .kpi{border-bottom:2px solid var(--line)}.kpis.vier .kpi:nth-child(2n){border-right:0}.modulegrid{gap:14px;margin-top:18px;display:grid}.snelacties{gap:6px;margin-top:18px;display:grid}.snelacties .knop{min-height:56px;font-size:13px}@media (min-width:640px){.snelacties{grid-template-columns:repeat(3,minmax(0,1fr))}}.modulekaart{border:1px solid var(--line);flex-direction:column;gap:6px;padding:18px;display:flex}.modulekaart .label{color:var(--ink-55)}.modulekaart .groot{font:800 28px/1.1 var(--sans);letter-spacing:-.01em}.modulekaart small{font:400 11px/1.4 var(--mono);color:var(--ink-55)}.modulekaart .acties{flex-wrap:wrap;gap:6px;margin-top:12px;padding:0;display:flex}.modulekaart .acties a{flex:0 auto;min-height:48px;padding:0 18px;font-size:12px}.modulekaart .sublinks{flex-wrap:wrap;gap:0 20px;margin-top:8px;display:flex}.modulekaart .sublinks a{min-height:44px;font:800 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);align-items:center;display:inline-flex}@media (min-width:1024px){.lade{display:none}.kpis.vier{border-bottom:2px solid var(--line);grid-template-columns:repeat(4,1fr)}.kpis.vier .kpi{border-bottom:0;border-right:1px solid var(--line-vast)}.kpis.vier .kpi:nth-child(2n){border-right:1px solid var(--line-vast)}.kpis.vier .kpi:last-child{border-right:0}.modulegrid{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.werkstroom{max-width:900px}.inhoud.breed{max-width:1100px}}.snelknoppen{gap:2px;margin-top:10px;display:flex}.snelknoppen .knop{flex:1}.vorm.losse{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin-bottom:4px;padding:6px 0 14px}.datumraster{border:1px dashed var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:6px;display:grid}.datumraster span{border:1px dashed var(--ink);text-align:center;font:800 15px/1 var(--mono);padding:10px 2px}.datumraster span small{font:400 10px/1.4 var(--mono);color:var(--ink-55);margin-top:2px;display:block}.bijna-datum{gap:6px;padding:6px 0 12px;display:grid}.bijna-datum label{font:800 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--bijna)}.bijna-datum .veld{max-width:240px}.bijna-datum.ontbreekt .veld{border-color:var(--bijna);border-width:2px}.bijna-datum small{font:400 11px/1.4 var(--mono);color:var(--bijna)}.naam .maken-op{color:var(--bijna);font-weight:700}.leverancier{border-top:2px solid var(--ink);padding:14px 0}.leverancier+.leverancier{border-top:1px solid var(--line)}.leverancier .kop{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.leverancier .kop b{font:800 16px/1.2 var(--sans)}.leverancier .kop small{font:400 11px/1.3 var(--mono);color:var(--ink-55);text-align:right}.dagen.stil{margin-top:10px}.dagen.stil .dag{height:40px;color:var(--ink-45);border-color:var(--line);place-items:center;display:grid}.dagen.stil .dag.aan{color:var(--bg);background:var(--ink);border-color:var(--ink)}.leverancier .opm{font:400 12px/1.4 var(--mono);color:var(--ink-60);margin-top:8px}.leverancier .bewerk{margin-top:10px}.leverancier .vorm{margin-top:8px}.taken{border-top:2px solid var(--ink);margin-top:8px}.taak{border:0;border-bottom:1px solid var(--line-zacht);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;align-items:flex-start;gap:12px;padding:12px 0;display:flex}div.taak{cursor:default;align-items:center}.taak .nr{width:22px;font:400 11px/1.5 var(--mono);color:var(--ink-55);flex:none}.taak .tekst{min-width:0;font:600 15px/1.35 var(--sans);overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;display:flex}.taak .tekst small{font:400 11px/1.3 var(--mono);color:var(--ink-55)}.taak.gedaan .tekst{color:var(--ink-45);text-decoration:line-through}.taak .vink{margin-top:1px}.taak.gedaan .vink{background:var(--ink)}.taak .weg{border:1px solid var(--terracotta);width:44px;height:44px;color:var(--terracotta);font:800 16px/1 var(--sans);background:0 0;flex:none}.taakinvoer{gap:2px;margin-top:10px;display:flex}.taakinvoer .veld{flex:1}.voorstellen{border-top:1px solid var(--line);margin-top:8px}.voorstel{border-bottom:1px solid var(--line-zacht);align-items:center;gap:10px;padding:8px 0;display:flex}.voorstel .tekst{font:600 14px/1.3 var(--sans);flex-direction:column;flex:1;gap:2px;display:flex}.voorstel .tekst small{font:400 10px/1.3 var(--mono);color:var(--ink-55)}.voorstel.al{opacity:.5}.lijst-stand{font:400 11px/1.4 var(--mono);color:var(--ink-55);margin-top:8px}.overdracht-kop{border-left:4px solid var(--accent);background:var(--vlak);font:600 13px/1.4 var(--sans);margin-top:14px;padding:12px 14px}.overdracht-kop small{font:400 11px/1.3 var(--mono);color:var(--ink-60);margin-top:2px;display:block}.overdracht-kop.leeg-kop{border-left-color:var(--line)}.openitems{border-top:2px solid var(--ink);margin-top:8px}.openitem{border-bottom:1px solid var(--line-zacht);align-items:center;gap:10px;padding:10px 0;display:flex}.openitem .tekst{min-width:0;font:600 14px/1.3 var(--sans);flex:1}.openitem .tekst small{font:400 11px/1.3 var(--mono);color:var(--ink-55);display:block}.openitem .chip{font:800 9px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;flex:none;padding:8px}.openitem .chip.maken{background:var(--terracotta);color:var(--bg)}.openitem .chip.bijna_op{background:var(--bijna-bg);color:var(--bijna)}.openitems.numaken{border-top-color:var(--bijna);margin-bottom:10px}.openitems.numaken .openitem{border-left:4px solid var(--bijna);background:var(--bijna-bg);padding-left:10px}.openitems.numaken .openitem.telaat{border-left-color:var(--terracotta);background:var(--terracotta-tint)}.openitems.numaken .chip.maken{background:var(--bijna)}.openitems.numaken .telaat .chip.maken{background:var(--terracotta)}.naam .tht-stand{color:var(--accent)}.naam .tht-stand.oranje{color:var(--bijna)}.naam .tht-stand.rood{color:var(--terracotta);font-weight:700}.naam .tht-stand.leeg{color:var(--ink-45)}.voorraadkaart.gekoppeld{border-left:4px solid var(--accent)}.voorraadkaart.gekoppeld.oranje{border-left-color:var(--bijna)}.voorraadkaart.gekoppeld.rood{border-left-color:var(--terracotta)}.voorraadkaart.gekoppeld.leeg{border-left-color:var(--line)}.totaal.oranje{color:var(--bijna)}.totaal.rood{color:var(--terracotta)}.thtcellen{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}.thtvak{border:1px solid var(--line);text-align:center;gap:4px;min-width:0;padding:8px 4px 6px;display:grid}.thtvak b{font:800 20px/1 var(--sans)}.thtvak.leeg b{color:var(--ink-45)}.thtvak small{font:400 10px/1.2 var(--mono);color:var(--ink-55)}.thtvak.oranje small{color:var(--bijna)}.thtvak.rood small{color:var(--terracotta);font-weight:700}.voorraadkaart .snelknoppen{margin:10px 0 6px}.vkop .wat .mep{color:var(--ink-60)}.vkaart.tel{border-left-color:var(--line)}.vkaart.tel.tekort{border-left-color:var(--terracotta)}.vkaart.leeg-tel .vkop .wat b{color:var(--ink-60)}.vkop.statisch{cursor:default}.telrijen{border-top:1px solid var(--line);background:color-mix(in srgb, var(--ink) 4%, transparent)}.telrij{align-items:center;gap:10px;padding:8px 14px;display:flex}.telrij+.telrij{border-top:1px solid var(--line-zacht)}.telrij .wat{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.telrij .wat b{font:600 14px/1.25 var(--sans)}.telrij .wat small{font:400 11px/1.35 var(--mono);color:var(--ink-55)}.telrij .vak-datum{flex:none;width:112px}.leverancier .kop{align-items:center}.leverancier .kop-tekst{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.leverancier .kop-tekst b{font:800 16px/1.2 var(--sans)}.leverancier .kop-tekst small{font:400 11px/1.3 var(--mono);color:var(--ink-55);text-align:left}.bestellijst{margin-top:10px}.bestellijst .leeg.klein{text-align:left;padding:8px 0}.bestelregel .wis{width:44px;height:44px;color:var(--ink-55);font:400 20px/1 var(--sans);background:0 0;border:0;flex:none}.bestel-nieuw{gap:2px;padding:8px 0 0;display:flex}.bestel-nieuw .veld{flex:1;min-width:0}.bestel-nieuw .veld.klein{flex:0 0 96px}.bestel-nieuw .knop.vierkant{height:48px}.tegelkop{margin-top:14px}.roosterstart{padding:4px 14px 10px}.roosterstart .vormknoppen{align-items:center}.roosterstart .vormknoppen .toelichting{margin-right:auto}.regels{margin-top:12px}.regelrij{border-bottom:1px solid var(--line-zacht);align-items:center;gap:10px;padding:8px 14px;display:flex}.regel-nieuw{gap:2px;padding:10px 14px;display:flex}.regel-nieuw .veld{flex:1;min-width:0}.regel-nieuw .knop.vierkant{height:48px}.roosterweek{margin-top:22px}.roosterweek h2{font:800 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}.roosterweek h2 small{font:400 11px/1 var(--mono);color:var(--ink-55);letter-spacing:0;text-transform:none}.roostertabel{white-space:normal}.roostertabel th,.roostertabel td{text-align:left;vertical-align:top}.roostertabel td{padding:8px 6px}.roostertabel .dagcel{width:56px;padding-left:0}.roostertabel th{text-align:left}.roostertabel td.dienstkolom{width:31%}.roostertabel .dagcel b{font:800 13px/1 var(--sans);display:block}.roostertabel .dagcel small{font:400 10px/1.4 var(--mono);color:var(--ink-55)}.dienstcel{flex-wrap:wrap;gap:4px;display:flex}.persoonchip{border:1px solid var(--line);min-height:36px;font:600 12px/1 var(--sans);color:var(--ink);background:0 0;padding:8px 9px}.persoonchip.aan{background:var(--ink);color:var(--bg);border-color:var(--ink)}.persoonchip.plus{color:var(--ink-55);border-style:dashed;min-width:36px}tr.let td{background:var(--bijna-bg)}tr.waarschuwing td{font:400 11px/1.4 var(--mono);color:var(--terracotta);white-space:normal;padding-top:0}tr.bewerkrij td{padding:0 0 12px}.wissel{border:1px solid var(--ink);white-space:normal;gap:10px;padding:12px 14px;display:grid}.wissel .onthoud{gap:6px;display:grid}.wissel .onthoud label{font:400 13px/1.3 var(--sans);align-items:center;gap:8px;min-height:32px;display:flex}.wissel .onthoud input{width:20px;height:20px;accent-color:var(--accent)}.kal{border-top:2px solid var(--ink);margin-top:14px}.kal-kop{grid-template-columns:44px repeat(7,minmax(0,1fr));display:grid}.kal-kop span{font:400 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-55);border-bottom:1px solid var(--line);padding:8px 6px}.kal-kop span:first-child{grid-column:2}.kal-week{border-bottom:1px solid var(--line);grid-template-columns:44px repeat(7,minmax(0,1fr));display:grid}.kal-weeknr{font:400 10px/1.2 var(--mono);color:var(--ink-45);padding:8px 4px}.kal-dag{border-left:1px solid var(--line-zacht);flex-direction:column;gap:4px;min-width:0;min-height:84px;padding:6px 6px 10px;display:flex}.kal-dag.buiten{opacity:.35}.kal-dag.vandaag{background:var(--chip)}.kal-datum b{font:800 14px/1 var(--sans)}.kal-datum small{display:none}.kal-namen{flex-direction:column;gap:2px;display:flex}.kal-naam{font:600 11px/1.25 var(--sans);overflow-wrap:anywhere}.kal-namen small{font:400 10px/1.2 var(--mono);color:var(--ink-45)}@media (max-width:700px){.kal-kop{display:none}.kal-week{grid-template-columns:1fr}.kal-weeknr{border-bottom:1px solid var(--line-zacht);padding:8px 6px 4px}.kal-dag{border-left:0;border-bottom:1px solid var(--line-zacht);flex-direction:row;align-items:center;gap:12px;min-height:44px;padding:8px 6px}.kal-dag.buiten{display:none}.kal-datum{flex-direction:column;flex:none;width:44px;display:flex}.kal-datum small{font:400 10px/1.2 var(--mono);color:var(--ink-55);display:block}.kal-namen{flex-flow:wrap;gap:4px 10px}.kal-naam{font-size:13px}}.tabel tfoot td{font:800 12px/1 var(--mono);border-top:2px solid var(--ink)}.chat{padding:0;overflow:hidden}.chat-start{align-items:center;gap:18px;padding:18px;display:flex}.chat-start>div{justify-items:start;gap:8px;display:grid}.chat-start b{font:800 15px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.06em}.chat-start p{font:400 13px/1.5 var(--mono);color:var(--ink-60);margin:0}.chat-berichten{background:var(--vlak);gap:10px;max-height:60vh;padding:16px 14px;display:grid;overflow-y:auto}.bubbel{align-items:flex-end;gap:8px;max-width:86%;display:flex}.bubbel.jij{flex-direction:row-reverse;margin-left:auto}.bubbel .avatar{flex:none;width:36px;height:36px}.ballon{border:1px solid var(--ink);background:var(--bg);gap:6px;padding:10px 12px;display:grid}.bubbel.jij .ballon{background:var(--chip);border-color:var(--accent)}.ballon p{font:400 14px/1.45 var(--sans);white-space:pre-line;overflow-wrap:anywhere;margin:0}.ballon img{border:1px solid var(--line);max-width:100%;max-height:220px;display:block}.ballon .gelezen{font:400 12px/1.5 var(--mono);margin:0;padding:0 0 0 16px}.ballon.typt{gap:4px;padding:14px 12px;display:flex}.ballon.typt i{background:var(--ink);width:6px;height:6px;animation:1s infinite stip}.ballon.typt i:nth-child(2){animation-delay:.2s}.ballon.typt i:nth-child(3){animation-delay:.4s}@keyframes stip{0%,60%,to{opacity:.25}30%{opacity:1}}.chat-acties{border-top:1px solid var(--line-zacht);flex-wrap:wrap;align-items:center;gap:6px;padding:12px 14px;display:flex}.chat-acties .chip.groot{min-height:44px;font:600 13px/1 var(--sans);cursor:pointer;background:0 0;align-items:center;padding:0 14px;display:inline-flex;position:relative}.chat-acties .chip input[type=file]{opacity:0;width:1px;height:1px;position:absolute}.chat-acties .chip.stil{border-color:var(--line);color:var(--ink-60)}.chat-anders{gap:2px;margin-left:auto;display:flex}.chat-anders .veld{text-align:center;width:76px;min-height:44px;padding:8px}.chat-anders .knop{min-height:44px}.chat-invoer{gap:0;display:grid}.chat-invoer .veld{border-bottom:0;border-left:0;border-right:0;min-height:64px}.chat-invoer .chat-acties{border-top:1px solid var(--line-zacht)}.chat-invoer .chat-acties .knop{margin-left:auto}.roos .oog{transform-origin:32px 29px;animation:4s infinite knipper}@keyframes knipper{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.roos .brauw{opacity:0}.roos.denkt .brauw{opacity:1}.roos.denkt .oog{animation-duration:1.2s}@media (max-width:560px){.chat-start{flex-direction:column;align-items:flex-start}.bubbel{max-width:94%}}.tabel tr.stil td{color:var(--ink-45)}.printvraag{z-index:50;background:var(--bg);border-top:2px solid var(--ink);padding:16px 16px calc(16px + env(safe-area-inset-bottom));text-align:left;gap:10px;display:grid;position:fixed;bottom:0;left:0;right:0}.printvraag p{margin:0;font-size:17px;font-weight:600}.printvraag .knoprij{grid-template-columns:1fr 1fr;gap:10px;display:grid}.printvraag .knop{min-height:52px}.printvraag small{color:var(--ink-45);font-size:14px}.kaartstand{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.kaartblok{align-content:start;gap:8px;margin-top:0;padding:14px;display:grid}.kaartblok small,.kaartlijst small{font:400 11px/1.4 var(--mono);color:var(--ink-60)}.kaart-acties{flex-wrap:wrap;gap:2px;display:flex}.kaart-acties .knop{min-height:44px}.kaartchat-start{margin-top:14px}.kaartchat-start .chat-acties.los{border:0;padding:0}.kaartchat-start .chip.concept{text-align:left;background:var(--chip);border-color:var(--accent);min-height:44px;color:var(--accent-donker)}.bubbel.bot{max-width:94%}.chat-wacht{margin:0;padding:0 4px}.voorstel{gap:8px;display:grid}.voorstel .label{color:var(--ink-55)}.voorstel .melding{margin:0}.voorstel .let-op{color:var(--bijna)}.voorstel .ai-oordeel{font:600 12px/1.4 var(--mono)}.voorstel .knop{justify-self:start;min-height:44px}.kaartvoorbeeld{border:1px solid var(--line);background:#fff;width:100%;height:420px}.chat-acties.aantallen{gap:10px;display:grid}.aantalrij{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.aantalrij .label{flex:0 0 100%}.aantalrij .veld{text-align:center;width:96px;min-height:44px;padding:8px}.chat-acties.aantallen>.knop{justify-self:start}.sectiekop-klein{color:var(--ink-55);margin:22px 0 6px}.kaartlijst{border-top:2px solid var(--ink);margin:0;padding:0;list-style:none}.kaartlijst>li{border-bottom:1px solid var(--line-zacht);gap:4px;padding:12px 0;display:grid}.kaartlijst>li.vervallen b{color:var(--ink-55)}.kaartlijst>li.goedgekeurd b{color:var(--accent-donker)}.kaartlijst p{font:400 13px/1.45 var(--sans);margin:0}.kaartlijst .kaart-acties{gap:14px;display:flex}.kaartlijst .kaart-acties a{color:var(--accent);font:800 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.06em;padding:10px 0}@media (max-width:560px){.kaartstand{grid-template-columns:1fr}.kaartvoorbeeld{display:none}}.chat.sleept{outline:3px dashed var(--accent);outline-offset:-6px}.rechtuitleg,.rechtzoek{margin-top:14px}.rechtkaart{gap:10px;padding:14px;display:grid}.rechtkaart[hidden]{display:none}.rechtkop{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.rechtkop h2{font:800 20px/1.2 var(--sans);overflow-wrap:anywhere}.rechtkop .mono{color:var(--ink-60);font-size:12px}.rechtrij{flex-wrap:wrap;gap:6px;display:flex}.rechtkaart .chip.groot{min-height:44px;font:600 13px/1 var(--sans);cursor:pointer;background:0 0;align-items:center;padding:0 14px;display:inline-flex}.rechtkaart .chip.groot.aan{background:var(--chip)}.rechtrij.onderdelen .chip.groot:before{content:"";border:2px solid;flex:none;width:12px;height:12px;margin-right:8px}.rechtrij.onderdelen .chip.groot.aan:before{background:currentColor}.rechtvoet{justify-content:space-between;align-items:center;gap:12px;display:flex}.rechtvoet .bewaard,.rechtvoet .fout{min-height:0;margin:0}.rechtkaart .tekstknop{min-height:44px;padding:0 4px}.rechtkaart .tekstknop:disabled{color:var(--ink-45);cursor:default}.ballon.typt small{color:var(--ink-45);align-self:center;margin-left:8px;font-size:14px}.fout,.wenk{font-size:14px}.kpi-sub,.regel .wat small,.vorm small,.statusvak small,.stap .wat small,.uitgaverij .wat small,.bonregel .bonveld small,.tegel small,.resultaat small,.stempel small,.login-voet,.sectiekop .sub{font-size:13px}.tekstknop,.subnav a,.kpi-label,.vorm>label,.opmerking>span,.tabel th,.paginakop .wie a{font-size:11px}.tekstknop{align-items:center;min-height:44px;display:inline-flex}.zijvoet .tekstknop{display:flex}.subnav a{justify-content:center;align-items:center;min-height:44px;display:flex}.subitems a{align-items:center;min-height:44px;font-size:13px;display:flex}.tabelwrap,.subnav,.stations,.filters{background:linear-gradient(to right, var(--bg) 30%, transparent) left center / 40px 100% no-repeat local, linear-gradient(to left, var(--bg) 30%, transparent) right center / 40px 100% no-repeat local, linear-gradient(to right, color-mix(in srgb, var(--ink) 28%, transparent), transparent) left center / 14px 100% no-repeat scroll, linear-gradient(to left, color-mix(in srgb, var(--ink) 28%, transparent), transparent) right center / 14px 100% no-repeat scroll}.s-bubbels{--soort:#4f8596}.s-wit{--soort:#b8892c}.s-rose{--soort:#b85473}.s-oranje{--soort:#c0632a}.s-rood{--soort:#8a2332}.s-overig{--soort:var(--ink-45)}.wbalk{gap:2px;margin-top:14px;display:flex}.wbalk .veld{flex:1;min-width:0}.wmodus{z-index:30;background:var(--ink);color:var(--bg);font:600 13px/1.4 var(--sans);flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;padding:10px 12px;display:flex;position:sticky;top:0}.wmodus span{flex:1;min-width:200px}.wmodus .knop:not(.primair){color:var(--bg);border-color:color-mix(in srgb, var(--bg) 45%, transparent)}.wijnkelder .wenk a,.wijnkelder .bewaard a{text-decoration:underline}.wkoelingkop{justify-content:space-between;align-items:baseline;gap:12px;margin:18px 0 4px;display:flex}.wkoelingkop h2{font:800 20px/1.1 var(--sans);letter-spacing:-.01em}.wkoelingkop .mono,.wzonekop .mono{color:var(--ink-55);font-size:11px}.wzone{border-top:2px solid var(--ink);margin-top:12px;padding-top:8px}.wzonekop{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.wzonekop .label{color:var(--ink-60)}.wschuif{scrollbar-width:thin;overflow-x:auto}.wrek+.wrek{margin-top:8px}.wrek .staplabel{margin-bottom:4px}.wraster{grid-template-columns:repeat(var(--kolommen), minmax(72px, 1fr));gap:2px;display:grid}.wraster.diepte{align-items:end}.wkolom{gap:2px;display:grid}.wvak{text-align:left;border:1px solid var(--line-zacht);min-height:56px;color:var(--ink);background:0 0;flex-direction:column;justify-content:center;gap:2px;padding:6px 6px 6px 9px;display:flex;position:relative;overflow:hidden}.wvak b{font:800 10px/1.15 var(--sans);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wvak small{font:400 10px/1.2 var(--mono);color:var(--ink-60);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wvak.vol{border-color:var(--line);background:var(--vlak)}.wvak.vol:before{content:"";background:var(--soort);width:4px;position:absolute;top:0;bottom:0;left:0}.wvak.voor{border-bottom-width:3px;border-bottom-color:var(--ink)}.wvak .plus{font:400 18px/1 var(--mono);color:var(--ink-45);align-self:center}.wvak.vervallen{background:0 0;border-style:dashed}.wvak.gedimd{opacity:.3}.wvak.treffer{outline:2px solid var(--accent);outline-offset:-2px}.wvak.gekozen{background:var(--ink);color:var(--bg);border-color:var(--ink)}.wvak.gekozen small{color:var(--bg);opacity:.75}.wvak .vink{font:800 12px/1 var(--sans);color:var(--accent-licht);position:absolute;top:3px;right:5px}.wvak.bron{outline:2px dashed var(--terracotta);outline-offset:-2px}.wvak.doel{border-color:var(--accent);border-style:dashed}.wvak:disabled{cursor:default}.wlegenda{font:400 11px/1 var(--mono);color:var(--ink-60);flex-wrap:wrap;gap:6px 14px;margin-top:18px;display:flex}.wlegenda span{align-items:center;gap:6px;display:inline-flex}.wlegenda i{background:var(--soort);width:10px;height:10px}.wscrim{z-index:70;background:color-mix(in srgb, var(--ink) 45%, transparent);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.wblad{background:var(--bg);border-top:2px solid var(--ink);width:100%;max-width:560px;max-height:88dvh;padding:14px 16px calc(18px + env(safe-area-inset-bottom));align-content:start;gap:8px;display:grid;overflow-y:auto}.wbladkop{border-left:4px solid var(--soort,transparent);justify-content:space-between;align-items:center;gap:12px;padding-left:10px;display:flex}.wnaam{font:800 22px/1.15 var(--sans)}.wcuvee{font:600 15px/1.3 var(--sans)}.wplek{color:var(--ink-60);font-size:12px}.wfeiten{grid-template-columns:1fr 1fr;gap:2px;margin:4px 0 0;display:grid}.wfeiten div{background:var(--vlak);padding:10px}.wfeiten dt{font:800 9px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-55)}.wfeiten dd{font:600 13px/1.3 var(--sans);margin:4px 0 0}.wbladacties{gap:2px;margin-top:6px;display:grid}.wrij{gap:2px;display:flex}.wkeuzes{gap:2px;display:grid}.wgroep{margin:14px 0 6px}.wkeuze{text-align:left;border:1px solid var(--line);background:0 0;flex-direction:column;gap:3px;width:100%;min-height:52px;padding:8px 10px 8px 14px;display:flex;position:relative}.wkeuze:before{content:"";background:var(--soort);width:4px;position:absolute;top:0;bottom:0;left:0}.wkeuze b{font:800 13px/1.2 var(--sans)}.wkeuze small{font:400 11px/1.3 var(--mono);color:var(--ink-60)}.bijvullijst .leeg a{text-decoration:underline}.wtotaal{background:var(--ink);color:var(--bg);justify-content:space-between;align-items:baseline;margin-top:14px;padding:14px;display:flex}.wtotaal b{font:800 22px/1 var(--sans)}.wregel{border-left:4px solid var(--soort)}.wregelkop{align-items:center;gap:12px;padding:12px 14px 8px;display:flex}.wregelkop .wat,.wklaar .wat{flex:1;gap:3px;min-width:0;display:grid}.wregelkop b{font:800 14px/1.2 var(--sans)}.wregelkop small{font:600 12px/1.3 var(--sans)}.wregelkop small.mono{font:400 11px/1.4 var(--mono);color:var(--ink-60)}.wstepper{border:1px solid var(--ink);align-items:center;display:inline-flex}.wstepper button{width:44px;height:44px;font:800 18px/1 var(--sans);background:0 0;border:0}.wstepper button:disabled{opacity:.3}.wstepper b{text-align:center;min-width:32px;font:800 18px/1 var(--sans)}.wkopieer{margin-top:14px}.wklaar{border-bottom:1px solid var(--line-zacht);color:var(--ink-60);align-items:center;gap:12px;padding:8px 0;display:flex}.wklaar b{font:800 13px/1.2 var(--sans);text-decoration:line-through}.wklaar small{font:400 11px/1.3 var(--mono)}.meldwidget{right:16px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:45;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.meldwidget-knop{background:var(--ink);width:52px;height:52px;color:var(--bg);border:2px solid var(--ink);font:800 24px/1 var(--sans);cursor:pointer;place-items:center;display:grid}.meldwidget-knop[aria-expanded=true]{background:var(--bg);color:var(--ink)}.meldwidget-paneel{width:min(360px,100vw - 32px);max-height:calc(100dvh - 180px - env(safe-area-inset-bottom));background:var(--bg);border:2px solid var(--ink);box-shadow:6px 6px 0 color-mix(in srgb, var(--ink) 18%, transparent);flex-direction:column;display:flex}.meldwidget-kop{background:var(--ink);justify-content:space-between;align-items:center;padding:6px 6px 6px 14px;display:flex}.meldwidget-kop .eyebrow{color:var(--accent-licht)}.meldwidget-sluit{width:44px;height:44px;color:var(--bg);font:800 22px/1 var(--sans);cursor:pointer;background:0 0;border:0}.meldwidget-berichten{flex-direction:column;flex:1;gap:8px;min-height:60px;padding:12px 14px;display:flex;overflow-y:auto}.meldwidget-bot{font:400 14px/1.4 var(--sans);color:var(--ink-60);margin:0}.meldwidget-bericht{background:var(--chip);border:1px solid var(--accent);align-self:flex-end;max-width:90%;padding:8px 10px}.meldwidget-bericht p{font:600 14px/1.35 var(--sans);overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.meldwidget-bericht small{font:400 10px/1.3 var(--mono);color:var(--accent-donker);margin-top:4px;display:block}.meldwidget-context{border-top:1px solid var(--line);font:400 11px/1.35 var(--mono);color:var(--ink-60);grid-template-columns:auto 1fr;gap:2px 10px;margin:0;padding:8px 14px;display:grid}.meldwidget-context dt{color:var(--ink);font-weight:700}.meldwidget-context dd{overflow-wrap:anywhere;margin:0}.meldwidget-invoer{border-top:2px solid var(--ink);align-items:stretch;gap:8px;padding:10px 14px 12px;display:flex}.meldwidget-invoer textarea{resize:none;flex:1;min-width:0;font-size:16px}.meldwidget-invoer .knop{align-self:stretch}.meldwidget-paneel>.fout{margin:0;padding:0 14px 10px}.app:has(.meldwidget) .hoofd{padding-bottom:calc(148px + env(safe-area-inset-bottom))}@media (min-width:1024px){.meldwidget{bottom:24px;right:24px}.meldwidget-knop{display:none}.app:has(.meldwidget) .hoofd{padding-bottom:40px}}.meldinglijst{margin:0 0 18px;padding:0;list-style:none}.meldingrij{border-bottom:1px solid var(--line-zacht);gap:8px;padding:14px 0;display:grid}.meldingrij.verwerkt .meldingtekst{color:var(--ink-60)}.meldingtekst{font:600 16px/1.35 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.meldingrij dl{font:400 12px/1.4 var(--mono);color:var(--ink-60);grid-template-columns:auto 1fr;gap:3px 12px;margin:0;display:grid}.meldingrij dt{color:var(--ink);font-weight:700}.meldingrij dd{overflow-wrap:anywhere;margin:0}.meldingrij form .knop{min-height:44px}.meldingverwerkt summary{cursor:pointer;list-style:none}.meldingverwerkt summary::-webkit-details-marker{display:none}.laden{padding-top:14px}.laden-kop{flex-direction:column;gap:8px;padding:0 18px 16px;display:flex}.laden .kpis{border-top:2px solid var(--line)}.laden-lijst{flex-direction:column;display:flex}.laden-rij{border-bottom:1px solid var(--line-vast);margin:0 18px;padding:13px 0}.laadblok{background:color-mix(in srgb, var(--ink) 22%, transparent);animation:1.4s ease-in-out infinite laadpuls;display:block}@keyframes laadpuls{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.laadblok{animation:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vbulk{border-bottom:1px solid var(--line-zacht)}.vbulk .acties{padding:8px 14px}.vkies{width:24px;height:24px;accent-color:var(--accent);flex:none;margin:0 4px 0 0}.telverhuis{border:1px solid var(--ink);width:44px;height:48px;font:800 16px/1 var(--sans);background:0 0;flex:none}.telverhuis.aan{background:var(--ink);color:var(--bg)}.telrij{flex-wrap:wrap}.telpaneel{flex-basis:100%;padding-left:0;padding-right:0}.telpaneel .stepper{align-items:center;gap:8px}.gesprek{border:1px solid var(--ink);background:var(--bg);grid-template-rows:auto 1fr;height:calc(100dvh - 250px);min-height:480px;margin-top:8px;display:grid}.gesprek.sleept{outline:3px dashed var(--accent);outline-offset:-6px}.gesprek-lijst{border-bottom:1px solid var(--line-zacht);background:var(--vlak);scrollbar-width:thin;gap:6px;padding:10px 12px;display:flex;overflow-x:auto}.gesprek-nieuw,.gesprek-item{border:1px solid var(--line);flex:none;align-items:stretch;max-width:240px;min-height:44px;display:inline-flex}.gesprek-nieuw{font:800 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border-color:var(--accent);background:0 0;align-items:center;padding:0 14px}.gesprek-nieuw.aan{background:var(--accent);color:var(--bg)}.gesprek-item>a{align-content:center;gap:2px;min-width:0;padding:6px 10px;display:grid}.gesprek-item>a span{font:600 13px/1.25 var(--sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gesprek-item>a small{font:400 10px/1 var(--mono);color:var(--ink-55)}.gesprek-item.aan{background:var(--chip);border-color:var(--accent)}.gesprek-item>button{border:0;border-left:1px solid var(--line-zacht);width:36px;color:var(--ink-55);cursor:pointer;background:0 0;font-size:18px}.gesprek-hoofd{grid-template-rows:1fr auto;min-height:0;display:grid}.gesprek-berichten{align-content:start;gap:16px;padding:18px 16px;display:grid;overflow-y:auto}.gesprek-welkom{text-align:center;justify-items:center;gap:10px;padding:28px 12px 12px;display:grid}.gesprek-welkom .avatar.groot{width:72px;height:72px}.gesprek-welkom .avatar.groot svg{width:100%;height:100%}.gesprek-welkom b{font:800 16px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.06em}.gesprek-welkom p{font:400 14px/1.5 var(--sans);color:var(--ink-60);max-width:520px}.gesprek-suggesties{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.gesprek-suggesties .chip.groot{min-height:44px;font:600 13px/1 var(--sans);cursor:pointer;background:0 0;align-items:center;padding:0 14px;display:inline-flex}.gbericht{align-items:flex-start;gap:10px;max-width:100%;display:flex}.gbericht .avatar{flex:none;width:32px;height:32px}.gbericht .avatar svg{width:100%;height:100%}.gbericht .gtekst{min-width:0;font:400 15px/1.5 var(--sans);gap:8px;display:grid}.gbericht .gtekst p{overflow-wrap:anywhere;margin:0}.gbericht .gtekst img{border:1px solid var(--line);max-width:100%;max-height:240px;display:block}.gbericht .gbijlage{font:400 12px/1 var(--mono);color:var(--ink-55)}.gbericht.jij{justify-content:flex-end}.gbericht.jij .gtekst{background:var(--chip);border:1px solid var(--accent);max-width:86%;padding:10px 14px}.gbericht.bot .gtekst{max-width:760px;padding-top:5px}.chat-lijst{gap:4px;margin:0;padding-left:20px;display:grid}.gtekst.typt{align-items:center;gap:4px;min-height:32px;display:flex}.gtekst.typt i{background:var(--ink);width:6px;height:6px;animation:1s infinite stip}.gtekst.typt i:nth-child(2){animation-delay:.2s}.gtekst.typt i:nth-child(3){animation-delay:.4s}.gtekst.typt small{font:400 12px/1.4 var(--mono);color:var(--ink-55);margin-left:8px}.gesprek-invoer{border-top:1px solid var(--line-zacht);background:var(--bg);gap:6px;padding:10px 84px 10px 12px;display:grid}.gesprek-invoer .fout{margin:0}.gesprek-bijlage{font:400 12px/1 var(--mono);color:var(--ink-60);align-items:center;gap:10px;display:flex}.gesprek-bijlage img{border:1px solid var(--line);height:44px}.gesprek-rij{align-items:flex-end;gap:6px;display:flex}.gesprek-rij textarea.veld{resize:none;min-height:48px;max-height:180px;font-family:var(--sans);flex:1;padding:13px 12px;font-size:15px;line-height:1.4}.gesprek-rij .knop.vierkant{min-height:48px;font-size:20px;font-weight:400}.gesprek-rij label.knop input[type=file]{opacity:0;width:1px;height:1px;position:absolute}@media (min-width:1024px){.gesprek{grid-template-rows:1fr;grid-template-columns:220px minmax(0,1fr);height:calc(100dvh - 250px);min-height:520px}.gesprek-invoer{padding:12px 84px 16px 20px}.gesprek-lijst{border-bottom:0;border-right:1px solid var(--line-zacht);flex-direction:column;padding:12px;overflow:hidden auto}.gesprek-nieuw,.gesprek-item{max-width:none}.gesprek-nieuw{justify-content:center;min-height:48px;margin-bottom:6px}.gesprek-berichten{padding:24px 28px}}.gesprek-onder{margin-top:22px}.gesprek-onder .sectiekop{margin-top:0}.concept-regel{border-top:1px solid var(--line-zacht);gap:6px;padding-top:10px;display:grid}.concept-regel p{font:400 13px/1.45 var(--sans)}.drukpaneel{gap:10px;margin-top:14px;padding:14px;display:grid}.drukpaneel .chat-acties.los{border:0;padding:0}.drukpaneel .chat-acties.aantallen.los{gap:10px}.gbericht .voorstel{border:1px solid var(--line);background:var(--vlak);padding:12px}.gbericht .voorstel .kaart-acties{gap:6px}.gbericht .voorstel .gelezen{font:400 13px/1.5 var(--sans);margin:0;padding-left:18px}.nieuwwijn .sectiekop{margin-top:22px}.nieuwwijn .keuzerij{flex-wrap:wrap;gap:6px;display:flex}.nieuwwijn .keuzerij .chip.groot{min-height:44px;font:600 13px/1 var(--sans);cursor:pointer;background:0 0;align-items:center;padding:0 14px;display:inline-flex}.nieuwwijn .keuzerij .chip.groot.aan{background:var(--chip);border-color:var(--accent);color:var(--accent-donker)}.nieuwwijn .rij-met-knop{gap:2px;display:flex}.nieuwwijn .rij-met-knop .veld{flex:1;min-width:0}.nieuwwijn .vinkregel{min-height:44px;font:400 14px/1.4 var(--sans);text-transform:none;letter-spacing:0;color:var(--ink);align-items:center;gap:10px;display:flex}.nieuwwijn .vinkregel input{width:22px;height:22px;accent-color:var(--accent)}.nieuwklaar{gap:12px;margin-top:14px;padding:18px;display:grid}.nieuwklaar h2{font:800 24px/1.2 var(--sans)}.nieuwstappen{gap:8px;margin:0;padding:0;list-style:none;display:grid}.nieuwstappen li{font:400 14px/1.5 var(--sans);padding-left:24px;position:relative}.nieuwstappen li:before{content:"·";font-weight:800;position:absolute;left:6px}.nieuwstappen li.ok:before{content:"✓";color:var(--accent)}.nieuwstappen li.let-op{color:var(--terracotta)}.nieuwstappen li.let-op:before{content:"!";color:var(--terracotta)}.nieuwstappen small{font:400 12px/1.4 var(--mono);color:var(--ink-60);display:block}.kasboek.bevestiging{border-top-color:var(--terracotta);margin-top:12px}.missers{margin:2px 0 10px;padding-left:22px}.missers li{font:400 13px/1.5 var(--sans);margin-bottom:5px}.missers li::marker{color:var(--terracotta)}.beschiklegenda{font:400 11px/1.3 var(--mono);color:var(--ink-60);gap:14px;margin-top:14px;display:flex}.beschiklegenda span{align-items:center;gap:6px;display:inline-flex}.beschikbol{border:1px solid var(--ink);width:12px;height:12px;display:inline-block}.beschikbol.liever_niet{background:var(--bijna-bg);border-color:var(--bijna)}.beschikbol.kan_niet{background:var(--terracotta);border-color:var(--terracotta)}.beschikweek{margin-top:18px}.beschikweek h2{font:800 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}.beschikweek h2 small{font:400 11px/1 var(--mono);color:var(--ink-55);letter-spacing:0;text-transform:none}.beschikraster{background:var(--ink);border:2px solid var(--ink);grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin-top:8px;display:grid}.beschikdag{background:var(--bg);min-height:64px;color:var(--ink);cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 2px;display:flex}.beschikdag small{font:400 10px/1 var(--mono);color:var(--ink-55)}.beschikdag b{font:800 16px/1 var(--sans)}.beschikdag .stand{font:800 8px/1.1 var(--sans);letter-spacing:.04em;text-transform:uppercase;text-align:center;min-height:9px}.beschikdag.liever_niet{background:var(--bijna-bg);color:var(--bijna)}.beschikdag.liever_niet small{color:var(--bijna)}.beschikdag.kan_niet{background:var(--terracotta);color:var(--bg)}.beschikdag.kan_niet small{color:var(--bg);opacity:.8}.beschikdag:active{opacity:.7}.beschikeisen{gap:12px;margin-top:22px;display:grid}.beschikeisen label{gap:6px;display:grid}.beschikeisen .label{color:var(--ink-55)}.beschikeisen textarea.veld{resize:vertical;min-height:84px}.kopieervak{border:1px solid var(--line);background:var(--vlak);width:100%;font:400 13px/1.5 var(--sans);color:var(--ink);resize:vertical;margin-top:10px;padding:12px}.opgavetabel td{white-space:normal}.opgavetabel td small{font:400 10px/1.3 var(--mono);color:var(--terracotta);margin-top:4px;display:block}.status-badge{border:1px solid var(--ink);font:800 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;display:inline-block}.status-badge.ter_controle{background:var(--chip);color:var(--accent-donker);border-color:var(--accent)}.status-badge.definitief{background:var(--accent);color:var(--bg);border-color:var(--accent)}.beschikdag.slot{cursor:default;opacity:.85;background:var(--ink);color:var(--bg)}.beschikdag.slot small{color:var(--bg);opacity:.8}.beschikdag:disabled{pointer-events:none}.plakvak{border:2px dashed var(--line);text-align:center;min-height:96px;font:400 12px/1.5 var(--mono);color:var(--ink-60);cursor:pointer;justify-content:center;align-items:center;margin-top:12px;padding:18px;display:flex}.plakvak:focus{outline:2px solid var(--accent)}