:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body,#root{color:#111827;background:#fff;width:100%;height:100%;margin:0;padding:0}h1{font-size:1.25rem}input,select,textarea{color:#111827;background:#fff}.ral-kiezer{max-width:460px;margin-bottom:1.1rem}.ral-kiezer-kop{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.ral-kiezer-titel{color:#0f172a;font-size:.95rem;font-weight:700}.ral-kiezer-gekozen{color:#64748b;white-space:nowrap;align-items:center;gap:.4rem;font-size:.82rem;display:inline-flex}.ral-kiezer-bolletje{border:1px solid #0f172a26;border-radius:999px;width:16px;height:16px}.ral-kiezer-grid{flex-wrap:wrap;gap:8px;display:flex}.ral-kiezer-rondje{cursor:pointer;border:1px solid #0f172a1f;border-radius:999px;width:34px;height:34px;padding:0;transition:transform .1s,box-shadow .1s;box-shadow:0 1px 2px #0f172a1f}.ral-kiezer-rondje:hover{transform:scale(1.08)}.ral-kiezer-rondje--actief{box-shadow:0 0 0 3px #fff,0 0 0 5px #0f172a}.app-shell{flex-direction:column;width:100vw;height:100vh;display:flex}.top-bar{color:#fff;background:#1d4ed8;flex-shrink:0;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex}.top-bar-title{font-size:1.1rem;font-weight:600}.top-bar-back{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff6;border-radius:.375rem;padding:.4rem .7rem;font-family:inherit;font-size:.8rem;font-weight:600}.main-row{flex:1;min-height:0;display:flex}.side-nav{box-sizing:border-box;background:#f9fafb;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:.6rem;width:168px;padding:1rem .75rem;display:flex;overflow-y:auto}.side-nav-item{text-align:center;cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:.375rem;padding:.6rem .5rem;font-family:inherit;font-size:.85rem;font-weight:600}.side-nav-item.active{background:#1e3a8a}.side-nav-item-dark{background:#111827}.viewport{flex:1;min-width:0;position:relative}.bestaande-woning-toggle{z-index:10;color:#111827;cursor:pointer;background:#ffffffeb;border:1px solid #0000001a;border-radius:.375rem;padding:.5rem .85rem;font-family:inherit;font-size:.8rem;font-weight:600;position:absolute;top:12px;left:12px;box-shadow:0 1px 4px #00000026}.maatvoering-toggle{z-index:10;color:#111827;cursor:pointer;background:#ffffffeb;border:1px solid #0000001a;border-radius:.375rem;padding:.5rem .85rem;font-family:inherit;font-size:.8rem;font-weight:600;position:absolute;top:56px;left:12px;box-shadow:0 1px 4px #00000026}.foto-standpunt-knop{z-index:10;color:#111827;cursor:pointer;background:#ffffffeb;border:1px solid #0000001a;border-radius:.375rem;padding:.5rem .85rem;font-family:inherit;font-size:.8rem;font-weight:600;position:absolute;top:144px;left:12px;box-shadow:0 1px 4px #00000026}.gevelnamen-toggle{z-index:10;color:#111827;cursor:pointer;background:#ffffffeb;border:1px solid #0000001a;border-radius:.375rem;padding:.5rem .85rem;font-family:inherit;font-size:.8rem;font-weight:600;position:absolute;top:100px;left:12px;box-shadow:0 1px 4px #00000026}.viewport-caption{z-index:1;text-align:center;color:#9ca3af;pointer-events:none;font-size:.72rem;position:absolute;bottom:8px;left:0;right:0}.config-panel{box-sizing:border-box;background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:440px;min-height:0;display:flex}.config-panel-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:1.1rem 1.5rem .85rem}.config-panel-header h2{color:#111827;margin:0;font-size:1.05rem}.back-to-config{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-bottom:.5rem;padding:0;font-family:inherit;font-size:.8rem;font-weight:600}.config-panel-content{flex-direction:column;flex:1;gap:1.1rem;min-height:0;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.config-panel-content label{color:#374151;flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.config-panel-content input[type=range]{width:100%}.config-panel-content select,.config-panel-content input[type=number],.config-panel-content input[type=date],.config-panel-content input[type=text],.config-panel-content input[type=email],.config-panel-content input[type=tel],.config-panel-content textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.4rem .5rem;font-family:inherit;font-size:.85rem;font-weight:400}.config-panel-content textarea{resize:vertical;min-height:4.5rem}.klant-gegevens-rij{gap:1.1rem;display:flex}.klant-gegevens-rij label{flex:1}.toggle-row{color:#374151;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.boeiboord-zijden{flex-direction:column;gap:.5rem;display:flex}.boeiboord-zijden-label{color:#374151;font-size:.85rem;font-weight:600}.toggle{flex-shrink:0;width:2.25rem;height:1.25rem;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#d1d5db;border-radius:999px;transition:background-color .15s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:1rem;height:1rem;transition:transform .15s;position:absolute;top:.125rem;left:.125rem;box-shadow:0 1px 2px #00000040}.toggle input:checked+.toggle-slider{background:#10b981}.toggle input:checked+.toggle-slider:before{transform:translate(1rem)}.price-status{background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:baseline;padding:.85rem 1.5rem;display:flex}.price-status span{color:#6b7280;font-size:.8rem;font-weight:600}.price-status strong{color:#111827;font-size:1.05rem}.price-status-toggle{color:#111827;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:1.05rem}.price-status-toggle:hover{text-decoration:underline}.config-section{border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;gap:1rem;padding:1rem;display:flex}.config-section h3{text-transform:uppercase;letter-spacing:.03em;color:#6b7280;margin:0;font-size:.75rem;font-weight:700}.field-with-unit{display:flex}.field-with-unit input{color:#111827;background:#fff;border:1px solid #d1d5db;border-right:none;border-radius:.375rem 0 0 .375rem;width:100%;min-width:0;padding:.4rem .5rem;font-family:inherit;font-size:.85rem}.getal-pijltjes{background:#f9fafb;border:1px solid #d1d5db;border-right:none;flex-direction:column;display:flex}.getal-pijltjes button{color:#374151;cursor:pointer;background:0 0;border:none;flex:1;padding:0 .4rem;font-size:.55rem;line-height:1}.getal-pijltjes button:hover{background:#e5e7eb}.getal-pijltjes button+button{border-top:1px solid #d1d5db}.field-with-unit span{color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db;border-radius:0 .375rem .375rem 0;align-items:center;padding:0 .6rem;font-size:.8rem;display:flex}.step-nav{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;gap:.75rem;padding:1rem 1.5rem;display:flex}.step-nav-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.55rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:600}.step-nav-button:disabled{opacity:.4;cursor:not-allowed}.step-nav-button-primary{color:#fff;background:#2563eb;border-color:#2563eb}.download-bouwraming-btn{cursor:pointer;color:#fff;background:#15803d;border:none;border-radius:.375rem;align-self:flex-start;padding:.6rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600}.download-bouwraming-btn:disabled{cursor:not-allowed;background:#9ca3af}.download-voorwaarden-btn{background:#1e3a5f;margin-top:.5rem;margin-bottom:.75rem}.quote-content{flex-direction:column;gap:1rem;display:flex}.quote-category{margin-bottom:1rem}.quote-stelpost-badge{color:#92400e;background:#fef3c7;border-radius:4px;margin-bottom:.35rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.quote-category-header{color:#111827;text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid #e5e7eb;justify-content:space-between;margin-bottom:.35rem;padding-bottom:.25rem;font-size:.8rem;font-weight:700;display:flex}.quote-line{color:#374151;grid-template-columns:1fr auto auto auto;gap:.5rem;padding:.2rem 0;font-size:.8rem;display:grid}.quote-line-desc{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quote-line-qty{color:#6b7280;white-space:nowrap}.quote-line-total{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.quote-line-desc-input{width:100%;font:inherit;color:inherit;background:0 0;border:1px solid #0000;border-radius:4px;padding:.1rem .3rem}.quote-line-qty-inputs{white-space:nowrap;align-items:center;gap:.25rem;display:flex}.quote-line-aantal-input{width:3.4rem;font:inherit;color:inherit;text-align:right;background:0 0;border:1px solid #0000;border-radius:4px;padding:.1rem .2rem}.quote-line-eenheid-input{width:4rem;font:inherit;color:inherit;background:0 0;border:1px solid #0000;border-radius:4px;padding:.1rem .2rem}.quote-line-desc-input:hover,.quote-line-desc-input:focus,.quote-line-aantal-input:hover,.quote-line-aantal-input:focus,.quote-line-eenheid-input:hover,.quote-line-eenheid-input:focus{background:#fff;border-color:#d0cdc5}.quote-line-override-badge{background:#1c4fa0;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:4px;display:inline-block}.quote-totals{border-top:1px solid #e5e7eb;padding-top:.75rem}.quote-totals-row{color:#374151;justify-content:space-between;padding:.2rem 0;font-size:.85rem;display:flex}.quote-totals-final{color:#111827;border-top:1px solid #d1d5db;margin-top:.35rem;padding-top:.5rem;font-size:1rem;font-weight:700}.price-management{flex:1;min-width:0;min-height:0;display:flex}.price-category-nav{box-sizing:border-box;background:#f9fafb;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:.25rem;width:220px;padding:.75rem;display:flex;overflow-y:auto}.price-category-item{text-align:left;cursor:pointer;color:#374151;background:0 0;border:none;border-radius:.375rem;padding:.5rem .6rem;font-family:inherit;font-size:.8rem;font-weight:600}.price-category-item:hover{background:#f3f4f6}.price-category-item.active{color:#1e3a8a;background:#dbeafe}.price-management-content{box-sizing:border-box;color:#111827;background:#fff;flex:1;min-width:0;padding:1.5rem 2rem;overflow-y:auto}.price-subcategory-nav{background:#f3f4f6;border-radius:.5rem;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;padding:.75rem;display:flex}.price-subcategory-item{cursor:pointer;color:#fff;background:#6b7280;border:none;border-radius:.375rem;padding:.5rem .9rem;font-family:inherit;font-size:.8rem;font-weight:600}.price-subcategory-item:hover{background:#4b5563}.price-subcategory-item.active{background:#374151}.price-management-banner{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:.375rem;margin-bottom:1rem;padding:.6rem .9rem;font-size:.8rem;font-weight:600}.price-management-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.price-management-header h2{color:#111827;margin:0;font-size:1.15rem}.price-offerte-toggle{gap:1.25rem;margin-bottom:1rem;display:flex}.price-offerte-toggle label{color:#6b7280;cursor:pointer;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.price-offerte-toggle-actief{color:#15803d}.price-table-uitgesloten{opacity:.4}.price-table-uitgesloten td{color:#9ca3af}.reset-prices-button{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .9rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.reset-prices-button-bevestigd{color:#047857;background:#ecfdf5;border-color:#34d399}.price-settings-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;max-width:640px;display:grid}.price-settings-grid label{color:#374151;flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.price-input-unit{display:flex}.price-input-unit input{color:#111827;background:#fff;border:1px solid #d1d5db;border-right:none;border-radius:.375rem 0 0 .375rem;width:100%;min-width:0;padding:.4rem .5rem;font-family:inherit;font-size:.85rem}.price-input-unit span{color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db;border-radius:0 .375rem .375rem 0;align-items:center;padding:0 .6rem;font-size:.8rem;display:flex}.price-table{border-collapse:collapse;width:100%;font-size:.82rem}.price-table th{text-align:left;text-transform:uppercase;letter-spacing:.02em;color:#6b7280;border-bottom:1px solid #e5e7eb;padding:.4rem .5rem;font-size:.72rem}.price-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:.3rem .5rem}.price-table input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.3rem;width:6rem;padding:.3rem .4rem;font-family:inherit;font-size:.82rem}.price-table-unit{color:#9ca3af;white-space:nowrap}.price-table-title-input{color:#111827;resize:vertical;field-sizing:content;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:.3rem;width:100%;min-width:28rem;min-height:2.1rem;padding:.4rem .5rem;font-family:inherit;font-size:.95rem;line-height:1.35}.price-zoek{align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.price-zoek input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;flex:1;max-width:34rem;padding:.55rem .75rem;font-family:inherit;font-size:.95rem}.price-zoek-cat{color:#2563eb;margin-bottom:.2rem;font-size:.72rem}.price-zoek-info{color:#6b7280;font-size:.82rem}.price-management-hint{color:#9ca3af;margin-top:1.25rem;font-size:.78rem}.price-table-eigen-regel td{background:#eff6ff}.price-eigen-regel-verwijder{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-family:inherit;font-size:.75rem}.price-eigen-regel-verwijder:hover{color:#dc2626}.price-verwijderde-posten{margin-top:.75rem}.price-verwijderde-posten-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:.2rem 0;font-family:inherit;font-size:.8rem}.price-verwijderde-posten-toggle:hover{color:#374151}.price-verwijderde-posten-lijst{flex-direction:column;gap:.35rem;margin:.4rem 0 0;padding:0;list-style:none;display:flex}.price-verwijderde-posten-lijst li{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.35rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem .6rem;font-size:.82rem;display:flex}.price-verwijderde-posten-lijst button{color:#2563eb;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2563eb;border-radius:.3rem;padding:.2rem .6rem;font-family:inherit;font-size:.78rem;font-weight:600}.price-verwijderde-posten-lijst button:hover{background:#eff6ff}.price-nieuwe-regel{margin-top:.75rem}.price-nieuwe-regel-button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:.375rem;padding:.55rem 1rem;font-family:inherit;font-size:.85rem;font-weight:700}.price-nieuwe-regel-button:hover{background:#1d4ed8}.price-nieuwe-regel-formulier{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;flex-wrap:wrap;align-items:flex-end;gap:.6rem;padding:.75rem;display:flex}.price-nieuwe-regel-formulier>input[type=text]{border:1px solid #d1d5db;border-radius:.3rem;flex:14rem;padding:.4rem .5rem;font-family:inherit;font-size:.82rem}.price-nieuwe-regel-formulier label{color:#6b7280;flex-direction:column;gap:.2rem;font-size:.72rem;display:flex}.price-nieuwe-regel-formulier label input{border:1px solid #d1d5db;border-radius:.3rem;width:6rem;padding:.4rem .5rem;font-family:inherit;font-size:.82rem}.price-nieuwe-regel-acties{gap:.5rem;margin-left:auto;display:flex}.price-nieuwe-regel-acties button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.45rem .8rem;font-family:inherit;font-size:.8rem;font-weight:600}.price-nieuwe-regel-opslaan{color:#fff;background:#2563eb;border:none}.gevel-preview-wrap{z-index:5;box-sizing:border-box;background:#f3f4f6;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:2rem;display:flex;position:absolute;inset:0}.gevel-preview-caption{color:#9ca3af;font-size:.72rem}.gevel-preview{width:100%;max-width:min(90%,900px);max-height:90%;position:relative;box-shadow:0 4px 16px #00000026}.gevel-kozijn{box-sizing:border-box;background:#e5e7eb;border:7px solid #fff;position:absolute;box-shadow:0 1px 4px #00000040}.gevel-vak{box-sizing:border-box;border:4px solid #fff;position:absolute}.gevel-vak-draairichting{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gevel-vak-draairichting line,.gevel-vak-draairichting circle,.gevel-vak-draairichting polygon{stroke:#1c1917;fill:#1c1917;fill-opacity:.85;stroke-opacity:.85;vector-effect:non-scaling-stroke}.gevel-vak-draairichting line{fill:none;stroke-width:2px}.gevel-vak-draairichting-licht line,.gevel-vak-draairichting-licht circle,.gevel-vak-draairichting-licht polygon{stroke:#f5f5f4;fill:#f5f5f4}.gevel-vak-draairichting-streepje{stroke-dasharray:none}.gevel-vak-schuifrichting-pijlpunt{stroke:none}.gevel-vak:last-child{border-right:none}.gevel-vak-raam,.gevel-vak-schuifraam,.gevel-vak-schuifpui{background:linear-gradient(160deg,#dbeafe,#bfdbfe)}.gevel-vak-deur,.gevel-vak-dubbele_deur{background:#f5f5f4}.gevel-vak-vouwwand{background:repeating-linear-gradient(90deg,#dbeafe,#dbeafe 20%,#bfdbfe 20% 22%)}.gevel-vak-harmonicadeur{background:linear-gradient(160deg,#dbeafe,#bfdbfe)}.dubbele-deur-segment{box-sizing:border-box;border-right:2px solid #1c191766;position:absolute;top:0;bottom:0}.dubbele-deur-segment:last-child{border-right:none}.dubbele-deur-segment-vast{background:linear-gradient(160deg,#dbeafe,#bfdbfe)}.dubbele-deur-segment-vleugel{background:#f5f5f4}.dubbele-deur-maatvoering{text-align:center;color:#375a7a;white-space:nowrap;pointer-events:none;margin-bottom:6px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem;position:absolute;bottom:100%}.dubbele-deur-maatvoering:after{content:"";border-top:1px solid #8ab6d6;margin-top:4px;position:absolute;top:100%;left:3%;right:3%}.dubbele-deur-breedte-opbouw-form{color:#5a6472;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem}.gevel-vak-ventilatierooster{pointer-events:none;height:10%;position:absolute;top:6%;left:20%;right:20%}.gevel-vak-ventilatierooster-lamel{background:#1c1917bf;height:2px;position:absolute;left:0;right:0;transform:translateY(-50%)}.kozijn-nieuw-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.375rem;align-self:flex-start;padding:.5rem .9rem;font-family:inherit;font-size:.8rem;font-weight:600}.kozijn-lijst-leeg{color:#9ca3af;font-size:.8rem}.kozijn-overlap-melding{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:.375rem;margin:0;padding:.6rem .8rem;font-size:.82rem;font-weight:600}.kozijn-lijst{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.kozijn-lijst-item{align-items:center;gap:.4rem;display:flex}.kozijn-lijst-item-naam{text-align:left;color:#111827;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;flex:1;padding:.5rem .7rem;font-family:inherit;font-size:.82rem}.kozijn-lijst-item-verwijder{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.4rem .55rem;font-family:inherit;font-size:.75rem}.typologie-kiezer{flex-direction:column;gap:.6rem;display:flex}.typologie-optie{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:0}.typologie-thumbnail{gap:2px;height:4.5rem;padding:.5rem;display:flex}.typologie-thumbnail .gevel-vak{flex:1;min-width:0;height:auto;position:static}.typologie-thumbnail .gevel-vak:last-child{border-right:none}.kozijn-formulier{flex-direction:column;gap:.85rem;display:flex}.kozijn-formulier h4{color:#111827;margin:0;font-size:.85rem}.kozijn-vak-rij{background:#fafafa;border:1px solid #f3f4f6;border-radius:.375rem;flex-direction:column;gap:.6rem;padding:.6rem;display:flex}.kozijn-formulier-acties{justify-content:flex-end;gap:.6rem;display:flex}.artus-product-tegels{flex-wrap:wrap;gap:.4rem;display:flex}.artus-product-tegel{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;flex:1;min-width:5.5rem;padding:.6rem .4rem;font-family:inherit;font-size:.72rem;font-weight:600}.artus-product-tegel-actief{color:#fff;background:#111827;border-color:#111827}.artus-radio-lijst{flex-direction:column;gap:.4rem;display:flex}.artus-radio-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.5rem .65rem;font-family:inherit;display:flex;position:relative}.artus-radio-card-actief{border-width:2px;border-color:#111827}.artus-radio-card-titel{color:#111827;font-size:.82rem;font-weight:600}.artus-radio-card-subtitel{color:#6b7280;font-size:.72rem}.artus-radio-card-rechts{color:#6b7280;font-size:.72rem;position:absolute;top:.5rem;right:.65rem}.artus-kleur-grid{flex-wrap:wrap;gap:.5rem;display:flex}.artus-kleur-swatch{cursor:pointer;color:#fff;text-shadow:0 0 2px #0009;border:1px solid #d1d5db;border-radius:.4rem;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:.8rem;display:flex}.artus-kleur-swatch-actief{border-width:2px;border-color:#111827}.artus-dimensie-slider{flex-direction:column;gap:.25rem;display:flex}.artus-dimensie-slider-kop{color:#111827;flex-direction:column;align-items:flex-start;gap:.3rem;font-size:.8rem;display:flex}.artus-dimensie-slider-kop .field-with-unit{width:100%}.artus-dimensie-slider-kop .field-with-unit input{width:100%;min-width:0;padding:.55rem .7rem;font-size:1rem}.artus-dimensie-slider-grenzen{color:#9ca3af;justify-content:space-between;font-size:.68rem;display:flex}.artus-oppervlakte-label{color:#6b7280;font-size:.78rem}.artus-vakken-editor{flex-direction:column;gap:.6rem;display:flex}.artus-stepper-row{justify-content:space-between;align-items:center;flex-direction:row!important;display:flex!important}.artus-stepper{align-items:center;gap:.5rem;display:flex}.artus-stepper span{text-align:center;color:#111827;min-width:1.2rem;font-weight:600}.artus-stepper button{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;width:1.6rem;height:1.6rem;font-size:.9rem;line-height:1}.artus-stepper button:disabled{opacity:.4;cursor:not-allowed}.artus-paneel-lijst{flex-direction:column;gap:.4rem;display:flex}.artus-paneel-rij{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.artus-paneel-label{color:#6b7280;flex-shrink:0;width:3.5rem;font-size:.78rem}.artus-paneel-toggle{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;flex:1;padding:.3rem .6rem;font-family:inherit;font-size:.78rem;font-weight:600}.artus-paneel-toggle-actief{color:#fff;background:#111827;border-color:#111827}.artus-paneel-richting{flex-shrink:0;gap:.25rem;display:flex}.artus-paneel-richting button{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;width:1.75rem;height:1.6rem;font-size:.85rem}.artus-paneel-richting-actief{color:#fff!important;background:#111827!important;border-color:#111827!important}.artus-paneel-ventilatie{color:#6b7280;white-space:nowrap;cursor:pointer;flex-shrink:0;align-items:center;gap:.3rem;font-size:.72rem;display:flex}.artus-paneel-hint{color:#9ca3af;margin:0;font-size:.72rem}.artus-vakken-editor-kop{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.artus-vakken-editor-kop input{width:4rem}.artus-vak-rij{background:#fafafa;border:1px solid #f3f4f6;border-radius:.375rem;flex-wrap:wrap;align-items:flex-end;gap:.5rem;padding:.5rem;display:flex}.artus-vak-vergrendel-knop{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;height:fit-content;padding:.35rem .55rem;font-family:inherit;font-size:.72rem;font-weight:600}.artus-vakken-editor-voet{color:#6b7280;justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.artus-vakken-som-afwijkend{color:#b91c1c;font-weight:600}.artus-verdeel-gelijk-knop{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.3rem .6rem;font-family:inherit;font-size:.72rem;font-weight:600}.artus-prijsoverzicht{background:#fafafa}.artus-prijsregel{color:#374151;justify-content:space-between;font-size:.78rem;display:flex}.artus-prijsregel-totaal{color:#111827;border-top:1px solid #e5e7eb;padding-top:.4rem;font-weight:700}.artus-prijsregel-indicatie{color:#9ca3af}.artus-prijsoverzicht-noot{color:#9ca3af;margin:0;font-size:.68rem}.artus-blueprint{z-index:2;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;flex-direction:column;flex-shrink:0;align-items:center;gap:.4rem;padding:1.5rem 1rem .75rem;display:flex;position:sticky;top:0;box-shadow:0 4px 6px -2px #00000014}.artus-blueprint-maat-breedte{color:#3b82c4;font-family:ui-monospace,monospace;font-size:.7rem}.artus-blueprint-rij{justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.artus-blueprint-maat-hoogte{writing-mode:vertical-rl;color:#3b82c4;white-space:nowrap;font-family:ui-monospace,monospace;font-size:.7rem;transform:rotate(180deg)}.artus-blueprint-vlak{box-sizing:border-box;background:#e5e7eb;border:3px solid #6b7280;width:100%;max-width:300px;max-height:260px;position:relative}.artus-blueprint-caption{letter-spacing:.04em;text-transform:uppercase;color:#9ca3af;font-size:.65rem}.adhoc-items-content h2{color:#111827;margin:0 0 .5rem;font-size:1.15rem}.adhoc-toelichting{color:#4b5563;max-width:640px;margin:0 0 1.25rem;font-size:.85rem;line-height:1.5}.adhoc-items-lijst{flex-direction:column;gap:.5rem;max-width:640px;margin-bottom:1rem;display:flex}.stelpost-hoofdstukken-lijst{flex-direction:column;gap:0;max-width:480px;display:flex}.stelpost-hoofdstukken-lijst .toggle-row{border-bottom:1px solid #e5e7eb;padding:.65rem 0}.stelpost-hoofdstukken-lijst .toggle-row:last-child{border-bottom:none}.adhoc-item-rij{background:#fafafa;border:1px solid #f3f4f6;border-radius:.375rem;flex-direction:column;gap:.4rem;padding:.5rem;display:flex}.adhoc-item-rij textarea{resize:vertical;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;width:100%;min-height:2.3rem;padding:.5rem .6rem;font-family:inherit;font-size:.85rem;line-height:1.4;overflow:hidden}.adhoc-item-rij-onder{align-items:center;gap:.6rem;display:flex}.adhoc-item-rij .field-with-unit{flex-shrink:0;width:9rem}.adhoc-item-rij select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;flex-shrink:0;padding:.5rem .4rem;font-family:inherit;font-size:.85rem}.adhoc-item-verwijder{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;flex-shrink:0;width:1.8rem;height:1.8rem;font-size:.8rem}.adhoc-lege-lijst{color:#9ca3af;font-size:.8rem}.adhoc-totaal{color:#111827;margin-top:1rem;font-size:.9rem;font-weight:600}.factuur-totaal-balk{color:#374151;background:#f3f4f6;border-radius:.5rem;justify-content:space-between;align-items:center;max-width:900px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.factuur-totaal-balk strong{color:#111827;font-size:1.05rem}.factuur-lijst{flex-direction:column;gap:.5rem;max-width:980px;margin-bottom:1rem;display:flex}.factuur-item-rij{grid-template-columns:2fr 6.5rem 8rem 8.5rem 9rem 9rem 2.2rem 1.8rem;align-items:center;gap:.6rem;display:grid}.factuur-pdf-tekst-toggle{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.4rem;font-family:inherit;font-size:.9rem}.factuur-pdf-tekst-paneel{grid-template-columns:repeat(3,1fr);gap:.6rem;padding:.6rem .1rem .2rem;display:grid}.factuur-pdf-tekst-paneel label{color:#6b7280;flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}.factuur-pdf-tekst-paneel input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .6rem;font-family:inherit;font-size:.85rem}.factuur-download-knop{color:#1d4ed8;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #1d4ed8;border-radius:.375rem;padding:.5rem .6rem;font-family:inherit;font-size:.78rem;font-weight:600}.factuur-download-knop:disabled{opacity:.6;cursor:default}.factuur-item-header{text-transform:uppercase;letter-spacing:.02em;color:#9ca3af;padding:0 .1rem;font-size:.75rem;font-weight:600}.factuur-item-rij input[type=text],.factuur-item-rij input[type=date],.factuur-item-rij select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem .6rem;font-family:inherit;font-size:.85rem}.factuur-bedrag{color:#111827;font-size:.85rem;font-weight:600}.factuur-acties{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.factuur-percentage-check{margin-top:1rem;font-size:.85rem;font-weight:600}.factuur-percentage-ok{color:#15803d}.factuur-percentage-fout{color:#b45309}.planning-startdatum{color:#374151;flex-direction:column;gap:.4rem;max-width:14rem;margin-bottom:1.5rem;font-size:.85rem;font-weight:600;display:flex}.planning-startdatum input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .6rem;font-family:inherit;font-size:.85rem}.planning-fase-lijst{flex-direction:column;gap:.5rem;max-width:980px;margin-bottom:1rem;display:flex}.planning-fase-rij{grid-template-columns:2fr 10rem 7rem 7.5rem 4rem 1.8rem;align-items:center;gap:.6rem;display:grid}.planning-fase-header{text-transform:uppercase;letter-spacing:.02em;color:#9ca3af;padding:0 .1rem;font-size:.75rem;font-weight:600}.planning-fase-rij input[type=text],.planning-fase-rij input[type=number],.planning-fase-rij input[type=date]{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem .6rem;font-family:inherit;font-size:.85rem}.planning-datum-veld{align-items:center;gap:.3rem;display:flex}.planning-datum-reset{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;flex-shrink:0;width:1.6rem;height:1.6rem;font-size:.85rem}.planning-einddatum{color:#111827;font-size:.85rem;font-weight:600}.planning-fase-volgorde{gap:.25rem;display:flex}.planning-fase-volgorde button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;width:1.6rem;height:1.6rem;font-size:.8rem}.planning-fase-volgorde button:disabled{color:#d1d5db;cursor:not-allowed}.planning-opmerkingen{color:#374151;flex-direction:column;gap:.4rem;max-width:640px;margin-top:1rem;font-size:.85rem;font-weight:600;display:flex}.planning-opmerkingen textarea{color:#111827;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .6rem;font-family:inherit;font-size:.85rem;font-weight:400}.bouwraming-fout{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;max-width:420px;margin-top:.5rem;padding:.6rem .8rem;font-size:.8rem}.aannemer-info-inhoud{color:#111827;flex:1;max-width:640px;padding:1.5rem 2rem;overflow-y:auto}.aannemer-info-blok{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1.5rem;padding:1rem 1.25rem}.aannemer-info-blok h3{margin-top:0;margin-bottom:.6rem;font-size:.95rem}.aannemer-info-uitleg{color:#6b7280;margin-bottom:.85rem;font-size:.82rem}.aannemer-info-geen-handtekening{color:#9ca3af;margin-bottom:.85rem;font-size:.85rem;font-style:italic}.aannemer-info-handtekening-preview{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;max-width:260px;max-height:120px;margin-bottom:.85rem;padding:.5rem;display:block}.aannemer-info-acties{gap:.6rem;display:flex}.aannemer-info-acties button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #93c5fd;border-radius:.375rem;padding:.5rem .9rem;font-family:inherit;font-size:.82rem;font-weight:600}.aannemer-info-verwijder{color:#b91c1c!important;border-color:#fecaca!important}.renovatie-lijst{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.renovatie-lijst-item{align-items:center;gap:.4rem;display:flex}.renovatie-lijst-item-naam{text-align:left;color:#111827;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;flex-direction:column;flex:1;align-items:flex-start;gap:.15rem;padding:.5rem .7rem;font-family:inherit;font-size:.82rem;font-weight:600;display:flex}.renovatie-lijst-item.actief .renovatie-lijst-item-naam{background:#eff6ff;border-color:#93c5fd}.renovatie-lijst-item-sub{color:#6b7280;font-size:.72rem;font-weight:400}.renovatie-lijst-item-verwijder{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.4rem .55rem;font-family:inherit;font-size:.75rem}.renovatie-nieuwe-kamer-rij{gap:.5rem;margin-top:.4rem;display:flex}.renovatie-nieuwe-kamer-rij select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;flex:1;padding:.4rem .5rem;font-family:inherit;font-size:.82rem}.renovatie-veld-rij-2{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.renovatie-veld-rij-3{grid-template-columns:1fr 1fr 1fr;gap:.6rem;display:grid}.renovatie-hint{color:#6b7280;margin:0;font-size:.78rem}.renovatie-palet{flex-wrap:wrap;gap:.35rem;display:flex}.renovatie-palet-knop{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.35rem .6rem;font-family:inherit;font-size:.75rem}.renovatie-palet-knop.actief{color:#fff;background:#111827;border-color:#111827}.renovatie-element-rij{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;flex-direction:column;gap:.4rem;padding:.5rem .6rem;font-size:.8rem;display:flex}.renovatie-element-rij-top{color:#111827;justify-content:space-between;align-items:center;font-weight:600;display:flex}.renovatie-element-knop{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.3rem;padding:.15rem .4rem;font-family:inherit;font-size:.8rem}.renovatie-element-verwijder{color:#b91c1c}.renovatie-element-maten{gap:.8rem;display:flex}.renovatie-element-maten label{color:#6b7280;flex-direction:column;gap:.2rem;font-size:.72rem;display:flex}.renovatie-element-maten input{width:4rem}.renovatie-verwijder-kamer{color:#b91c1c;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;align-self:flex-start;padding:.5rem .9rem;font-family:inherit;font-size:.8rem;font-weight:600}.renovatie-preview-kolom{flex-direction:column;flex:1;gap:.75rem;min-width:0;padding:1rem 1.25rem;display:flex;overflow:hidden}.renovatie-tabs{flex-shrink:0;gap:.4rem;display:flex}.renovatie-tabs button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .9rem;font-family:inherit;font-size:.82rem;font-weight:600}.renovatie-tabs button.tab-active{color:#fff;background:#111827;border-color:#111827}.renovatie-preview-inhoud{background:#f7f6f1;border-radius:.75rem;flex:1;min-height:0;padding:.6rem;overflow-y:auto}.renovatie-calculatie{padding:.5rem}.prijzen-tabel-renovatie{border-collapse:collapse;width:100%;font-size:.78rem}.prijzen-tabel-renovatie td{border-bottom:1px solid #f0eee7;padding:.35rem .25rem}.prijzen-tabel-renovatie td:last-child{text-align:right;white-space:nowrap}.renovatie-calculatie-kop td{background:#faf9f5;border-bottom:1px solid #e5e7eb;padding-top:.6rem;font-weight:600}.renovatie-calculatie-totaal td{border-top:1px solid #e5e7eb;border-bottom:none;padding-top:.5rem;font-weight:700}.m2-badge{color:#3b6d11;background:#eaf3de;border-radius:.5rem;margin-left:.2rem;padding:.05rem .4rem;font-size:.68rem;display:inline-block}.renovatie-samenvatting{color:#6b7280;flex-wrap:wrap;flex-shrink:0;gap:1rem;font-size:.78rem;display:flex}.renovatie-samenvatting strong{color:#111827;font-weight:600}.handtekening-canvas-wrap{flex-direction:column;gap:.5rem;display:flex}.handtekening-canvas{touch-action:none;cursor:crosshair;background:#fff;border:1px solid #d0cdc5;border-radius:8px;width:100%;max-width:480px;height:160px}.handtekening-canvas-acties{gap:.5rem;display:flex}.handtekening-canvas-opgeslagen{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.handtekening-canvas-preview{object-fit:contain;background:#fff;border:1px solid #d0cdc5;border-radius:8px;width:100%;max-width:480px;height:160px}.klant-handtekening-blok h3{color:#374151;margin:0 0 .35rem;font-size:.85rem;font-weight:700}.offerte-met-voorbeeld{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:1.5rem;width:100%;padding:1.5rem;display:grid}@media (width<=900px){.offerte-met-voorbeeld{grid-template-columns:minmax(0,1fr)}}.posten-zoekbalk{align-items:center;gap:10px;margin-bottom:.75rem;display:flex}.posten-zoekbalk input{background:#fff;border:1px solid #d0cdc5;border-radius:8px;flex:auto;max-width:420px;padding:8px 12px;font-size:.9rem}.posten-zoekbalk span{color:#5f5e5a;font-size:.8rem}.plattegrond-werkvlak{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:1.25rem;display:grid}.plattegrond-randlengtes{max-height:calc(100vh - 220px);padding-right:.25rem;overflow-y:auto}@media (width<=1100px){.plattegrond-werkvlak{grid-template-columns:minmax(0,1fr)}.plattegrond-randlengtes{max-height:none;overflow:visible}}.meerwerk-factureren{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin:1.25rem 0;padding:.75rem}.meerwerk-factuur-regel{border-bottom:1px solid #fde7d4;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;padding:.3rem 0;font-size:.88rem;font-weight:400;display:flex}.meerwerk-gefactureerd{color:#15803d;font-size:.8rem;font-weight:600}.meerwerk-geblokkeerd{color:#b45309;font-size:.8rem;font-weight:600}.wijzigingen-tabel{border-collapse:collapse;width:100%;font-size:.85rem}.wijzigingen-tabel th,.wijzigingen-tabel td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:.35rem .5rem}.wijzigingen-tabel th{background:#f8fafc;font-weight:600}.uitvoeringsversie-balk{color:#713f12;background:#fef9c3;border-bottom:1px solid #fde047;padding:.45rem 1rem;font-size:.9rem;font-weight:600}.uitvoeringsversie-balk.op-slot{color:#0f172a;background:#e2e8f0;border-bottom-color:#94a3b8}.uitvoeringsversie-balk span{color:#854d0e;margin-left:.5rem;font-weight:400}.stuur-klant-btn{background:#e8622c}.stuur-overlay{z-index:1000;background:#1118278c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.stuur-venster{color:#111827;background:#fff;border-radius:10px;flex-direction:column;width:min(1200px,100%);max-height:calc(100vh - 32px);display:flex;box-shadow:0 20px 50px #0000004d}.stuur-kop{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.stuur-kop h2{margin:0;font-size:1.2rem}.stuur-sluit{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:1.6rem;line-height:1}.stuur-inhoud{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;padding:16px 20px;display:grid;overflow:auto}.stuur-formulier{flex-direction:column;gap:10px;min-width:0;display:flex}.stuur-formulier label{flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;display:flex}.stuur-formulier input[type=text],.stuur-formulier textarea{box-sizing:border-box;width:100%;font:inherit;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.45rem .6rem;font-size:.9rem;font-weight:400}.stuur-formulier textarea{resize:vertical;line-height:1.5}.stuur-sjabloon-knoppen{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stuur-bijlagen{background:#fafaf9;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;font-size:.85rem;display:flex}.stuur-formulier .stuur-vink{flex-direction:row;align-items:center;gap:8px;font-weight:400}.stuur-voorbeeld{flex-direction:column;min-width:0;display:flex}.stuur-voorbeeld h3{margin:0 0 8px;font-size:1rem}.stuur-mailkop{overflow-wrap:anywhere;background:#f9fafb;border:1px solid #e5e7eb;border-bottom:none;border-radius:8px 8px 0 0;flex-direction:column;gap:4px;padding:10px 12px;font-size:.82rem;display:flex}.stuur-mailkop span{color:#6b7280;width:78px;display:inline-block}.stuur-bijlage-chips em{background:#fff;border:1px solid #d1d5db;border-radius:999px;margin:2px 6px 2px 0;padding:2px 8px;font-style:normal;display:inline-block}.stuur-mail-iframe{background:#f3f2ee;border:1px solid #e5e7eb;border-radius:0 0 8px 8px;flex:1;width:100%;min-height:460px}.stuur-voet{border-top:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px;display:flex}.stuur-extra-bijlage{align-items:center;gap:8px;min-width:0;display:flex}.stuur-extra-bijlage img{object-fit:cover;border:1px solid #e5e7eb;border-radius:4px;flex:none;width:36px;height:36px}.stuur-extra-bijlage a{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.stuur-extra-bijlage small{color:#6b7280;flex:none}.stuur-extra-bijlage button{cursor:pointer;color:#9ca3af;background:0 0;border:none;flex:none;font-size:1.2rem;line-height:1}.stuur-extra-bijlage button:hover{color:#b91c1c}.stuur-formulier .stuur-toevoegen{cursor:pointer;background:#fff;border:1px dashed #9ca3af;border-radius:6px;flex-direction:row;align-self:flex-start;align-items:center;padding:.4rem .8rem;font-weight:600;display:inline-flex}.stuur-toevoegen input{display:none}.stuur-ok{color:#15803d;font-weight:600}@media (width<=860px){.stuur-inhoud{grid-template-columns:minmax(0,1fr)}.stuur-mail-iframe{min-height:380px}}.crm-page{color:#2c2c2a;background:#f1efe8;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.crm-main{padding:20px}.crm-main h1{margin:0 0 2px;font-size:20px;font-weight:500}.crm-main h2.crm-subtitel{color:#5f5e5a;margin:0 0 16px;font-size:13px;font-weight:400}.crm-page select,.crm-page input[type=text],.crm-page input[type=tel],.crm-page input[type=email],.crm-page input[type=date],.crm-page textarea{color:#2c2c2a;background:#fff;border:1px solid #c9c6ba;border-radius:6px;height:34px;padding:0 8px;font-family:inherit;font-size:13px}.crm-page textarea{height:auto;padding:8px}.crm-page button{cursor:pointer;color:#2c2c2a;background:#fff;border:1px solid #c9c6ba;border-radius:6px;padding:7px 12px;font-family:inherit;font-size:13px}.crm-page button.crm-primary{color:#fff;background:#2c2c2a;border-color:#2c2c2a}.crm-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.crm-filters{flex-wrap:wrap;gap:8px;display:flex}.crm-hoofdlayout{align-items:flex-start;gap:14px;display:flex}.crm-zijkolom{background:#fff;border:1px solid #e0ddd3;border-radius:12px;flex-shrink:0;width:210px;padding:12px}.crm-rechterdeel{flex:1;min-width:0}.crm-viewtab.crm-actief{color:#fff;background:#2c2c2a;border-color:#2c2c2a}.crm-offertes-overzicht{background:#fff;border:1px solid #e0ddd3;border-radius:12px;padding:14px}.crm-offertes-overzicht table{border-collapse:collapse;width:100%;font-size:13px}.crm-offertes-overzicht th{text-align:left;color:#8a8578;border-bottom:1px solid #e0ddd3;padding:6px 8px;font-size:11px}.crm-offertes-overzicht td{cursor:pointer;border-bottom:1px solid #f0eee7;padding:8px}.crm-offertes-overzicht tr:hover td{background:#faf9f5}.crm-pipeline-rij{align-items:center;gap:6px;margin-bottom:8px;display:flex}.crm-pipeline-rij input{flex:1}.crm-pipeline-handvat{cursor:grab;-webkit-user-select:none;user-select:none;color:#6b7280;padding:2px 4px;font-size:18px;line-height:1}.crm-pipeline-sleept{opacity:.45}.crm-pipeline-over{box-shadow:0 -3px #2563eb}.crm-pipeline-over-onder{box-shadow:0 3px #2563eb}.crm-board{gap:12px;padding-bottom:12px;display:flex;overflow-x:auto}.crm-kolom{background:#eae8e0;border-radius:12px;flex:1 0 250px;min-width:250px;max-width:280px;padding:10px}.crm-kolom-header{justify-content:space-between;align-items:center;padding:4px 4px 10px;display:flex}.crm-kolom-titel{font-size:13px;font-weight:500}.crm-kolom-count{color:#8a8578;background:#fff;border-radius:10px;padding:1px 8px;font-size:11px}.crm-kolom-drop{border-radius:8px;min-height:60px;transition:background .15s}.crm-kolom-drop.crm-dragover{background:#ddd9cc}.crm-kaart{cursor:grab;background:#fff;border:1px solid #e0ddd3;border-radius:10px;margin-bottom:8px;padding:10px}.crm-kaart:active{cursor:grabbing}.crm-kaart-naam{align-items:center;margin-bottom:4px;font-size:13px;font-weight:500;display:flex}.crm-warmte-stip{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:6px;display:inline-block}.crm-kaart-offerte-indicator{flex-shrink:0;margin-left:6px;font-size:11px;line-height:1}.crm-badge{border-radius:10px;margin-bottom:4px;margin-right:4px;padding:2px 7px;font-size:10px;display:inline-block}.crm-badge-aanbouw{color:#0c447c;background:#e6f1fb}.crm-badge-dakkapel{color:#854f0b;background:#faeeda}.crm-badge-dakopbouw{color:#3b6d11;background:#eaf3de}.crm-kaart-bedrag{color:#1f6b3a;margin-bottom:4px;font-size:13px;font-weight:600}.crm-kaart-meta{color:#8a8578;margin-top:4px;font-size:11px}.crm-kaart-meta.crm-verlopen{color:#a32d2d;font-weight:500}.crm-kaart-bron{color:#5f5e5a;margin-top:4px;font-size:11px;font-style:italic}.crm-kaart-offerte-te-maken{color:#854f0b;background:#faeeda;border-radius:6px;margin-top:6px;padding:5px 7px;font-size:11px;font-weight:500}.crm-kaart-followup-bel{color:#a32d2d;background:#fdecec;border-radius:6px;margin-top:6px;padding:5px 7px;font-size:11px;font-weight:500}.crm-overlay{z-index:50;background:#2c2c2a73;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.crm-overlay.crm-open{display:flex}.crm-modal{background:#fff;border-radius:12px;width:100%;max-width:420px;max-height:90vh;padding:20px;overflow-y:auto}.crm-modal h3{margin:0 0 14px;font-size:16px;font-weight:500}.crm-field{margin-bottom:12px}.crm-field label{color:#5f5e5a;margin-bottom:4px;font-size:12px;display:block}.crm-field input,.crm-field select,.crm-field textarea{box-sizing:border-box;width:100%}.crm-modal-acties{gap:8px;margin-top:16px;display:flex}.crm-modal-acties button{flex:1}.crm-stage-knoppen{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.crm-stage-knoppen button{flex:1;padding:6px 4px;font-size:11px}.crm-stage-knoppen button.crm-actief{color:#fff;background:#2c2c2a;border-color:#2c2c2a}.crm-verwijder-link{color:#a32d2d;border-color:#e0c9c9;font-size:12px}.crm-hint{color:#8a8578;font-size:11px}.crm-foutmelding{color:#a32d2d;background:#fdecec;border:1px solid #f0c9c9;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.crm-periode-telling{color:#5f5e5a;background:#faf9f5;border-radius:6px;padding:6px 8px;font-size:12px}.sticky-scrollbalk-inhoud{scrollbar-width:none}.sticky-scrollbalk-inhoud::-webkit-scrollbar{display:none}.sticky-scrollbalk{z-index:5;background:#f5f3eef2;border-top:1px solid #e0ddd3;height:16px;position:sticky;bottom:0;overflow:auto hidden}.sticky-scrollbalk::-webkit-scrollbar{height:12px}.sticky-scrollbalk::-webkit-scrollbar-thumb{background:#b8b3a6;border-radius:6px}.sticky-scrollbalk::-webkit-scrollbar-thumb:hover{background:#8a8578}.crm-zoekbalk{background:#fff;border:1.5px solid #d7dce4;border-radius:12px;align-items:center;gap:10px;margin:0 0 14px;padding:0 12px;display:flex;box-shadow:0 2px 8px -4px #0f172a33}.crm-zoekbalk:focus-within{border-color:#1d6fe0}.crm-zoekbalk input{min-width:0;font:inherit;color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:1rem}.crm-zoekbalk-icoon{opacity:.6;font-size:1rem}.crm-zoekbalk-telling{color:#64748b;white-space:nowrap;font-size:.85rem}.crm-zoekbalk-wis{cursor:pointer;color:#475569;background:#eef1f5;border:none;border-radius:999px;width:28px;height:28px}.crm-main .crm-zoekbalk input{box-shadow:none;background:0 0;border:none;border-radius:0;padding:12px 0}.crm-main .crm-zoekbalk .crm-zoekbalk-wis{width:28px;height:28px;box-shadow:none;background:#eef1f5;border:none;border-radius:999px;padding:0}.publiek-pagina{color:#1a2233;max-width:1180px;margin:0 auto;padding:2rem 1.5rem 4rem;font-family:Segoe UI,system-ui,sans-serif}@media (width>=1024px){.publiek-pagina{max-width:1560px;padding:2.75rem 3rem 5rem}.publiek-merktitel{font-size:1.9rem}.publiek-layout{gap:3rem}.publiek-wizardkaart{border-radius:26px;min-height:520px;padding:2.5rem}.publiek-sectietitel{font-size:1.65rem}.publiek-sectiesubtitel{font-size:1.05rem}.publiek-veldlabel{font-size:1.15rem}.publiek-veldinhoud select,.publiek-veldinhoud input[type=number],.publiek-veldinhoud input[type=text],.publiek-schuifveld,.publiek-keuzekaarten{max-width:460px}.publiek-schuifveld-getal{width:9rem;font-size:1.7rem}.publiek-volgende-knop{padding:1rem 2.1rem;font-size:1.05rem}.publiek-terug-knop{width:3.4rem;height:3.4rem;font-size:1.2rem}}.publiek-merktitel{color:#0f172a;margin:0 0 1.5rem;font-size:1.6rem;font-weight:700}.publiek-layout{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}@media (width<=860px){.publiek-layout{grid-template-columns:minmax(0,1fr)}}.publiek-configuratie{flex-direction:column;gap:1rem;display:flex;position:sticky;top:1.5rem}@media (width<=860px){.publiek-configuratie{z-index:5;background:#fff;margin:-.75rem 0 0;padding:.75rem 0 .5rem;position:sticky;top:0;box-shadow:0 8px 12px -10px #0f172a59}}.publiek-preview{aspect-ratio:4/3;background:linear-gradient(#eaf2fb 0%,#dce8f5 100%);border-radius:20px;width:100%;overflow:hidden;box-shadow:0 12px 30px -14px #0f172a40}.publiek-prijs{color:#0f3d78;background:#eef6ff;border:1px solid #d7e8fc;border-radius:16px;padding:1.1rem 1.4rem;font-size:1.05rem}.publiek-prijs strong{color:#0b2d5c;font-size:1.5rem}.publiek-prijs-btw{color:#5c7ea3;font-size:.85rem}@media (width<=860px){.publiek-preview{aspect-ratio:16/9}.publiek-prijs{border-radius:12px;padding:.45rem .8rem;font-size:.8rem}.publiek-prijs strong{font-size:.95rem}.publiek-prijs-btw{font-size:.7rem}}.publiek-wizardkaart{background:#fff;border:1px solid #eceff3;border-radius:22px;flex-direction:column;min-height:420px;padding:1.75rem;display:flex;box-shadow:0 18px 40px -24px #0f172a4d}.publiek-voortgang{background:#e7eaf0;border-radius:999px;width:100%;height:6px;margin-bottom:1.5rem;overflow:hidden}.publiek-voortgang-vulling{background:#0f172a;border-radius:999px;height:100%;transition:width .35s}.publiek-stap{flex-direction:column;flex:1;gap:.6rem;display:flex}.publiek-sectietitel{color:#0f172a;margin:0;font-size:1.35rem;font-weight:700}.publiek-sectiesubtitel{color:#64748b;margin:0 0 .75rem;font-size:.95rem}.publiek-veldkop{justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.publiek-veldlabel{color:#0f172a;font-size:1.05rem;font-weight:700}.publiek-badge{white-space:nowrap;border-radius:999px;padding:.25rem .7rem;font-size:.75rem;font-weight:600}.publiek-badge--verplicht{color:#fff;background:#0f172a}.publiek-badge--optioneel{color:#475569;background:#eef1f5}.publiek-veldinhoud{flex:1;margin-top:.85rem}.publiek-veldinhoud label{color:#0f172a;flex-direction:column;gap:.3rem;max-width:360px;margin-bottom:.9rem;font-size:.9rem;font-weight:600;display:flex}.publiek-veldinhoud label:last-child{margin-bottom:0}.publiek-veldinhoud select,.publiek-veldinhoud input[type=number],.publiek-veldinhoud input[type=text]{font:inherit;box-sizing:border-box;background:#fff;border:1.5px solid #d7dce4;border-radius:14px;width:100%;max-width:360px;padding:.75rem 1rem;font-size:1rem}.publiek-veldinhoud select:focus,.publiek-veldinhoud input:focus{border-color:#0f172a;outline:none}.publiek-schuifveld{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem .5rem;max-width:420px;display:grid}.publiek-schuifveld-getal{font:inherit;color:#0f172a;background:#f1f4f8;border:none;border-radius:14px;grid-column:1/-1;width:8rem;padding:.65rem 1rem;font-size:1.5rem;font-weight:700}.publiek-schuifveld-min,.publiek-schuifveld-max{color:#94a3b8;font-size:.85rem;font-style:italic}.publiek-schuifveld-slider{accent-color:#0f172a;width:100%}.publiek-keuzekaarten{flex-direction:column;gap:.75rem;max-width:420px;display:flex}.publiek-keuzekaart{cursor:pointer;border:1.5px solid #e2e6ec;border-radius:16px;align-items:flex-start;gap:.75rem;padding:.9rem 1.1rem;transition:border-color .15s,background .15s;display:flex}.publiek-keuzekaart:hover{border-color:#b9c2cf}.publiek-keuzekaart--actief{background:#f8fafc;border-color:#0f172a}.publiek-keuzekaart input[type=radio]{accent-color:#0f172a;margin-top:.2rem}.publiek-keuzekaart-tekst{color:#475569;flex-direction:column;gap:.2rem;font-size:.92rem;display:flex}.publiek-keuzekaart-tekst strong{color:#0f172a;font-size:1rem}.publiek-kozijn-keuze{flex-direction:column;gap:1.5rem;display:flex}.publiek-kozijn-melding{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;margin:0 0 1rem;padding:.65rem .9rem;font-size:.85rem}.publiek-kozijn-tegels{grid-template-columns:repeat(2,1fr);gap:.9rem;display:grid}.publiek-kozijn-tegel{cursor:pointer;font:inherit;background:#fff;border:1.5px solid #e2e6ec;border-radius:16px;flex-direction:column;align-items:center;gap:.6rem;padding:.9rem;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.publiek-kozijn-tegel:hover{border-color:#b9c2cf}.publiek-kozijn-tegel--actief{background:#f8fafc;border-color:#0f172a;box-shadow:0 0 0 1.5px #0f172a}.publiek-kozijn-tegel-svg{aspect-ratio:5/3;width:100%}.publiek-kozijn-tegel-kader{fill:#eaf2fb;stroke:#64748b;stroke-width:1.5px}.publiek-kozijn-tegel-lijn{stroke:#64748b;stroke-width:1.5px}.publiek-kozijn-tegel-pijl line,.publiek-kozijn-tegel-pijl polygon{stroke:#0f172a;fill:#0f172a}.publiek-kozijn-tegel-pijl line{stroke-width:2px}.publiek-kozijn-tegel-scharnier line{stroke:#0f172a;stroke-width:1.5px;fill:none}.publiek-kozijn-tegel-vouw line{stroke:#0f172a;stroke-width:1.2px;fill:none;opacity:.75}.publiek-kozijn-tegel-label{color:#0f172a;text-align:center;font-size:.85rem;font-weight:600}.publiek-kleur-titel{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.publiek-kleur-tegels{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.publiek-kleur-tegel{cursor:pointer;font:inherit;background:#fff;border:1.5px solid #e2e6ec;border-radius:14px;align-items:center;gap:.6rem;padding:.7rem .9rem;transition:border-color .15s,background .15s;display:flex}.publiek-kleur-tegel:hover{border-color:#b9c2cf}.publiek-kleur-tegel--actief{background:#f8fafc;border-color:#0f172a}.publiek-kleur-tegel--uit{opacity:.4;cursor:not-allowed}.publiek-kleur-swatch{border:1.5px solid #d7dce4;border-radius:50%;flex-shrink:0;width:1.6rem;height:1.6rem}.publiek-kleur-tegel-label{color:#0f172a;text-align:left;font-size:.85rem;font-weight:600}.publiek-mini-veld{flex-direction:column;gap:.4rem;margin-bottom:1.1rem;display:flex}.publiek-mini-veld-label{color:#475569;font-size:.85rem;font-weight:600}.publiek-mini-knoppen{flex-wrap:wrap;gap:.5rem;display:flex}.publiek-mini-knop{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e6ec;border-radius:10px;padding:.5rem .9rem;font-size:.88rem;transition:border-color .15s,background .15s,color .15s}.publiek-mini-knop:hover{border-color:#b9c2cf}.publiek-mini-knop--actief{color:#fff;background:#0f172a;border-color:#0f172a}.publiek-teller{align-items:center;gap:.6rem;display:inline-flex}.publiek-teller-knop{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:999px;width:2.75rem;height:2.75rem;font-size:1.25rem;font-weight:700;line-height:1}.publiek-schuifveld-pijlen{grid-column:1/-1}.publiek-schuifveld-pijlwaarde{min-width:7.5rem;font-size:1.5rem}.publiek-teller-knop:disabled{opacity:.35;cursor:default}.publiek-teller-waarde{text-align:center;color:#0f172a;min-width:3.5rem;font-size:1.05rem;font-weight:700}.publiek-veldinhoud .publiek-checkbox-rij{color:#0f172a;cursor:pointer;flex-direction:row;align-items:center;gap:.6rem;max-width:none;margin-bottom:.6rem;font-size:.92rem;font-weight:400;display:flex}.publiek-checkbox-rij input[type=checkbox],.publiek-checkbox-rij input[type=radio]{accent-color:#0f172a;cursor:pointer;width:1.1rem;height:1.1rem}.publiek-checkbox-rijen-horizontaal{flex-wrap:wrap;gap:.4rem 1.4rem;display:flex}.publiek-checkbox-rijen-horizontaal .publiek-checkbox-rij{margin-bottom:0}.publiek-veld-hint{color:#475569;margin:.9rem 0 .3rem;font-size:.85rem;font-weight:600}.publiek-navigatie{align-items:center;gap:.9rem;margin-top:1.75rem;display:flex}.publiek-terug-knop{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:999px;flex-shrink:0;width:3rem;height:3rem;font-size:1.1rem;transition:border-color .15s}.publiek-terug-knop:hover{border-color:#0f172a}.publiek-volgende-knop{color:#fff;cursor:pointer;background:#1d6fe0;border:none;border-radius:999px;padding:.85rem 1.75rem;font-size:1rem;font-weight:700;transition:background .15s,transform .1s;box-shadow:0 10px 22px -10px #1d6fe099}.publiek-volgende-knop:hover{background:#1558b8}.publiek-volgende-knop:active{transform:translateY(1px)}.publiek-volgende-knop:disabled{opacity:.6;cursor:default;box-shadow:none}.publiek-skip-contact-knop{color:#1d6fe0;cursor:pointer;background:0 0;border:none;margin:1rem auto 0;padding:0;font-size:.85rem;font-weight:600;text-decoration:underline;display:block}.publiek-skip-contact-knop:hover{color:#1558b8}.publiek-veld{color:#0f172a;flex-direction:column;gap:.35rem;max-width:420px;font-size:.9rem;font-weight:600;display:flex}.publiek-veld input,.publiek-veld textarea{font:inherit;resize:vertical;box-sizing:border-box;border:1.5px solid #d7dce4;border-radius:14px;width:100%;min-width:0;padding:.7rem .9rem;font-size:1rem}.publiek-veld input:focus,.publiek-veld textarea:focus{border-color:#0f172a;outline:none}.publiek-veldfout{color:#b91c1c;font-size:.82rem;font-weight:500}.publiek-veld input[aria-invalid=true]{border-color:#dc2626}.publiek-fout{color:#b91c1c;font-size:.9rem}.publiek-veld-rij{gap:.75rem;max-width:420px;display:flex}.publiek-veld-rij .publiek-veld{min-width:0;max-width:none}.publiek-veld-rij .publiek-veld:first-child{flex:2}.publiek-veld-rij .publiek-veld:last-child{flex:1}.publiek-adres-status{color:#64748b;margin:-.5rem 0 0;font-size:.82rem}.publiek-bedankt{text-align:center;padding-top:6rem}.publiek-bedankt-logo{height:64px;margin-bottom:1.5rem}.publiek-bedankt-knop{margin-top:1.5rem;text-decoration:none;display:inline-block}.publiek-bedankt h1{color:#0f172a;font-size:1.8rem}@media (width<=860px){.publiek-pagina{padding:1rem .9rem 3rem}.publiek-merktitel{margin-bottom:.9rem;font-size:1.3rem}.publiek-wizardkaart{border-radius:18px;min-height:0;padding:1.15rem 1rem}.publiek-voortgang{margin-bottom:1rem}.publiek-sectietitel{font-size:1.15rem}.publiek-sectiesubtitel{margin-bottom:.4rem;font-size:.88rem}.publiek-navigatie{gap:.7rem;margin-top:1.25rem}.publiek-terug-knop{width:2.75rem;height:2.75rem;font-size:1rem}.publiek-volgende-knop{padding:.7rem 1.35rem;font-size:.95rem}.publiek-skip-contact-knop{text-align:center;font-size:.8rem}.publiek-mini-knop{padding:.45rem .75rem;font-size:.84rem}.publiek-kleur-tegel{border-radius:12px;gap:.45rem;min-width:0;padding:.5rem .6rem}.publiek-kleur-tegel-label{overflow-wrap:anywhere}.publiek-kleur-swatch{width:1.25rem;height:1.25rem}.publiek-kleur-tegel-label{font-size:.78rem;line-height:1.25}.publiek-kozijn-tegels{gap:.6rem}.publiek-kozijn-tegel{border-radius:14px;padding:.6rem}.publiek-kozijn-tegel-label{font-size:.8rem}.publiek-bedankt{padding-top:3rem}.publiek-bedankt h1{font-size:1.4rem}.publiek-layout--contact .publiek-configuratie{box-shadow:none;position:static}.publiek-pagina:not(.publiek-bedankt){box-sizing:border-box;height:100dvh;padding:.45rem .6rem calc(.45rem + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}.publiek-merktitel{flex:none;margin:0 0 .35rem .15rem;font-size:1rem}.publiek-layout{flex-direction:column;flex:1;align-items:stretch;gap:.45rem;min-height:0;display:flex}.publiek-configuratie{box-shadow:none;background:0 0;flex:none;gap:0;margin:0;padding:0;position:relative}.publiek-preview{aspect-ratio:auto;height:36dvh;min-height:170px;box-shadow:none;border-radius:14px}.publiek-prijs{pointer-events:none;white-space:nowrap;background:#ffffffeb;border-radius:10px;padding:.3rem .6rem;font-size:.75rem;position:absolute;bottom:.45rem;left:.45rem;box-shadow:0 2px 8px #0f172a2e}.publiek-prijs strong{font-size:.95rem}.publiek-wizardkaart{border-radius:14px;flex:1;min-height:0;padding:.65rem .75rem .55rem;box-shadow:0 6px 18px -12px #0f172a59}.publiek-voortgang{flex:none;height:4px;margin-bottom:.5rem}.publiek-stap{gap:.2rem;min-height:0}.publiek-sectietitel{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.72rem;font-weight:700}.publiek-sectiesubtitel{display:none}.publiek-veldkop{margin-top:0}.publiek-veldlabel{font-size:1rem}.publiek-badge{padding:.15rem .5rem;font-size:.65rem}.publiek-veldinhoud{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;margin-top:.4rem;overflow-y:auto}.publiek-veldinhoud label{gap:.2rem;margin-bottom:.5rem;font-size:.82rem}.publiek-veldinhoud select,.publiek-veldinhoud input[type=number],.publiek-veldinhoud input[type=text]{border-radius:10px;padding:.45rem .7rem}.publiek-schuifveld{gap:.3rem .5rem}.publiek-schuifveld-getal{border-radius:10px;padding:.4rem .7rem;font-size:1.1rem}.publiek-schuifveld-min,.publiek-schuifveld-max{font-size:.72rem}.publiek-keuzekaarten{gap:.4rem}.publiek-keuzekaart{border-radius:12px;gap:.5rem;padding:.5rem .7rem}.publiek-keuzekaart-tekst{gap:.05rem;font-size:.8rem}.publiek-keuzekaart-tekst strong{font-size:.9rem}.publiek-mini-veld{gap:.25rem;margin-bottom:.55rem}.publiek-mini-veld-label{font-size:.78rem}.publiek-mini-knoppen{gap:.35rem}.publiek-mini-knop{border-radius:9px;padding:.4rem .65rem;font-size:.82rem}.publiek-teller-knop{width:2.4rem;height:2.4rem}.publiek-veldinhoud .publiek-checkbox-rij{margin-bottom:.35rem;font-size:.86rem}.publiek-veld-hint{margin:.4rem 0 .2rem;font-size:.78rem}.publiek-kozijn-keuze{gap:.6rem}.publiek-kozijn-tegels{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.publiek-kozijn-tegel{border-radius:10px;gap:.25rem;padding:.35rem .25rem}.publiek-kozijn-tegel-label{font-size:.66rem;line-height:1.15}.publiek-kleur-tegels{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.publiek-kleur-tegel{border-radius:10px;gap:.3rem;padding:.35rem .4rem}.publiek-kleur-tegel-label{font-size:.7rem}.publiek-kozijn-melding{margin-bottom:.4rem;padding:.4rem .6rem;font-size:.78rem}.publiek-navigatie{flex:none;gap:.5rem;margin-top:.45rem}.publiek-terug-knop{width:2.75rem;height:2.75rem}.publiek-volgende-knop{min-height:2.75rem;box-shadow:none;flex:1;padding:.55rem 1rem}.publiek-skip-contact-knop{flex:none;margin-top:.35rem;font-size:.72rem}.publiek-layout--contact .publiek-preview{height:16dvh;min-height:90px}form.publiek-stap{overscroll-behavior:contain;gap:.35rem;overflow-y:auto}.publiek-veld{gap:.15rem;font-size:.8rem}.publiek-veld input,.publiek-veld textarea{border-radius:10px;padding:.45rem .7rem}.publiek-veld textarea{height:3.2rem}.publiek-adres-status{margin:0;font-size:.75rem}.publiek-merktitel{display:none}.publiek-veldinhoud .publiek-mini-veld{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.25rem .5rem;margin-bottom:.4rem}.publiek-veldinhoud .publiek-mini-veld-label{color:#0f172a;flex:7rem;min-width:0}.publiek-veldinhoud .publiek-mini-knoppen{justify-content:flex-end}.publiek-schuifveld{grid-template-columns:auto minmax(0,1fr);max-width:none}.publiek-schuifveld-getal,.publiek-schuifveld-pijlen{grid-area:1/1}.publiek-schuifveld-getal{width:5.6rem}.publiek-schuifveld-slider{grid-area:1/2}.publiek-schuifveld-min,.publiek-schuifveld-max{display:none}.publiek-schuifveld-pijlwaarde{min-width:4.6rem;font-size:1rem}.publiek-teller{gap:.3rem}.publiek-teller-knop{width:2.2rem;height:2.2rem;font-size:.95rem}.publiek-skip-lang{display:none}}@media (width>=861px){.publiek-skip-kort{display:none}}.publiek-kleur-gekozen{display:none}@media (width<=860px){.publiek-kleur-gekozen{color:#475569;font-weight:500;display:inline}.publiek-kleur-titel{font-size:.8rem}.publiek-kleur-tegels{grid-template-columns:repeat(6,minmax(0,1fr));gap:.3rem}.publiek-kleur-tegel{justify-content:center;padding:.3rem 0}.publiek-kleur-tegel-label{display:none}.publiek-kleur-swatch{width:1.7rem;height:1.7rem}.publiek-veldinhoud label{max-width:none}.publiek-mini-veld>.publiek-schuifveld{flex:100%}.publiek-preview{height:clamp(140px,31dvh,300px);min-height:0}.publiek-veldinhoud .artus-dimensie-slider{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;margin-bottom:.4rem;display:grid}.publiek-veldinhoud .artus-dimensie-slider-kop{align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:flex}.publiek-veldinhoud .artus-dimensie-slider-kop>span{min-width:3.4rem}.publiek-veldinhoud .artus-dimensie-slider .field-with-unit{align-items:center;gap:.2rem;display:flex}.publiek-veldinhoud .artus-dimensie-slider .field-with-unit input{border-radius:10px;width:4.8rem;max-width:none;padding:.4rem .5rem}.publiek-veldinhoud .artus-dimensie-slider .field-with-unit span{color:#64748b;font-size:.75rem}.publiek-veldinhoud .artus-dimensie-slider input[type=range]{accent-color:#0f172a;width:100%}.publiek-veldinhoud .artus-dimensie-slider-grenzen{display:none}.publiek-veldinhoud .publiek-veld-hint,.publiek-veldinhoud p{margin:.15rem 0 .35rem;font-size:.74rem;font-weight:500;line-height:1.3}.publiek-veldinhoud select{font-size:16px}.publiek-layout--contact .publiek-preview{height:13dvh;min-height:70px}.publiek-veld textarea{height:2.6rem}form.publiek-stap .publiek-sectietitel{text-transform:none;letter-spacing:0;color:#0f172a;font-size:1rem}.publiek-veldinhoud .publiek-mini-veld>.publiek-schuifveld{flex:1 1 0;min-width:0}.publiek-veldinhoud .publiek-mini-veld:has(>.publiek-schuifveld)>.publiek-mini-veld-label{flex:0 0 3.4rem}.publiek-teller-knop{width:2rem;height:2rem;font-size:.85rem}.publiek-teller-waarde{min-width:2.4rem;font-size:.95rem}form.publiek-stap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:.35rem .5rem;display:grid}form.publiek-stap>*{grid-column:1/-1;max-width:none}form.publiek-stap>[data-veld=naam],form.publiek-stap>[data-veld=telefoon],form.publiek-stap>[data-veld=straat],form.publiek-stap>[data-veld=plaats]{grid-column:auto}form.publiek-stap .publiek-veld-rij{max-width:none}}@media (width<=860px) and (height<=760px){.publiek-preview{height:clamp(120px,27dvh,220px)}.publiek-stap>.publiek-sectietitel{display:none}.publiek-voortgang{margin-bottom:.4rem}.publiek-wizardkaart{padding:.5rem .65rem .45rem}.publiek-volgende-knop{min-height:2.5rem;padding:.45rem 1rem}.publiek-terug-knop{width:2.5rem;height:2.5rem}.publiek-veldinhoud .publiek-mini-veld{margin-bottom:.3rem}.publiek-mini-knop{padding:.35rem .55rem}.publiek-layout--contact .publiek-preview{height:10dvh;min-height:56px}}@media (width<=860px){.publiek-checkbox-rijen-horizontaal{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.35rem .5rem;display:grid}.publiek-checkbox-rijen-horizontaal .publiek-checkbox-rij{font-size:.82rem}.publiek-veldinhoud .publiek-mini-veld:has(>.publiek-schuifveld .publiek-schuifveld-pijlen){flex-wrap:wrap}.publiek-veldinhoud .publiek-mini-veld:has(>.publiek-schuifveld .publiek-schuifveld-pijlen)>.publiek-mini-veld-label{flex:100%}.publiek-layout--contact .publiek-configuratie{position:relative}.publiek-volgende-knop{white-space:nowrap;font-size:.9rem}.publiek-layout--contact .publiek-prijs{box-shadow:none;background:#eef6ff;margin-top:.3rem;position:static}.publiek-pagina{--publiek-preview-h:clamp(140px, 31dvh, 300px);--publiek-contact-h:13dvh}.publiek-preview{height:var(--publiek-preview-h)}.publiek-layout--contact .publiek-preview{height:var(--publiek-contact-h);min-height:56px}.publiek-layout--contact .publiek-preview>*{margin-top:calc((var(--publiek-contact-h) - var(--publiek-preview-h)) / 2);height:var(--publiek-preview-h)!important}}@media (width<=860px) and (height<=760px){.publiek-pagina{--publiek-preview-h:clamp(120px, 27dvh, 220px);--publiek-contact-h:10dvh}}@media (width<=860px){.publiek-configuratie:not(.x) .publiek-prijs{text-align:right;background:#ffffffe0;border-radius:8px;padding:.2rem .5rem;font-size:.68rem;line-height:1.25;bottom:.4rem;left:auto;right:.4rem}.publiek-configuratie:not(.x) .publiek-prijs strong{font-size:.85rem}.publiek-configuratie:not(.x) .publiek-prijs-btw{font-size:.62rem}}.offerte-pagina{--offerte-oranje:#e87722;--offerte-oranje-donker:#cc6519;--offerte-tekst:#1a2233;--offerte-grijs:#64748b;--offerte-rand:#e2e6ec;min-height:100vh;color:var(--offerte-tekst);box-sizing:border-box;background:#f5f6f8;padding:2.5rem 1.5rem 4rem;font-family:Segoe UI,system-ui,sans-serif}.offerte-pagina *,.offerte-pagina :before,.offerte-pagina :after{box-sizing:border-box}.offerte-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:1.5rem;max-width:1040px;margin:0 auto;display:grid}.offerte-kaart,.offerte-blok{background:#fff;border:1px solid #eceff3;border-radius:22px;box-shadow:0 18px 40px -24px #0f172a4d}.offerte-kaart{padding:2.25rem}.offerte-logo{width:auto;height:54px;margin-bottom:1.5rem;display:block}.offerte-titel{color:var(--offerte-oranje);margin:0 0 .4rem;font-size:1.6rem;font-weight:700}.offerte-subtitel{color:var(--offerte-grijs);margin:0 0 1.75rem;font-size:.98rem;line-height:1.5}.offerte-rij{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.offerte-veld{flex-direction:column;gap:.35rem;min-width:0;margin-bottom:1.1rem;display:flex}.offerte-label{color:var(--offerte-tekst);font-size:.9rem;font-weight:600}.offerte-verplicht{color:var(--offerte-oranje)}.offerte-veld input,.offerte-veld select,.offerte-veld textarea{width:100%;min-width:0;font:inherit;color:var(--offerte-tekst);background:#fff;border:1.5px solid #d7dce4;border-radius:12px;outline:none;padding:.7rem .9rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.offerte-veld textarea{resize:vertical;min-height:7rem}.offerte-veld input::placeholder,.offerte-veld textarea::placeholder{color:#a8b1be;opacity:1}.offerte-veld input:focus,.offerte-veld select:focus,.offerte-veld textarea:focus{border-color:var(--offerte-oranje);box-shadow:0 0 0 3px #e8772226}.offerte-veld--fout input,.offerte-veld--fout select,.offerte-veld--fout textarea,.offerte-veld--fout .offerte-upload{border-color:#dc2626}.offerte-foutmelding{color:#dc2626;font-size:.82rem;font-weight:500}.offerte-upload{width:100%;color:var(--offerte-grijs);font:inherit;cursor:pointer;background:#fafbfc;border:1.5px dashed #cfd6df;border-radius:12px;flex-direction:column;align-items:center;gap:.2rem;padding:1.1rem;font-size:.9rem;transition:border-color .15s,background .15s;display:flex}.offerte-upload:hover,.offerte-upload:focus-visible{border-color:var(--offerte-oranje);background:#fff8f2;outline:none}.offerte-upload-icoon{font-size:1.5rem}.offerte-upload small{color:#94a3b8;font-size:.78rem}.offerte-verborgen{display:none}.offerte-bestandsnaam{color:var(--offerte-oranje);overflow-wrap:anywhere;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;display:flex}.offerte-bestand-weg{color:var(--offerte-grijs);cursor:pointer;background:0 0;border:none;padding:.15rem .35rem;font-size:.9rem}.offerte-privacy{margin:.4rem 0 1.25rem}.offerte-privacy-rij{color:#475569;cursor:pointer;align-items:flex-start;gap:.65rem;font-size:.88rem;line-height:1.5;display:flex}.offerte-privacy-rij input{width:1.1rem;height:1.1rem;accent-color:var(--offerte-oranje);flex-shrink:0;margin-top:.15rem}.offerte-privacy--fout .offerte-privacy-rij{color:#991b1b}.offerte-privacy .offerte-foutmelding{margin:.3rem 0 0 1.75rem;display:block}.offerte-verzendfout{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:0 0 1rem;padding:.7rem .9rem;font-size:.9rem}.offerte-knop{background:var(--offerte-oranje);color:#fff;width:100%;font:inherit;text-align:center;cursor:pointer;border:none;border-radius:999px;padding:.9rem 1.5rem;font-size:1.02rem;font-weight:700;text-decoration:none;transition:background .15s,transform .1s;display:block;box-shadow:0 10px 22px -10px #e87722b3}.offerte-knop:hover{background:var(--offerte-oranje-donker)}.offerte-knop:active{transform:translateY(1px)}.offerte-knop:disabled{opacity:.65;cursor:default;box-shadow:none}.offerte-knop--link{width:auto;margin-top:1.5rem;display:inline-block}.offerte-voetnoot{text-align:center;color:#94a3b8;margin:.85rem 0 0;font-size:.84rem}.offerte-succes{text-align:center;padding:1.5rem 0 .5rem}.offerte-succes-icoon{margin-bottom:1rem;font-size:3rem;line-height:1}.offerte-succes h1{color:var(--offerte-oranje);margin:0 0 .5rem;font-size:1.5rem}.offerte-succes p{color:#475569;max-width:30rem;margin:0 auto;line-height:1.6}.offerte-zijbalk{flex-direction:column;gap:1rem;display:flex;position:sticky;top:1.5rem}.offerte-blok{padding:1.5rem}.offerte-blok h2{color:var(--offerte-tekst);margin:0 0 1.1rem;font-size:1.05rem;line-height:1.4}.offerte-vertrouwen{flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.offerte-vertrouwen li{color:#475569;align-items:flex-start;gap:.75rem;font-size:.92rem;line-height:1.5;display:flex}.offerte-vertrouwen li>span:first-child{flex-shrink:0;font-size:1.15rem;line-height:1.3}.offerte-vertrouwen strong{color:var(--offerte-tekst)}.offerte-reviews{text-align:center}.offerte-sterren{letter-spacing:.08em;color:#fbbc04;margin-bottom:.25rem;font-size:1.5rem}.offerte-ster-half{background:linear-gradient(90deg,#fbbc04 50%,#d7dce4 50%);color:#0000;-webkit-background-clip:text;background-clip:text}.offerte-reviews p{color:#475569;margin:0;font-size:.92rem}.offerte-reviews strong{color:var(--offerte-tekst)}@media (width<=820px){.offerte-pagina{padding:1rem .9rem 3rem}.offerte-layout{grid-template-columns:minmax(0,1fr);gap:1rem}.offerte-kaart{border-radius:18px;padding:1.25rem 1rem}.offerte-logo{height:44px;margin-bottom:1.1rem}.offerte-titel{font-size:1.3rem}.offerte-subtitel{margin-bottom:1.25rem;font-size:.9rem}.offerte-zijbalk{position:static}.offerte-blok{border-radius:18px;padding:1.15rem 1rem}}@media (width<=520px){.offerte-rij{grid-template-columns:minmax(0,1fr);gap:0}}