:root{color:#1d2733;background:#f5f7fa;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}.app{max-width:1900px;padding:16px 20px 60px}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.titel{background:0 0;border:1px solid #0000;min-width:280px;padding:4px 6px;font-size:20px;font-weight:600}.titel:hover,.titel:focus{background:#fff;border-color:#c5ced8}.knoppen{flex-wrap:wrap;gap:6px;display:flex}button{font:inherit;cursor:pointer;background:#fff;border:1px solid #b7c2ce;border-radius:4px;padding:4px 10px}button:hover{background:#eef2f6}button:disabled{opacity:.4;cursor:not-allowed}button.primair{color:#fff;background:#1f6f43;border-color:#1f6f43}button.primair:hover{background:#185a36}button.weg{color:#8a96a3;border-color:#0000;padding:2px 8px}button.weg:not(.toel):hover{color:#a33;background:#fde8e8}button.klap{background:0 0;border:none;width:16px;padding:0 4px 0 0}.tabs{border-bottom:1px solid #c5ced8;gap:4px;margin:14px 0 4px;display:flex}.tabs button{border-bottom:none;border-radius:4px 4px 0 0}.tabs button.actief{color:#fff;background:#1d2733;border-color:#1d2733}.hint{color:#5c6b7a;margin:6px 0 10px;font-size:12px}.ongedaan{color:#fff;z-index:10;background:#1d2733;border-radius:4px;margin:0;padding:8px 12px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.herstel{background:#e3f1e8;border-radius:4px;margin:0 0 8px;padding:6px 12px}.herstel.alleen-lezen{background:#fff4d6}.app.alleen-lezen td input,.app.alleen-lezen td select,.app.alleen-lezen td textarea{pointer-events:none}.startscherm table.lijst{max-width:900px}.startscherm table.lijst button.link{font-weight:600}.label{color:#6b5300;background:#fff4d6;border-radius:3px;margin-left:8px;padding:1px 6px;font-size:12px}.melding{color:#8a1f1f;cursor:pointer;background:#fde8e8;border-radius:4px;padding:8px 12px}table{border-collapse:collapse;background:#fff;width:100%}th{text-align:left;white-space:nowrap;background:#e7ecf2;padding:6px;font-size:12px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #edf0f3;padding:3px 6px}td input:not([type]),td select{font:inherit;background:0 0;border:1px solid #0000;width:100%;padding:3px 4px}td input:hover,td input:focus,td select:hover,td select:focus{background:#fff;border-color:#c5ced8}input.getal{text-align:right;max-width:110px}input.eenheid{max-width:70px}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.totaal{font-weight:600}.code{white-space:nowrap;width:80px}.acties{white-space:nowrap;text-align:right}.klein{color:#5c6b7a;font-size:12px}tr.hoofdstuk{background:#cbd8e6;font-weight:600}tr.hoofdstuk td{border-top:2px solid #7f95ab;padding-top:6px;padding-bottom:6px}tr.hoofdstuk input{font-size:15px;font-weight:600}tr.hoofdpost{background:#edf2f7;font-weight:600}tr.hoofdpost input{font-weight:600}tr.hoofdpost td:nth-child(2) input{padding-left:24px}tr.subpost td:nth-child(2) input{padding-left:44px}tr.subpost td:first-child{padding-left:14px}tr.productie{background:#fbfaf3}tr.productie td:nth-child(2),tr.regel td:nth-child(2){padding-left:62px}tr.in-blok>td:first-child{border-left:3px solid #9fb3c8}tr.regel{font-size:13px}tr.directe td{border-top:2px solid #1d2733;font-weight:600}tr.blok-kop td{border-bottom:1px solid #1d2733;padding-top:18px;font-size:15px;font-weight:700}tbody[data-eenheid=kop-direct] tr.blok-kop td{padding-top:8px}tr.eind td{border-top:1px solid #1d2733;border-bottom:3px double #1d2733;font-weight:700}.staart{max-width:900px;margin-top:24px}.staart h2{font-size:16px}.middelen{max-width:900px}table.begroting{min-width:1605px}table.begroting.soorten-dicht{min-width:1045px}table.begroting{table-layout:fixed}table.begroting th.kol-code{width:150px}table.begroting th.kol-hoeveelheid{width:110px}table.begroting th.kol-eenheid{width:90px}table.begroting th.kol-prijs{width:115px}table.begroting th.kol-bedrag{width:112px}table.begroting th.kol-totaal{width:130px}table.begroting th.kol-acties{width:170px}.nul{color:#b7c2ce}table.begroting td.acties>*{visibility:hidden}table.begroting tr:hover>td.acties>*,table.begroting tr:focus-within>td.acties>*{visibility:visible}table.begroting tbody tr:hover>td{background-image:linear-gradient(#1f4f8f0f,#1f4f8f0f)}.nieuwe-regel{float:right;gap:14px;display:inline-flex}.nieuwe-regel button.link{font-size:12px}input.code-invoer{font:inherit;background:0 0;border:1px solid #0000;width:70px;padding:3px 4px}td input.code-invoer{width:70px}input.code-invoer:hover,input.code-invoer:focus{background:#fff;border-color:#c5ced8}input.code-invoer.fout,td input.code-invoer.fout{background:#fdecea;border-color:#c0392b}.toevoegen input.code-invoer{background:#fff;border-color:#c5ced8}tr.regel td.code{padding-left:14px}tr.toelichting td{border-bottom:1px solid #edf0f3}tr.toelichting input{color:#4a5866;font-style:italic}button.toel{color:#5c6b7a}select.soort{width:auto}tr.productie td.klein{white-space:nowrap}tr.productie td.klein select{width:auto}.status{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 10px;display:flex}.status .hint{margin:0}.fouttekst{color:#a33}.waarschuwing{color:#a33;font-size:12px}button.link{color:#1f4f8f;background:0 0;border:none;padding:0;text-decoration:underline}.app.smal{padding:12px 16px 40px}.app.smal header{flex-wrap:nowrap}.titel-tekst{overflow-wrap:anywhere;margin:0;font-size:18px}.overzicht{background:#fff;border-radius:6px;overflow:hidden}.ov-kop{text-align:left;background:#fff;border:none;border-bottom:1px solid #edf0f3;border-radius:0;align-items:baseline;gap:6px;width:100%;padding:10px 8px;display:flex}.ov-n1{background:#dde6f0;font-weight:600}.ov-n2{background:#f0f4f8;padding-left:16px;font-weight:600}.ov-n3{padding-left:24px}.ov-pijl{flex:none;width:12px}.ov-code{color:#5c6b7a;font-variant-numeric:tabular-nums;flex:none}.ov-naam{overflow-wrap:anywhere;flex:1;min-width:0}.ov-naam small{color:#5c6b7a;font-weight:400;display:block}.ov-bedrag{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.ov-details{border-bottom:1px solid #edf0f3;padding:4px 8px 8px 44px}.ov-toelichting{color:#4a5866;margin:4px 8px 4px 32px;font-style:italic}.ov-details .ov-toelichting{margin-left:0}.ov-regels{margin:0;padding:0;list-style:none}.ov-regels li{border-top:1px dashed #e3e8ee;justify-content:space-between;gap:8px;padding:4px 0;display:flex}.ov-regels small{color:#5c6b7a;display:block}.ov-regels small.ov-toel{font-style:italic}.ov-staart{margin-top:12px;padding:8px}.ov-blok{margin:16px 8px 6px;font-size:15px}.ov-staart p{justify-content:space-between;gap:8px;margin:4px 0;display:flex}.ov-staart span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.ov-sub{border-top:1px solid #1d2733;padding-top:4px;font-weight:600}.ov-eind{border-top:1px solid #1d2733;border-bottom:3px double #1d2733;padding:4px 0;font-weight:700}.niveaus{vertical-align:middle;gap:2px;margin-right:6px;display:inline-flex}.niveaus button{padding:0 5px;font-size:11px;line-height:16px}.greep{cursor:grab;color:#9aa7b4;-webkit-user-select:none;user-select:none;padding:0 4px 0 0}.greep:hover{color:#1d2733}.met-greep{align-items:center;display:flex}tr.sleep-voor td{box-shadow:inset 0 2px #1f6f43}tr.sleep-na td{box-shadow:inset 0 -2px #1f6f43}tr.sleep-in td{background:#e3f1e8}dialog.scherm{border:1px solid #c5ced8;border-radius:6px;min-width:320px;padding:16px 20px}dialog.scherm::backdrop{background:#1d273359}dialog.scherm h3{margin:0 0 12px}dialog.scherm label{justify-content:space-between;align-items:center;gap:12px;margin:6px 0;display:flex}dialog.scherm input,dialog.scherm select{font:inherit;background:#fff;border:1px solid #c5ced8;width:180px;max-width:none;padding:3px 4px}dialog.scherm .knoppen{text-align:right;margin:14px 0 6px}table.soorten-dicht .soort-kol{display:none}.kolomknop{cursor:pointer;margin-right:6px;padding:0 5px;font-size:11px;line-height:16px}.zoekrij{top:var(--kop-hoogte,var(--balk-hoogte));z-index:5;background:#f5f7fa;padding-bottom:6px;position:sticky}.zoekbalk{background:#fff;border:1px solid #c5ced8;border-radius:4px;align-items:center;gap:6px;max-width:520px;height:38px;padding:6px 8px;display:flex}.zoekbalk input{flex:1}.zoekbalk .hint{white-space:nowrap;min-width:80px;margin:0}tr.zoek-treffer>td{background:#fff3b0}dialog.scherm.import{max-width:min(900px,95vw)}dialog.scherm.import select{width:auto}dialog.scherm.import .samenvatting{margin:8px 0 12px;padding-left:18px}dialog.scherm.sjabloon fieldset{border:1px solid #c5ced8;border-radius:4px;margin:10px 0;padding:6px 10px}dialog.scherm.sjabloon fieldset label{justify-content:flex-start}dialog.scherm.sjabloon fieldset input{width:auto}dialog.scherm.sjabloon label>input:not([type=radio]){width:260px}table.verschillen td{vertical-align:top}tr.vast td{background:#f4f6f8}button.slot{margin-right:2px;padding:0 4px}dialog.scherm.uitleg{width:min(820px,95vw);max-height:90vh;padding:0;overflow:hidden}dialog.scherm.uitleg[open]{flex-direction:column;display:flex}.uitleg-kop{border-bottom:1px solid #c5ced8;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.uitleg-kop h2{margin:0;font-size:18px}.uitleg-tekst{padding:4px 20px 20px;font-size:14px;line-height:1.5;overflow-y:auto}.uitleg-tekst h3{margin:22px 0 6px;scroll-margin-top:8px;font-size:15px}.uitleg-tekst ul,.uitleg-tekst ol{padding-left:20px}.uitleg-tekst li{margin:4px 0}.uitleg-inhoud{border-bottom:1px solid #edf0f3;flex-wrap:wrap;gap:4px 14px;padding:8px 0;display:flex}.uitleg-formule{font-variant-numeric:tabular-nums;background:#f4f6f8;border-radius:4px;padding:6px 10px}table.uitleg-toetsen td{vertical-align:top;padding:4px 6px}table.uitleg-toetsen td:first-child{white-space:nowrap;width:1%;font-weight:600}:root{--balk-hoogte:36px;scroll-padding-top:calc(var(--kop-hoogte,var(--balk-hoogte)) + 32px)}table.begroting thead th{top:var(--kop-hoogte,0px);z-index:4;position:sticky}.zoekrij+table.begroting thead th{top:calc(var(--kop-hoogte,0px) + 44px)}.kop-vast{z-index:6;background:#f5f7fa;margin:-16px -20px 0;padding:6px 20px 0;position:sticky;top:0}.kop-vast header{gap:6px 12px}.kop-vast .titel{flex:0 420px;min-width:200px;padding:2px 6px;font-size:17px}.kop-status{color:#5c6b7a;flex-wrap:wrap;flex:auto;align-items:center;gap:6px;font-size:12px;display:flex}.kop-status>span[title]{cursor:help;border-bottom:1px dotted #8a96a3}.kop-status .fouttekst{border-bottom:none}.knoppen .scheiding{background:#c5ced8;align-self:stretch;width:1px;margin:2px 4px}.kop-vast .knoppen{gap:4px}.kop-vast button{padding:2px 8px}.tabrij{border-bottom:1px solid #c5ced8;flex-wrap:wrap;align-items:flex-end;gap:4px 12px;margin:6px 0 4px;display:flex}.tabrij .tabs{border-bottom:none;margin:0}.totaalbalk{z-index:6;min-height:var(--balk-hoogte);color:#c9d3de;background:#1d2733;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 28px;margin:0 0 4px;padding:6px 12px;font-size:13px;display:flex;position:sticky;top:0;box-shadow:0 2px 6px #00000026}.totaalbalk strong{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:6px}.totaalbalk .eind strong{font-size:15px}.kop-vast .totaalbalk{min-height:0;box-shadow:none;border-radius:4px;column-gap:16px;margin:0 0 3px auto;padding:3px 10px;position:static}.app.smal .totaalbalk{justify-content:space-between;gap:2px 12px;margin:8px 0;font-size:12px}.bereken{width:100%;max-width:110px;display:inline-block;position:relative}.bereken input.getal{width:100%}button.bereken-knop{color:#1f6f43;background:0 0;border:none;padding:0 4px;font-family:Georgia,serif;font-style:italic;font-weight:600;display:none;position:absolute;top:50%;left:2px;transform:translateY(-50%)}button.bereken-knop:hover{background:#e3f1e8}.bereken:focus-within button.bereken-knop,.bereken.doel button.bereken-knop{display:block}.bereken.heeft-formule input.getal{color:#1f4f8f;background:#e8f1fb}.bereken.formule-fout input.getal{color:#a33;background:#fde8e8;border-color:#c0392b}.bereken.doel input.getal{outline:2px solid #1f6f43}body.aanwijzen [data-cel]{cursor:crosshair}body.aanwijzen [data-cel]:hover{outline-offset:-1px;background:#e3f1e8;outline:2px dashed #1f6f43}.app.met-balk{padding-bottom:140px}.app.met-balk .ongedaan{bottom:110px}.berekeningsbalk{z-index:20;background:#fff;border-top:2px solid #1f6f43;padding:8px 20px 0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #1d273326}.bb-rij{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bb-invoer{flex:1;min-width:260px;position:relative}.bb-invoer input{font:inherit;border:1px solid #b7c2ce;border-radius:4px;width:100%;padding:5px 8px}.bb-uitkomst{font-variant-numeric:tabular-nums;min-width:120px}.bb-lijst{background:#fff;border:1px solid #b7c2ce;border-radius:4px;max-height:300px;margin:0 0 4px;padding:0;list-style:none;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 -2px 8px #1d273326}.bb-lijst li{cursor:pointer;align-items:baseline;gap:8px;padding:4px 8px;display:flex}.bb-lijst li.gekozen,.bb-lijst li:hover{background:#e3f1e8}.bb-naam{white-space:nowrap;font-weight:600}.bb-lijst .klein{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bb-waarde{font-variant-numeric:tabular-nums;white-space:nowrap}.grondslag-keuze{max-width:100%;display:inline-block;position:relative}button.grondslag-knop{text-align:left;background:#fff;align-items:center;gap:6px;max-width:320px;padding:2px 8px;font-size:13px;display:inline-flex}.grondslag-tekst{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grondslag-lijst{z-index:5;background:#fff;border:1px solid #c5ced8;border-radius:4px;flex-direction:column;gap:4px;min-width:100%;padding:8px 10px;font-size:13px;display:flex;position:absolute;top:calc(100% + 2px);left:0;box-shadow:0 2px 8px #1d273326}.grondslag-lijst .vinkje{white-space:nowrap;cursor:pointer;align-items:center;gap:6px;display:inline-flex}.staart td:has(>.bereken){white-space:nowrap}.staart td>.bereken{vertical-align:baseline;width:80px}.staart td{vertical-align:middle}section.combinaties{margin-top:28px}section.combinaties h2{margin:0 0 6px;font-size:16px}table.middelen.combinatie{margin-bottom:14px}table.middelen.combinatie thead input{font-weight:600}table.middelen.combinatie thead input:not(.code-invoer){width:100%;max-width:420px}table.middelen.combinatie select{width:auto;max-width:none}dialog.scherm.combinatie{max-width:min(560px,95vw)}dialog.scherm.combinatie select{width:280px}dialog.scherm .regels-tekst{white-space:normal;overflow-wrap:anywhere;margin:8px 0}dialog.scherm.combinatie form>p.klein:last-child{max-width:480px}