:root{color-scheme:light;--marine:#1a2b4c;--marine-2:#243a63;--marine-zacht:#e8ecf4;--achtergrond:#f3f5f8;--vlak:#ffffff;--lijn:#dfe3ea;--lijn-2:#eceef2;--inkt:#1b2233;--inkt-2:#4a5468;--inkt-3:#7a8497;--ok:#1f7a4d;--ok-bg:#e3f3ea;--fout:#b3261e;--fout-bg:#fbe4e2;--r-klant:#1f4f9c;--r-leverancier:#0f6b6b;--r-onderaannemer:#8a4b0f;--r-zzp:#6b3fa0;--r-adviseur:#4a5a70;--r-overheid:#2f6b2f;--r-overig:#6b6f78;--radius:10px;--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;background:var(--achtergrond);color:var(--inkt);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2{margin:0;letter-spacing:-.01em;text-wrap:balance}h1{font-size:24px}h1,h2{font-weight:700}h2{font-size:16px}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--marine)}:focus-visible{outline:2px solid #2f5aa8;outline-offset:2px}.merk{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px}.merk-blok{width:30px;height:30px;border-radius:8px;background:var(--marine);color:#fff;display:grid;place-items:center;font-size:16px}.merk small{font-weight:500;font-size:13px;color:var(--inkt-3)}.knop{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--lijn);background:var(--vlak);color:var(--marine);font-weight:600;font-size:13px;padding:8px 13px;border-radius:8px;cursor:pointer}.knop.primair,.knop:hover{border-color:var(--marine)}.knop.primair{background:var(--marine);color:#fff}.knop.breed{width:100%;justify-content:center;padding:10px}.knop:disabled{opacity:.6;cursor:default}.link{background:none;border:0;cursor:pointer;padding:4px;text-decoration:underline}.link,.veld{color:var(--inkt-2)}.veld{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:500;min-width:0}.veld input,.veld select,.veld textarea{width:100%;border:1px solid var(--lijn);background:var(--vlak);border-radius:8px;padding:9px 10px;font-size:14px;color:var(--inkt)}.veld textarea{resize:vertical;line-height:1.5}.veld input:disabled,.veld select:disabled,.veld textarea:disabled{background:var(--achtergrond);color:var(--inkt-2)}.veld input:focus,.veld select:focus,.veld textarea:focus{outline:none;border-color:var(--marine);box-shadow:0 0 0 3px var(--marine-zacht)}.melding{margin:0;font-size:13px;color:var(--inkt-2)}.melding.fout{color:var(--fout);background:var(--fout-bg);padding:8px 10px;border-radius:8px}.melding.ok{color:var(--ok);background:var(--ok-bg);padding:6px 10px;border-radius:8px}.login{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.login-kaart{width:100%;max-width:380px;background:var(--vlak);border:1px solid var(--lijn);border-radius:14px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 30px rgba(26,43,76,.08)}.schil{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.inhoud{width:100%;max-width:1240px;margin:0 auto;padding:26px 28px 64px;display:flex;flex-direction:column;gap:16px;min-width:0}.paginakop .sub{margin:4px 0 0;color:var(--inkt-2)}.paneel{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--radius)}.leeg,.paneel.leeg{padding:28px 20px;color:var(--inkt-2);text-align:center}.balk{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.formulier{padding:18px 20px;display:flex;flex-direction:column;gap:14px}.formkop{display:flex;justify-content:space-between;align-items:center;gap:10px}.raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.raster .breed{grid-column:1/-1}fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}fieldset legend{font-size:12.5px;color:var(--inkt-2);font-weight:500;margin-bottom:6px}.keuze label{display:inline-flex;gap:6px;align-items:center;margin-right:12px}.filters{padding:14px 16px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--lijn)}.zoek{width:100%;border:1px solid var(--lijn);border-radius:8px;padding:9px 10px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--lijn);background:var(--vlak);border-radius:999px;padding:5px 11px;font-size:13px;cursor:pointer}.chip b{font-weight:500;color:var(--inkt-3);font-size:12px}.chip.aan{background:var(--marine);border-color:var(--marine);color:#fff}.chip.aan b{color:#fff;opacity:.8}.lijst{list-style:none;margin:0;padding:0}.rij{display:grid;grid-template-columns:92px minmax(0,2fr) minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.4fr);grid-gap:14px;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--lijn-2)}.rij:last-child{border-bottom:0}.nr{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--inkt-3);font-size:12.5px}.nm{display:flex;flex-direction:column;min-width:0}.ct,.nm,.nm small,.pl{overflow-wrap:anywhere}.ct,.nm small,.pl{color:var(--inkt-3);font-size:12.5px}.ct{flex-direction:column}.ct,.rl{display:flex}.rl{flex-wrap:wrap;gap:4px}.rol{--c:var(--r-overig);font-size:11.5px;font-weight:600;padding:1px 8px;border-radius:4px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}.rol.klant{--c:var(--r-klant)}.rol.leverancier{--c:var(--r-leverancier)}.rol.onderaannemer{--c:var(--r-onderaannemer)}.rol.zzp{--c:var(--r-zzp)}.rol.adviseur{--c:var(--r-adviseur)}.rol.overheid{--c:var(--r-overheid)}@media (max-width:760px){.inhoud{padding:18px 16px 48px}.raster{grid-template-columns:1fr}.rij{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nm nr" "rl rl" "pl pl";gap:6px 10px}.nr{grid-area:nr}.nm{grid-area:nm}.rl{grid-area:rl}.pl{grid-area:pl}.ct{display:none}}.zijbalk{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:var(--marine);color:#cdd5e4;display:flex;flex-direction:column;overflow-y:auto}.zb-merk{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;color:#fff}.zb-merk b{display:block;font-size:16px}.zb-merk small{display:block;font-size:12px;color:#9fb0cc}.merk-blok.licht{background:#fff;color:var(--marine);font-weight:700}.zb-menu{flex:1 1;padding:4px 10px;display:flex;flex-direction:column;gap:10px}.zb-kop{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8596b4;padding:6px 10px 4px;font-weight:600}.zb-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:#dbe2ee;text-decoration:none;font-weight:500;font-size:13.5px}.zb-item:hover{background:rgba(255,255,255,.08);color:#fff}.zb-item.actief{background:#fff;color:var(--marine)}.zb-item.uit{color:#7f8faa;cursor:default}.zb-item.uit:hover{background:none;color:#7f8faa}.zb-item em{margin-left:auto;font-style:normal;font-size:10.5px;border:1px solid #52668a;border-radius:99px;padding:0 6px}.zb-voet{padding:12px 18px 16px;border-top:1px solid rgba(255,255,255,.1);gap:8px}.zb-gebruiker,.zb-voet{display:flex;flex-direction:column}.zb-gebruiker{font-size:12.5px;overflow-wrap:anywhere}.zb-gebruiker small{color:#8596b4;text-transform:capitalize}.zb-uit{background:transparent;border:1px solid #52668a;color:#dbe2ee;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:12.5px;width:100%}.zb-uit:hover{border-color:#fff;color:#fff}.mobielkop,.zb-scherm{display:none}select{background:var(--vlak)}.paginakop{align-items:flex-end;gap:12px;flex-wrap:wrap}.paginakop,.paneelkop{display:flex;justify-content:space-between}.paneelkop{align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--lijn-2)}.paneelkop .link{font-size:12.5px}.grijs{color:var(--inkt-3);font-weight:400}.rood{color:var(--fout)}.melding.info{background:var(--marine-zacht);color:var(--marine);padding:8px 10px;border-radius:8px}.melding.waarschuwing{display:block;background:#fdf1dc;color:#7a4a00;padding:10px 12px;border-radius:8px;text-decoration:none;font-weight:500}.melding.klein{font-size:12px;padding:0 16px 14px}.vinkje{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--inkt-2);align-self:end;padding-bottom:9px}.raster .breed-2{grid-column:span 2}.raster.vier{grid-template-columns:repeat(4,minmax(0,1fr))}.raster.vijf{grid-template-columns:repeat(5,minmax(0,1fr))}.formulier h2{margin-top:6px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.formulier h2 small{font-size:12.5px;font-weight:500}.mini{border:1px solid var(--lijn);background:var(--vlak);color:var(--inkt-2);border-radius:6px;padding:3px 9px;font-size:12px;cursor:pointer;font-weight:500}.mini.aan,.mini:hover{border-color:var(--marine);color:var(--marine)}.mini.aan{background:var(--marine-zacht)}.icoonknop{border:0;background:transparent;color:var(--inkt-3);width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:16px;line-height:1}.icoonknop:hover{background:var(--achtergrond);color:var(--marine)}.status{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--lijn-2);color:var(--inkt-2);white-space:nowrap}.status.uitvoering,.status.verzonden{background:#e3ecfb;color:#1f4f9c}.status.akkoord,.status.opgeleverd{background:var(--ok-bg);color:var(--ok)}.status.afgewezen,.status.verlopen{background:var(--fout-bg);color:var(--fout)}.status.voorbereiding{background:#fdf1dc;color:#7a4a00}.soortlabel{font-style:normal;font-size:11px;font-weight:600;color:#8a4b0f;background:#fbeee0;border-radius:4px;padding:1px 6px;margin-left:4px}.minirij{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--lijn-2);color:inherit;text-decoration:none}a.minirij:hover{background:#f8f9fb}.lijst li.minirij:last-child,.lijst li:last-child .minirij{border-bottom:0}.minirij .rechts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.lijstvoet{display:flex;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--lijn);color:var(--inkt-2);font-size:13px}.lijstvoet b{color:var(--inkt)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.kpi{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--radius);padding:16px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:4px}.kpi:hover{border-color:var(--marine)}.kpi span{font-size:12.5px;color:var(--inkt-2);font-weight:500}.kpi b{font-size:22px;color:var(--marine);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.kpi small{color:var(--inkt-3);font-size:12px}.dashraster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:start}.rolteller{padding:14px 16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.rolteller .groot{display:flex;flex-direction:column}.rolteller .groot b{font-size:26px;color:var(--marine);line-height:1.1}.rolteller .groot span{font-size:12px;color:var(--inkt-3)}.tussenkop{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--inkt-3);padding:6px 16px;border-top:1px solid var(--lijn-2);font-weight:600}.snel{display:flex;gap:8px;flex-wrap:wrap;padding:14px 16px}.snel .knop{text-decoration:none}.okop,.orij{display:grid;grid-template-columns:124px minmax(0,2.4fr) 92px 92px 104px 120px;grid-gap:12px;gap:12px;align-items:center;padding:0 16px}.okop{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--inkt-3);padding-top:10px;padding-bottom:8px;border-bottom:1px solid var(--lijn);font-weight:600}.orij{padding-top:11px;padding-bottom:11px;border-bottom:1px solid var(--lijn-2);color:inherit;text-decoration:none}.orij:hover{background:#f8f9fb}.orij .dt{color:var(--inkt-2);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.orij .dt.rood{color:var(--fout)}.orij .bd,.r{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.orij .bd{font-weight:600}.editor{display:flex;flex-direction:column;gap:14px}.editorkop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.ek-links{display:flex;flex-direction:column;gap:4px;min-width:0}.terug{font-size:12.5px;text-decoration:none;color:var(--inkt-2)}.ek-titel h1{overflow-wrap:anywhere}.ek-sub{gap:10px;color:var(--inkt-2);font-size:13px}.ek-rechts,.ek-sub{display:flex;align-items:center;flex-wrap:wrap}.ek-rechts{gap:8px}.ek-rechts .knop{text-decoration:none}.opslagstand{font-size:12px;color:var(--inkt-3)}.opslagstand.ok:before{content:"✓ ";color:var(--ok)}.opslagstand.bezig,.opslagstand.vuil{color:#7a4a00}.opslagstand.fout{color:var(--fout)}.menuwrap{position:relative}.popmenu{position:absolute;z-index:30;top:calc(100% + 4px);right:0;min-width:200px;background:var(--vlak);border:1px solid var(--lijn);border-radius:10px;box-shadow:0 10px 30px rgba(26,43,76,.14);padding:6px;display:flex;flex-direction:column}.popmenu button{text-align:left;background:none;border:0;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:13px}.popmenu button:hover:not(:disabled){background:var(--achtergrond)}.popmenu button:disabled{color:var(--inkt-3);cursor:default}.popmenu button.gevaar{color:var(--fout)}.popmenu hr{border:0;border-top:1px solid var(--lijn-2);margin:4px 0}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--lijn);overflow-x:auto;scrollbar-width:none}.tab{background:none;border:0;border-bottom:2px solid transparent;padding:9px 14px;cursor:pointer;color:var(--inkt-2);font-weight:500;white-space:nowrap}.tab.aan{color:var(--marine);border-bottom-color:var(--marine);font-weight:600}.editorlijf{display:grid;grid-template-columns:minmax(0,1fr) 290px;grid-gap:16px;gap:16px;align-items:start}.editorhoofd{min-width:0;display:flex;flex-direction:column;gap:16px}.regels{padding:6px 0 0}.regelkop,.regelrij{display:grid;grid-template-columns:minmax(0,1fr) 78px 76px 112px 108px 186px;grid-gap:8px;gap:8px;align-items:center;padding:0 14px}.regelkop{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--inkt-3);padding-top:8px;padding-bottom:8px;font-weight:600;border-bottom:1px solid var(--lijn)}.regel{border-bottom:1px solid var(--lijn-2);padding:8px 0}.regel.optie{background:repeating-linear-gradient(135deg,transparent 0 10px,#f7f8fa 10px 20px)}.calcrij input,.calcrij select,.lijstregel input,.regelrij input,.regelrij select,.titelblok input{width:100%;min-width:0;border:1px solid transparent;background:transparent;border-radius:6px;padding:7px 8px;font-size:13.5px}.calcrij input:hover,.calcrij select:hover,.lijstregel input:hover,.regelrij input:hover:not(:disabled),.regelrij select:hover:not(:disabled),.titelblok input:hover{border-color:var(--lijn)}.calcrij input:focus,.calcrij select:focus,.lijstregel input:focus,.regelrij input:focus,.regelrij select:focus,.tekstblok textarea:focus,.titelblok input:focus{outline:none;border-color:var(--marine);background:var(--vlak);box-shadow:0 0 0 3px var(--marine-zacht)}.lijstregel input{border-color:var(--lijn);background:var(--vlak)}.getal{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.prijsveld{position:relative}.prijsveld .wis{position:absolute;right:-4px;top:-6px;width:18px;height:18px;border-radius:50%;border:1px solid var(--lijn);background:var(--vlak);font-size:12px;line-height:1;cursor:pointer;color:var(--inkt-3)}.bedrag{text-align:right;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.regelknoppen{display:flex;gap:4px;justify-content:flex-end;align-items:center}.vlaggen{display:flex;gap:6px;flex-wrap:wrap;padding:2px 22px 0}.vlaggen span{font-size:11.5px;color:var(--inkt-3);background:var(--achtergrond);border-radius:4px;padding:0 6px}.uitklap{margin:8px 14px 4px;padding:12px;border:1px solid var(--lijn);border-radius:8px;display:flex;flex-direction:column;gap:10px;background:var(--vlak)}.uitklap.intern{background:#f6f7f9}.internlabel{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--inkt-3);font-weight:600}.calc{display:flex;flex-direction:column}.calckop,.calcrij{display:grid;grid-template-columns:128px minmax(0,1fr) 76px 64px 92px 92px 28px;grid-gap:6px;gap:6px;align-items:center}.calckop{font-size:11px;color:var(--inkt-3);text-transform:uppercase;letter-spacing:.04em;font-weight:600;padding:0 8px 4px}.calcrij{border-top:1px solid var(--lijn-2);padding:4px 0}.calcrij .noot{grid-column:2/-2;font-size:12px;color:var(--inkt-2);padding:3px 8px}.calcrij .r{font-size:13px;padding-right:8px}.calcsom{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--inkt-2)}.calcsom b{color:var(--inkt);margin-left:4px}.titelblok{display:grid;grid-template-columns:minmax(0,1fr) 120px 28px;grid-gap:8px;gap:8px;align-items:center;padding:16px 14px 6px;border-bottom:2px solid var(--marine)}.titelblok input{font-weight:700;font-size:15px;color:var(--marine);padding-left:0}.tekstblok{display:grid;grid-template-columns:minmax(0,1fr) 28px;grid-gap:8px;gap:8px;padding:8px 14px;border-bottom:1px solid var(--lijn-2)}.tekstblok textarea{width:100%;border:1px solid transparent;background:transparent;border-radius:6px;padding:7px 8px;resize:vertical;color:var(--inkt-2)}.tekstblok textarea:hover{border-color:var(--lijn)}.toevoegbalk{display:flex;gap:8px;flex-wrap:wrap;padding:14px}.lijstregel{display:grid;grid-template-columns:minmax(0,1fr) 90px auto 28px;grid-gap:8px;gap:8px;align-items:center}.klantkaart,.lijstregel{font-size:13px;color:var(--inkt-2)}.klantkaart{border:1px solid var(--lijn);border-radius:8px;padding:9px 10px;display:flex;flex-direction:column;background:var(--achtergrond);min-height:40px}.klantkaart b{color:var(--inkt)}.kostentabel{display:flex;flex-direction:column;max-width:420px}.kostentabel div,.totalen div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kostentabel .som,.totalen .som{border-top:1px solid var(--lijn);margin-top:4px;padding-top:8px}.totalen{position:-webkit-sticky;position:sticky;top:16px;padding:16px;display:flex;flex-direction:column;font-size:13.5px}.totalen h2{margin-bottom:6px}.totalen .klein{font-size:12.5px;color:var(--inkt-2)}.totalen .groot b{font-size:17px;color:var(--marine)}.totalen .intern{border-top:1px dashed var(--lijn);margin-top:6px;padding-top:8px}.log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.log span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-right:6px}.log small,.log span{color:var(--inkt-3)}.printbalk{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.printbalk .knop{text-decoration:none}.a4{background:#fff;width:100%;max-width:210mm;margin:0 auto;padding:18mm 18mm 20mm;box-shadow:0 6px 30px rgba(26,43,76,.1);border:1px solid var(--lijn);color:#1b2233;font-size:10.5pt;line-height:1.45}.a4-kop{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid var(--marine);padding-bottom:10px;margin-bottom:18px;flex-wrap:wrap}.a4-merk{display:flex;align-items:center;gap:10px;font-size:16pt;color:var(--marine)}.a4-bedrijf{display:flex;flex-direction:column;text-align:right;font-size:8.5pt;color:var(--inkt-2)}.a4-adres{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px;flex-wrap:wrap}.a4-adres>div{display:flex;flex-direction:column}.a4-adres dl{display:grid;grid-template-columns:auto auto;grid-gap:1px 14px;gap:1px 14px;margin:0;font-size:9.5pt}.a4-adres dt{color:var(--inkt-3)}.a4-adres dd{margin:0;font-weight:600}.a4-titel{font-size:15pt;color:var(--marine);margin-bottom:4px}.a4-werk{color:var(--inkt-2)}.a4-tekst p,.a4-werk{margin:0 0 8px}.a4-tekst.klein{font-size:9pt;color:var(--inkt-2)}.a4-regels,.a4-termijnen{width:100%;border-collapse:collapse;margin:10px 0 14px}.a4-regels th{text-align:left;font-size:8.5pt;text-transform:uppercase;letter-spacing:.04em;color:var(--inkt-3);border-bottom:1px solid #d9dde4;padding:5px 4px}.a4-regels td,.a4-termijnen td{padding:5px 4px;border-bottom:1px solid #eceef2;vertical-align:top}.a4-regels td small{display:block;color:var(--inkt-2);font-size:9pt;white-space:pre-line}.a4-regels td em{color:var(--inkt-3);font-size:9pt}.a4-regels td.r,.a4-regels th.r,.a4-termijnen td.r{text-align:right;white-space:nowrap}.a4-titelrij td{font-weight:700;color:var(--marine);padding-top:12px;border-bottom:1px solid var(--marine)}.a4-optie td,.a4-tekstrij td{color:var(--inkt-2)}.a4-optie td{font-style:italic}.a4-totaal{margin-left:auto;width:100%;max-width:300px;display:flex;flex-direction:column;margin-bottom:16px;page-break-inside:avoid;break-inside:avoid}.a4-totaal div{display:flex;justify-content:space-between;padding:3px 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.a4-totaal .som{border-top:1px solid #d9dde4;margin-top:3px;padding-top:5px}.a4-totaal .groot{font-size:12pt;color:var(--marine)}.a4-totaal .klein{font-size:9pt;color:var(--inkt-2)}.a4-blok{page-break-inside:avoid;break-inside:avoid;margin:10px 0}.a4-blok h2{font-size:11pt;color:var(--marine);margin-bottom:4px}.a4-teken{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;margin-top:26px;page-break-inside:avoid;break-inside:avoid}.a4-teken div{display:flex;flex-direction:column;gap:42px;border-top:1px solid #d9dde4;padding-top:6px;font-size:9.5pt}.a4-teken i{color:var(--inkt-3)}@media print{@page{size:A4;margin:0}body,html{background:#fff}.mobielkop,.printbalk,.zb-scherm,.zijbalk{display:none!important}.schil{display:block}.inhoud{padding:0}.a4,.inhoud{max-width:none}.a4{box-shadow:none;border:0}thead{display:table-header-group}tr{page-break-inside:avoid;break-inside:avoid}}@media (max-width:1100px){.editorlijf{grid-template-columns:1fr}.totalen{position:static}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.schil{display:block}.mobielkop{display:flex;align-items:center;gap:10px;position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--vlak);border-bottom:1px solid var(--lijn);padding:8px 12px}.menuknop{border:0;background:none;color:var(--marine);width:40px;height:40px;border-radius:8px;display:grid;place-items:center;cursor:pointer}.zijbalk{position:fixed;z-index:50;top:0;left:0;bottom:0;width:264px;max-width:85vw;transform:translateX(-100%);transition:transform .2s ease}.zijbalk.open{transform:none;box-shadow:0 0 40px rgba(0,0,0,.3)}.zb-scherm{display:block;position:fixed;inset:0;z-index:45;background:rgba(15,25,45,.35)}.inhoud{padding:18px 16px 48px}.dashraster{grid-template-columns:1fr}.okop{display:none}.orij{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nm bd" "nr st" "dt dt2";gap:4px 10px}.orij .nr{grid-area:nr}.orij .nm{grid-area:nm}.orij .bd{grid-area:bd}.orij>span:nth-child(3){grid-area:dt}.orij>span:nth-child(4){grid-area:dt2;text-align:right}.orij>span:nth-child(5){grid-area:st;text-align:right}.orij>span:nth-child(4):before{content:"geldig tot "}.regelkop{display:none}.regelrij{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"oms oms oms" "aantal eenh prijs" "knop knop bedrag";row-gap:4px}.regelrij>.oms{grid-area:oms;font-weight:500}.regelrij>.getal{grid-area:aantal}.regelrij>select{grid-area:eenh}.regelrij>.prijsveld{grid-area:prijs}.regelrij>.bedrag{grid-area:bedrag}.regelrij>.regelknoppen{grid-area:knop;justify-content:flex-start}.regelrij input,.regelrij select{border-color:var(--lijn);background:var(--vlak)}.vlaggen{padding:4px 14px 0}.calckop{display:none}.calcrij{grid-template-columns:1fr 1fr 28px;background:var(--vlak);border:1px solid var(--lijn);border-radius:8px;padding:6px;margin-bottom:6px}.calcrij>:nth-child(2){grid-column:1/-1;order:-1}.calcrij .noot{grid-column:1/-1}.calcrij input,.calcrij select{border-color:var(--lijn-2)}.raster.vier,.raster.vijf{grid-template-columns:repeat(2,minmax(0,1fr))}.raster .breed-2{grid-column:1/-1}.a4{padding:18px 16px;font-size:10pt}.a4-bedrijf{text-align:left}.a4-teken{grid-template-columns:1fr}}@media (max-width:520px){.kpis{grid-template-columns:1fr}.kpi b{font-size:20px}.raster.vier,.raster.vijf{grid-template-columns:1fr}.a4-regels td:nth-child(3),.a4-regels th:nth-child(3){display:none}}a.tab{text-decoration:none;display:inline-flex;align-items:center;gap:6px}.tab .teller{font-size:11px;font-weight:600;background:var(--lijn-2);color:var(--inkt-2);border-radius:99px;padding:0 7px}.tab.aan .teller{background:var(--marine-zacht);color:var(--marine)}.formulier.rand{border-bottom:1px solid var(--lijn);background:#fafbfc}.knop.klein{padding:5px 10px;font-size:12px}select.mini{padding:3px 6px}.link-knop{background:none;border:0;padding:0;text-align:left;cursor:pointer;color:inherit;font:inherit}.link-knop:hover b{color:var(--marine);text-decoration:underline}.blok{display:block}.klein-tekst{font-size:12.5px;margin:4px 0}.bedragen{display:flex;flex-direction:column;align-items:flex-end}.bedragen small{color:var(--inkt-3);font-size:11.5px}.minirij>.nm{min-width:0;display:flex;flex-direction:column}.minirij a.nm{color:inherit;text-decoration:none}.minirij a.nm:hover b{color:var(--marine)}.kpi b.rood,b.rood{color:var(--fout)}.weekbalk{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.weekbalk .knop{text-decoration:none}.weekrooster{overflow:hidden}.wr-rij{display:grid;grid-template-columns:160px repeat(6,minmax(0,1fr));border-bottom:1px solid var(--lijn-2)}.wr-rij:last-child{border-bottom:0}.wr-kop span{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--inkt-3);font-weight:600;padding:9px 8px}.wr-kop span.vandaag{color:var(--marine)}.wr-naam{padding:10px 12px;display:flex;flex-direction:column;border-right:1px solid var(--lijn-2);min-width:0}.wr-naam small{color:var(--inkt-3);font-size:11.5px}.wr-cel{padding:5px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--lijn-2);min-height:56px;min-width:0}.wr-cel:last-child{border-right:0}.wr-cel.vandaag{background:#f6f8fc}.wr-blok{--k:var(--marine);display:flex;flex-direction:column;text-decoration:none;background:color-mix(in srgb,var(--k) 10%,#fff);border-left:3px solid var(--k);border-radius:5px;padding:3px 6px;color:var(--inkt);min-width:0}.wr-blok b{font-size:12px;color:var(--k)}.wr-blok b,.wr-blok small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wr-blok small{font-size:11px;color:var(--inkt-2)}.wr-blok.botsing{outline:2px solid var(--fout)}.wr-afw{font-style:normal;font-size:11.5px;background:var(--lijn-2);color:var(--inkt-2);border-radius:5px;padding:3px 6px}.tabelpaneel{overflow-x:auto}.tabel{width:100%;border-collapse:collapse;font-size:13px}.tabel th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--inkt-3);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--lijn);white-space:nowrap}.tabel td{padding:9px 12px;border-bottom:1px solid var(--lijn-2);vertical-align:top;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tabel td.r,.tabel th.r{text-align:right}.tabel a{text-decoration:none;color:var(--inkt)}.tabel a:hover{color:var(--marine);text-decoration:underline}.somrij td{font-weight:700;border-top:1px solid var(--lijn);border-bottom:0}.balkje{height:4px;background:var(--lijn-2);margin-top:5px;max-width:160px}.balkje,.balkje i{display:block;border-radius:3px}.balkje i{height:100%;background:var(--marine)}.totaalchips{padding:10px 16px;border-bottom:1px solid var(--lijn-2)}.urenrij{justify-content:flex-start}.urenrij>input[type=checkbox]{width:16px;height:16px;flex:none}.urenrij>.nm{flex:1 1}.uploadvak{margin:12px 16px;padding:12px;border:1.5px dashed var(--lijn);border-radius:10px;background:#fafbfc;display:flex;flex-direction:column;gap:6px}.docrij{justify-content:flex-start}.docrij>.nm{flex:1 1}.docicoon{flex:none;width:36px;height:36px;border-radius:8px;background:var(--marine-zacht);color:var(--marine);display:grid;place-items:center;font-size:10.5px;font-weight:700}.factuurkop,.factuurrij{grid-template-columns:minmax(0,1fr) 70px 76px 100px 90px 104px 28px}.pijplijn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:start}.pijpkolom{background:#eceff4;border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;gap:8px;min-width:0}.pijpkop{display:flex;justify-content:space-between;padding:4px 6px;font-size:13px}.pijpkop span{color:var(--inkt-3);font-weight:600}.dealkaart{background:var(--vlak);border:1px solid var(--lijn);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--inkt);min-width:0}.dealkaart:hover{border-color:var(--marine)}.dealkaart b{font-size:13.5px;overflow-wrap:anywhere}.dealkaart small{font-size:12px;color:var(--inkt-2);overflow-wrap:anywhere}.dealvoet{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-top:4px}.notitieform{display:flex;gap:6px;margin-bottom:8px}.notitieform input{flex:1 1;min-width:0;border:1px solid var(--lijn);border-radius:6px;padding:6px 8px}.totalen a{color:var(--marine)}.gegevens{display:grid;grid-template-columns:120px minmax(0,1fr);grid-gap:6px 12px;gap:6px 12px;margin:0;padding:14px 16px;font-size:13.5px}.gegevens dt{color:var(--inkt-3)}.gegevens dd{margin:0;overflow-wrap:anywhere}.pre{white-space:pre-line}.aandacht{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.aandacht a{display:flex;flex-direction:column;padding:14px 16px;text-decoration:none;color:var(--inkt);border-right:1px solid var(--lijn-2)}.aandacht a:last-child{border-right:0}.aandacht a:hover{background:#f8f9fb}.aandacht b{font-size:22px;color:var(--inkt-3);line-height:1.2}.aandacht a.let-op b{color:var(--fout)}.aandacht span{font-size:13px;font-weight:500}.aandacht small{font-size:12px;color:var(--inkt-3)}@media (max-width:1100px){.aandacht{grid-template-columns:repeat(3,minmax(0,1fr))}.aandacht a:nth-child(3n){border-right:0}.aandacht a:nth-child(-n+3){border-bottom:1px solid var(--lijn-2)}.pijplijn{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.wr-kop{display:none}.wr-rij{grid-template-columns:1fr}.wr-naam{border-right:0;background:#fafbfc;border-bottom:1px solid var(--lijn-2)}.wr-cel{border-right:0;min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;padding:6px 12px}.wr-cel:before{content:attr(data-dag);font-size:12px;color:var(--inkt-3);width:64px;flex:none}.wr-cel:not(:has(.wr-blok,.wr-afw)){display:none}.wr-blok{flex:1 1;min-width:140px}.factuurkop{display:none}.factuurrij{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"oms oms oms" "a e p" "b bd x";row-gap:4px}.factuurrij>.oms{grid-area:oms}.factuurrij>:nth-child(2){grid-area:a}.factuurrij>:nth-child(3){grid-area:e}.factuurrij>:nth-child(4){grid-area:p}.factuurrij>:nth-child(5){grid-area:b}.factuurrij>.bedrag{grid-area:bd}.factuurrij>:nth-child(7){grid-area:x;justify-self:end}.minirij{flex-wrap:wrap}.minirij .rechts{justify-content:flex-start}.docrij .rechts,.urenrij .rechts{width:100%;padding-left:26px}.docrij .rechts{padding-left:46px}.gegevens{grid-template-columns:1fr;gap:0}.gegevens dd{margin-bottom:8px}}@media (max-width:520px){.aandacht{grid-template-columns:repeat(2,minmax(0,1fr))}.aandacht a{border-right:1px solid var(--lijn-2)!important;border-bottom:1px solid var(--lijn-2)}.aandacht a:nth-child(2n){border-right:0!important}.pijplijn{grid-template-columns:1fr}}