:root{--bg: #f6eeeb;--floor: #fbf7f5;--panel: #ffffff;--panel-2: #faf4f1;--panel-3: #efe4df;--line: #e4d6ce;--line-soft: #efe5e0;--ink: #3c2518;--ink-soft: #654d41;--ink-faint: #7d6559;--rose: #8a6a5e;--accent: #1b3638;--accent-2: #2f6a6f;--logo: #418085;--accent-wash: #e4efef;--accent-line: #aecbcc;--good: #2e7550;--good-wash: #e5f1e9;--good-line: #b6d6c2;--warn: #8f5d10;--warn-wash: #fbf0dc;--warn-line: #e6c88f;--crit: #a8402b;--crit-wash: #f9e5df;--crit-line: #e6b3a6;--glow: 0 0 0 1px var(--accent-line), 0 8px 24px -12px rgba(27, 54, 56, .35);--radius: 14px;--radius-s: 10px;--gutter: 16px;--topbar: 56px;--bottombar: 64px;--sans: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--serif: "Cardo", Georgia, "Times New Roman", serif;--mono: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}svg:not([width]){width:16px;height:16px;flex:none}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.eye{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.zacht{color:var(--ink-soft)}.vaag{color:var(--ink-faint)}.klein{font-size:13px}.goed-t{color:var(--good)}.let-op-t{color:var(--warn)}.fout-t{color:var(--crit)}.rij{display:flex;align-items:center;gap:10px}.rij-tussen{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.stapel{display:flex;flex-direction:column;gap:12px}.stapel-s{display:flex;flex-direction:column;gap:6px}.stapel-l{display:flex;flex-direction:column;gap:20px}.doorgestreept{text-decoration:line-through;color:var(--ink-faint)}.shell{min-height:100dvh}.sidebar,.topnav{display:none}.mobiel-kop{position:sticky;top:0;z-index:30;height:calc(var(--topbar) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--gutter) 0;display:flex;align-items:center;gap:12px;background:#f6eeebf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.logo{width:34px;height:34px;border-radius:9px;flex:none;background:transparent;color:var(--logo);display:grid;place-items:center;font-weight:700;font-size:13px}.mobiel-kop .titel{flex:1;min-width:0}.mobiel-kop .titel b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobiel-kop .titel span{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase}.icoonknop{position:relative;flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:transparent;border:1px solid transparent;cursor:pointer;color:var(--ink-soft)}.icoonknop:hover{background:var(--panel-2);border-color:var(--line);color:var(--ink)}.icoonknop svg{width:20px;height:20px}.teller{position:absolute;top:5px;right:5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--crit);color:#fff;font-family:var(--mono);font-size:11px;font-weight:600;line-height:18px;text-align:center}.avatar{width:32px;height:32px;border-radius:9px;flex:none;background:var(--panel-2);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--mono);font-size:12px;color:var(--accent-2)}.hoofd{padding:18px var(--gutter) calc(var(--bottombar) + 32px + env(safe-area-inset-bottom));min-width:0;max-width:100%}.onderbalk{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--bottombar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.onderbalk a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-faint);font-size:11px;font-weight:500;text-decoration:none;min-width:0;position:relative}.onderbalk a svg{width:22px;height:22px}.onderbalk a[aria-current=page]{color:var(--accent-2)}.onderbalk a[aria-current=page]:before{content:"";position:absolute;top:0;left:30%;right:30%;height:2px;background:var(--accent);border-radius:0 0 2px 2px}.onderbalk .stip{position:absolute;top:9px;left:calc(50% + 8px);width:8px;height:8px;border-radius:50%;background:var(--warn)}.plakbalk{position:fixed;left:0;right:0;z-index:25;bottom:calc(var(--bottombar) + env(safe-area-inset-bottom));padding:10px var(--gutter);background:linear-gradient(to top,var(--bg) 70%,rgba(246,238,235,0));display:flex;gap:10px}.plakbalk .knop{flex:1}.plakbalk-ruimte{height:72px}.pagina-kop{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.pagina-kop h1{font-size:24px;line-height:1.2;text-wrap:balance}.pagina-kop .sub{color:var(--ink-soft);font-size:14px}.terug{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--ink-soft);font-size:14px;margin:-8px 0 4px}.terug:hover{color:var(--ink);text-decoration:none}.terug svg,.deadline svg,.notitie svg,.sectie-kop svg,.feiten svg{width:16px;height:16px;flex:none}.sectie{margin-top:26px}.sectie-kop{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.sectie-kop h2{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-weight:500}.kaart{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.kaart.pad{padding:16px}.kaart.heet{border-color:var(--accent-line);box-shadow:var(--glow)}.kaart-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line-soft)}.kaart-kop h3{font-size:15px}.kaart-lijf{padding:14px 16px}.kaart-voet{padding:10px 16px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:11.5px;color:var(--ink-faint)}.badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.04em;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink-soft)}.badge .t{font-size:10px}.badge.accent{color:var(--accent-2);background:var(--accent-wash);border-color:var(--accent-line)}.badge.goed{color:var(--good);background:var(--good-wash);border-color:var(--good-line)}.badge.let-op{color:var(--warn);background:var(--warn-wash);border-color:var(--warn-line)}.badge.fout{color:var(--crit);background:var(--crit-wash);border-color:var(--crit-line)}.tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--panel-2);color:var(--ink);font-weight:600;font-size:14.5px;cursor:pointer;text-decoration:none;white-space:nowrap}.knop:hover{border-color:var(--accent-line);text-decoration:none}.knop:disabled{opacity:.5;cursor:not-allowed}.knop.go{background:var(--accent);color:#f6eeeb;border-color:transparent}.knop.go:hover:not(:disabled){background:#264b4e}.knop.gevaar{color:var(--crit);border-color:var(--crit-line);background:var(--crit-wash)}.knop.stil{background:transparent;border-color:transparent;color:var(--ink-soft)}.knop.stil:hover{color:var(--ink);background:var(--panel-2)}.knop.klein{min-height:36px;padding:6px 12px;font-size:13px}.knop.breed{width:100%}.knop svg{width:16px;height:16px}.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-bottom:14px}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);font-size:14px;font-weight:500;cursor:pointer}.tabs button[aria-selected=true]{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent-2)}.skelet{display:flex;flex-direction:column;gap:10px;padding:16px}.skelet i{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--panel-2),var(--panel-3),var(--panel-2));background-size:200% 100%;animation:glans 1.4s ease-in-out infinite}.skelet i.groot{height:22px;width:55%}@keyframes glans{0%{background-position:200% 0}to{background-position:-200% 0}}.leeg{padding:28px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.leeg .symbool{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:6px;background:var(--good-wash);color:var(--good);font-size:20px}.leeg.neutraal .symbool{background:var(--panel-2);color:var(--ink-faint)}.leeg h3{font-size:16px}.leeg p{color:var(--ink-soft);font-size:14px;max-width:38ch}.foutmelding{border-color:var(--crit-line);background:linear-gradient(var(--crit-wash),var(--panel) 70%)}.foutmelding details{margin-top:8px;font-family:var(--mono);font-size:12px;color:var(--ink-faint)}.foutmelding summary{cursor:pointer;min-height:32px;display:flex;align-items:center}.notitie{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-s);background:var(--panel-2);border:1px solid var(--line);font-size:13.5px;color:var(--ink-soft)}.notitie.let-op{background:var(--warn-wash);border-color:var(--warn-line);color:#5e3d0a}.notitie.fout{background:var(--crit-wash);border-color:var(--crit-line);color:#6e2718}.notitie.goed{background:var(--good-wash);border-color:var(--good-line);color:#1d4d34}.notitie.accent{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent)}.notitie .t{flex:none;font-family:var(--mono);font-weight:600}.groet h1{font-size:28px}.groet .meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:var(--ink-soft);font-size:14px}.live{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--good)}.puls{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 #2e755066;animation:puls 2.4s infinite}@keyframes puls{0%{box-shadow:0 0 #2e755066}70%{box-shadow:0 0 0 7px #2e755000}to{box-shadow:0 0 #2e755000}}.aantal-acties{font-size:17px;font-weight:600;margin-top:6px}.aantal-acties b{color:var(--warn)}.actiekaart{display:flex;flex-direction:column}.actiekaart .kaart-lijf{display:flex;flex-direction:column;gap:10px}.actiekaart h3{font-size:18px}.actiekaart .feiten{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--ink-soft);font-size:14px}.actiekaart .bedrag{font-family:var(--mono);font-size:20px;font-weight:600;color:var(--ink)}.actiekaart .deadline{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--warn)}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px;display:flex;flex-direction:column;gap:4px;min-width:0}.kpi .waarde{font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums}.kpi .voet{font-size:12px;color:var(--ink-faint)}.kpi .trend{font-family:var(--mono);font-size:12px}.kpi.breed{grid-column:1 / -1}.grootboek{display:flex;flex-direction:column}.grootboek .regel{display:flex;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:13.5px}.grootboek .regel:last-child{border-bottom:0}.grootboek .tm{font-family:var(--mono);color:var(--ink-faint);font-size:12px;flex:none;width:88px}.grootboek .msg{color:var(--ink-soft);flex:1;min-width:0}.grootboek .soort{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);flex:none}.runs-lijst{display:flex;flex-direction:column;gap:8px}.runs-lijst .regel{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}.voorstelkaart .kaart-lijf{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:end}.voorstelkaart .groot{font-family:var(--mono);font-size:24px;font-weight:600}.onderbouwing summary{list-style:none;cursor:pointer;min-height:48px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600}.onderbouwing summary::-webkit-details-marker{display:none}.onderbouwing summary .pijl{transition:transform .2s;color:var(--ink-faint)}.onderbouwing[open] summary .pijl{transform:rotate(90deg)}.onderbouwing .inhoud{padding:0 16px 16px;display:flex;flex-direction:column;gap:14px}.factoren{display:grid;grid-template-columns:1fr 1fr;gap:8px}.factor{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:var(--radius-s);padding:10px 12px}.factor .w{font-family:var(--mono);font-size:17px;font-weight:600}.factor .l{font-size:12px;color:var(--ink-faint)}.lijstje{margin:6px 0 0;padding-left:18px;color:var(--ink-soft);font-size:13.5px}.lijstje li{margin:2px 0}.regelkaarten{display:flex;flex-direction:column;gap:8px}.regelkaart{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.regelkaart .naam{font-weight:600;font-size:15px}.regelkaart .onder{display:flex;justify-content:space-between;align-items:center;gap:8px 10px}.onder.wrap{flex-wrap:wrap}.regelkaart.weg{opacity:.6}.aantal-bewerker{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-s);overflow:hidden;background:var(--panel-2)}.aantal-bewerker button{width:44px;height:44px;border:0;background:transparent;cursor:pointer;font-size:18px;color:var(--ink-soft)}.aantal-bewerker button:hover:not(:disabled){background:var(--panel-3);color:var(--ink)}.aantal-bewerker button:disabled{opacity:.35;cursor:not-allowed}.aantal-bewerker output{min-width:40px;text-align:center;font-family:var(--mono);font-weight:600;font-size:15px}.tabel-houder{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}table.tabel{width:100%;border-collapse:collapse;font-size:13.5px}.tabel th{text-align:left;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;position:sticky;top:0;background:var(--panel)}.tabel td{padding:9px 12px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.tabel tr:last-child td{border-bottom:0}.tabel tr.aangepast td{background:#8f5d100f}.tabel tr.weg td{opacity:.55}.tabel .r{text-align:right}.tabel .ing{color:var(--ink-faint);font-size:12.5px;max-width:220px}.tabel tbody tr:hover td{background:var(--panel-2)}.tabel-desktop{display:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#3c251861;display:flex;align-items:flex-end;justify-content:center;animation:vervaag .15s ease-out}@keyframes vervaag{0%{opacity:0}}.modal{width:100%;max-height:92dvh;overflow:auto;background:var(--floor);border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;padding:20px var(--gutter) calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;animation:omhoog .2s ease-out}@keyframes omhoog{0%{transform:translateY(24px);opacity:.6}}.modal h2{font-size:20px}.modal .knoppen{display:flex;flex-direction:column-reverse;gap:10px;margin-top:4px}.modal .kerncijfers{display:flex;gap:22px;font-family:var(--mono);font-size:20px;font-weight:600}.modal .kerncijfers span{display:block;font-family:var(--sans);font-size:12px;font-weight:400;color:var(--ink-faint)}.lade{position:fixed;z-index:60;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--floor);border-left:1px solid var(--line);display:flex;flex-direction:column;animation:inschuiven .2s ease-out;padding-top:env(safe-area-inset-top)}@keyframes inschuiven{0%{transform:translate(30px);opacity:.6}}.lade-kop{display:flex;align-items:center;justify-content:space-between;padding:12px var(--gutter);border-bottom:1px solid var(--line)}.lade-lijf{overflow:auto;flex:1;padding:12px var(--gutter) 24px;display:flex;flex-direction:column;gap:8px}.melding{display:flex;gap:12px;padding:12px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--panel);text-align:left;cursor:pointer;width:100%}.melding:hover{border-color:var(--accent-line)}.melding .bol{width:8px;height:8px;border-radius:50%;margin-top:7px;flex:none;background:transparent}.melding.ongelezen .bol{background:var(--accent)}.melding.fout.ongelezen .bol{background:var(--crit)}.melding .a{font-weight:600;font-size:14px}.melding .b{font-size:12.5px;color:var(--ink-faint)}.melding.gelezen{opacity:.65}.menu{position:absolute;right:var(--gutter);top:calc(var(--topbar) - 4px + env(safe-area-inset-top));z-index:40;width:240px;background:var(--floor);border:1px solid var(--line);border-radius:var(--radius);padding:6px;box-shadow:0 18px 40px -12px #3c251859}.menu a,.menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border-radius:8px;border:0;background:transparent;cursor:pointer;color:var(--ink);text-align:left;font-size:14px}.menu a:hover,.menu button:hover{background:var(--panel-2);text-decoration:none}.menu hr{border:0;border-top:1px solid var(--line);margin:6px 0}.menu .kopje{padding:8px 10px 4px}.job{display:flex;flex-direction:column;gap:10px}.balk{height:8px;border-radius:4px;background:var(--panel-3);overflow:hidden}.balk i{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .4s ease}.balk.onbepaald i{width:35%;animation:heen 1.3s ease-in-out infinite}.job.klaar .balk i{background:var(--good)}.job.mislukt .balk i{background:var(--crit)}@keyframes heen{0%{transform:translate(-100%)}to{transform:translate(300%)}}.weekkiezer{display:flex;align-items:center;gap:6px}.weekkiezer select{min-height:44px;padding:8px 12px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--panel-2);min-width:0;flex:1}.samenvatting{display:grid;grid-template-columns:1fr 1fr;gap:8px}.samenvatting .kpi .waarde{font-size:20px}.dagen{display:flex;flex-direction:column;gap:8px}.dagkaart{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.dagkaart .kop{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.dagkaart .kop b{font-size:15px;text-transform:capitalize}.dagkaart .blokken{display:flex;flex-direction:column;gap:5px}.dienst{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:var(--accent-wash);border:1px solid var(--accent-line);font-family:var(--mono);font-size:12.5px}.dienst .x{color:var(--accent-2);font-weight:600}.dienst .u{margin-left:auto;color:var(--ink-faint)}.tijdlijn{display:none}.tijdlijn-rij{display:grid;grid-template-columns:92px 1fr 150px;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line-soft)}.tijdlijn-rij:last-child{border-bottom:0}.tijdlijn-rij .dag b{text-transform:capitalize;display:block}.tijdlijn-baan{position:relative;min-height:26px}.tijdlijn-baan .blok{position:absolute;height:22px;border-radius:6px;font-family:var(--mono);font-size:11px;background:var(--accent-wash);border:1px solid var(--accent-line);color:var(--accent-2);display:flex;align-items:center;padding:0 6px;white-space:nowrap;overflow:hidden}.tijdlijn-as{display:grid;grid-template-columns:92px 1fr 150px;gap:12px}.tijdlijn-as .schaal{position:relative;height:18px;font-family:var(--mono);font-size:10.5px;color:var(--ink-faint)}.tijdlijn-as .schaal span{position:absolute;transform:translate(-50%)}.grafiek{width:100%;height:220px}.grafiek-legenda{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--ink-soft)}.grafiek-legenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.recharts-tooltip-wrapper .tip{background:var(--floor);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12.5px}.prijskaarten{display:grid;grid-template-columns:1fr;gap:8px}.prijskaart{padding:12px 14px;display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;text-align:left;width:100%;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius)}.prijskaart:hover{border-color:var(--accent-line)}.prijskaart .van-naar{font-family:var(--mono);font-size:13px;color:var(--ink-soft)}.prijskaart .verschil{font-family:var(--mono);font-size:17px;font-weight:600}.zoekveld{width:100%;min-height:44px;padding:10px 14px;border-radius:var(--radius-s);border:1px solid var(--line);background:var(--panel-2);font-size:16px}.zoekveld::placeholder{color:var(--ink-faint)}.chat{display:flex;flex-direction:column;gap:12px;padding-bottom:130px}.bericht{max-width:88%;padding:10px 14px;border-radius:14px;font-size:14.5px;white-space:pre-wrap;overflow-wrap:anywhere}.bericht.ik{align-self:flex-end;background:var(--accent-wash);border:1px solid var(--accent-line);border-bottom-right-radius:4px}.bericht.zij{align-self:flex-start;background:var(--panel);border:1px solid var(--line);border-bottom-left-radius:4px}.bericht.denkt{color:var(--ink-faint);font-family:var(--mono);font-size:12.5px}.bevestigkaart{align-self:stretch;border-color:var(--warn-line)}.bevestigkaart .kaart-lijf{display:flex;flex-direction:column;gap:12px}.invoer{position:fixed;left:0;right:0;z-index:25;bottom:calc(var(--bottombar) + env(safe-area-inset-bottom));padding:10px var(--gutter);background:linear-gradient(to top,var(--bg) 75%,rgba(246,238,235,0))}.invoer form{display:flex;gap:8px}.invoer textarea{flex:1;min-height:48px;max-height:140px;resize:none;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--panel-2);font-size:16px}.suggesties{display:flex;gap:8px;flex-wrap:wrap}.suggesties button{min-height:40px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);cursor:pointer;font-size:13.5px;text-align:left}.suggesties button:hover{border-color:var(--accent-line);color:var(--ink)}.versheid{display:grid;grid-template-columns:1fr;gap:8px}.versheid .item{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.agentkaart .kaart-lijf{display:flex;flex-direction:column;gap:8px;font-size:13.5px}pre.tech{margin:6px 0 0;padding:10px;border-radius:8px;background:var(--bg);border:1px solid var(--line);overflow-x:auto;font-size:11.5px;color:var(--ink-soft);max-height:220px}.ontwikkel{font-family:var(--mono);font-size:11px;color:var(--warn);background:var(--warn-wash);border:1px solid var(--warn-line);padding:6px 10px;border-radius:8px}.raster{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 768px){:root{--gutter: 24px}.mobiel-kop,.onderbalk{display:none}.topnav{display:flex;position:sticky;top:0;z-index:30;align-items:center;gap:6px;height:60px;padding:0 var(--gutter);background:#fbf7f5f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topnav nav{display:flex;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none;margin-left:10px}.topnav nav a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border-radius:9px;color:var(--ink-soft);font-size:14px;font-weight:500;white-space:nowrap}.topnav nav a:hover{background:var(--panel-2);color:var(--ink);text-decoration:none}.topnav nav a[aria-current=page]{background:var(--panel-2);color:var(--accent-2)}.topnav nav a svg{width:17px;height:17px}.topnav .menu{top:56px}.hoofd{padding:26px var(--gutter) 48px;max-width:1180px;margin:0 auto}.plakbalk{position:static;background:none;padding:0;margin-top:16px}.plakbalk .knop{flex:none}.plakbalk-ruimte{display:none}.invoer{bottom:0;left:0;right:0}.chat{padding-bottom:130px}.modal-rand .overlay,.overlay{align-items:center}.modal{width:min(480px,calc(100% - 48px));border-radius:18px;border-bottom:1px solid var(--line);padding:24px}.modal .knoppen{flex-direction:row;justify-content:flex-end}.kpis{grid-template-columns:repeat(4,1fr)}.kpi.breed{grid-column:auto}.pagina-kop h1{font-size:28px}.raster.twee,.prijskaarten,.versheid{grid-template-columns:1fr 1fr}.factoren,.samenvatting{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.topnav{display:none}.shell{display:grid;grid-template-columns:236px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100dvh;padding:18px 14px;background:var(--floor);border-right:1px solid var(--line)}.sidebar .merk{display:flex;align-items:center;gap:10px;padding:4px 6px 18px}.sidebar .merk b{font-size:15px;display:block;line-height:1.2}.sidebar .merk span{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--ink-faint)}.sidebar nav{display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:11px;min-height:42px;padding:8px 10px;border-radius:10px;color:var(--ink-soft);font-size:14.5px;font-weight:500;border:1px solid transparent}.sidebar nav a:hover{background:var(--panel);color:var(--ink);text-decoration:none}.sidebar nav a[aria-current=page]{background:var(--panel-2);color:var(--ink);border-color:var(--line)}.sidebar nav a[aria-current=page] svg{color:var(--accent-2)}.sidebar nav a svg{width:18px;height:18px;flex:none}.sidebar nav a .n{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--warn)}.sidebar hr{border:0;border-top:1px solid var(--line);margin:12px 4px;width:auto}.sidebar .onder{margin-top:auto;display:flex;flex-direction:column;gap:8px}.sidebar .gebruiker{display:flex;align-items:center;gap:10px;padding:10px 8px 0;border-top:1px solid var(--line)}.sidebar .gebruiker .a{font-size:13.5px;font-weight:600}.sidebar .gebruiker .b{font-size:11.5px;color:var(--ink-faint)}.sidebar .menu{position:absolute;left:14px;right:auto;top:auto;bottom:70px}.hoofd{padding:28px 32px 56px;max-width:1240px;margin:0}.bureaubalk{display:flex;justify-content:flex-end;gap:8px;margin:-8px 0 8px}.tabel-desktop{display:block}.regelkaarten{display:none}.tijdlijn{display:block}.dagen.mobiel{display:none}.raster.drie,.versheid{grid-template-columns:repeat(3,1fr)}.grafiek{height:260px}.invoer{left:236px}.invoer form,.invoer p{max-width:900px}}@media (max-width: 1023px){.bureaubalk{display:none}}@media (max-width: 1279px){.tabel .breed{display:none}}@media (min-width: 1280px){.tabel .smal{display:none}}.werkplaats{display:block}.zijpaneel{display:none}@media (min-width: 1280px){.werkplaats{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.zijpaneel{display:flex;flex-direction:column;gap:12px;position:sticky;top:24px}.werkplaats .acties-hoofd{display:none}.hoofd{max-width:1440px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.inlog{min-height:100dvh;display:grid;place-items:center;padding:24px var(--gutter)}.inlog form,.inlog>div{width:min(380px,100%)}.zoekveld.pin{font-family:var(--mono);font-size:24px;letter-spacing:.4em;text-align:center}.plakbalk .knop:disabled{opacity:.45}.bovenknoppen{display:flex;gap:10px;margin:0 0 16px}.bovenknoppen .knop{flex:1}@media (min-width: 768px){.bovenknoppen .knop{flex:none;min-width:160px}}.sectie{scroll-margin-top:calc(var(--topbar) + 16px)}h1,.pagina-kop h1,.groet h1,.modal h2,.lade-kop h2{font-family:var(--serif);font-weight:400;letter-spacing:0;color:var(--rose)}.pagina-kop h1{font-size:30px}.groet h1{font-size:34px}.actiekaart h3,.voorstelkaart h3,.kaart-kop h3{font-family:var(--serif);font-weight:700;color:var(--ink);letter-spacing:0}.actiekaart h3{font-size:21px}.logo{width:34px;height:34px;font-family:var(--serif);font-size:36px;font-weight:700;line-height:1}.woordmerk{font-family:var(--sans);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--logo);font-weight:500}.sidebar .merk b{font-family:var(--serif);font-size:19px;font-weight:400;color:var(--ink);letter-spacing:0}.sidebar nav a[aria-current=page]{background:var(--accent);color:#f6eeeb;border-color:transparent}.sidebar nav a[aria-current=page] svg{color:#f6eeeb}.kaart{box-shadow:0 1px 2px #3c25180d}.badge{font-family:var(--sans);letter-spacing:.02em}.woordmerk-img{display:block;width:190px;max-width:100%;height:auto}.logo-rond{width:34px;height:34px;border-radius:50%;flex:none}.sidebar .merk{flex-direction:column;align-items:flex-start;gap:6px;padding:6px 6px 22px}