:root{--bg-app: #f8fafc;--bg-sidebar: #ffffff;--bg-panel: #ffffff;--bg-card: #ffffff;--bg-card-alt: #f8fafc;--bg-input: #ffffff;--bg-hover: #f1f5f9;--bg-active: #e2e8f0;--bg-overlay: rgba(15, 23, 42, .5);--border-light: #f1f5f9;--border-default: #e2e8f0;--border-strong: #cbd5e1;--border-dark: #94a3b8;--border-focus: #0284c7;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-subtle: #94a3b8;--text-inverse: #ffffff;--color-primary: #0284c7;--color-primary-hover: #0369a1;--color-primary-dark: #075985;--color-primary-subtle: #f0f9ff;--color-primary-border: #bae6fd;--color-roof: #ea580c;--color-roof-hover: #c2410c;--color-roof-bg: #fff7ed;--color-roof-border: #fed7aa;--color-wall: #2563eb;--color-wall-hover: #1d4ed8;--color-wall-bg: #eff6ff;--color-wall-border: #bfdbfe;--color-shared: #64748b;--color-shared-bg: #f8fafc;--color-shared-border: #e2e8f0;--color-ground: #16a34a;--color-ground-bg: #f0fdf4;--color-ground-border: #bbf7d0;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-warning-border: #fde68a;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-error-border: #fecaca;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--header-height: 56px;--sidebar-width: 440px;--touch-target: 38px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea,a,[role=button],[role=radio],.clickable,.seg-btn,.preset-pill,.reclassify-btn,.dak-depth-pill,.isde-pill-btn,.stepper-btn,.btn-m2-step,.dak-opt-btn,.bodem-opt-btn,.spouw-option-btn,.empty-preset-card,.sidebar-tab-btn,.hud-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,[role=button],[role=radio],.seg-btn,.preset-pill,.btn-m2-step,.stepper-btn{user-select:none;-webkit-user-select:none}input[type=text],input[type=number],input[type=search],textarea{user-select:text;-webkit-user-select:text}html,body{width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app);border-left:1px solid var(--border-default)}::-webkit-scrollbar-thumb{background:var(--border-strong)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}#app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--bg-app)}#app-header{height:var(--header-height);background:#fff;border-bottom:1px solid var(--border-default);z-index:100;flex-shrink:0;box-shadow:0 1px 2px #00000008}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);gap:var(--space-3)}.header-left{display:flex;align-items:center;gap:var(--space-3)}.header-icon-btn{background:#fff;border:1px solid var(--border-default);color:var(--text-secondary);width:var(--touch-target);height:var(--touch-target);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease}.header-icon-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.header-icon-btn.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.logo-mark{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border-default);box-shadow:0 1px 2px #0000000a}.logo-text{display:flex;flex-direction:column}.brand-title{font-size:14px;font-weight:800;letter-spacing:.05em;color:var(--text-primary);line-height:1.1}.brand-accent{color:var(--color-primary)}.brand-subtitle{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.header-center{display:flex;align-items:center;gap:var(--space-2)}.quick-examples{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-app);padding:3px 6px;border:1px solid var(--border-default)}.examples-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-right:2px}.example-chip{background:#fff;border:1px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-sans);font-size:11px;font-weight:600;padding:3px 8px;cursor:pointer;transition:all .12s ease-in-out}.example-chip:hover{background:var(--color-primary-subtle);border-color:var(--color-primary-border);color:var(--color-primary-dark)}.header-right{display:flex;align-items:center;gap:var(--space-3)}.status-badge{display:inline-flex;align-items:center;gap:6px;background:var(--bg-app);border:1px solid var(--border-default);padding:4px 8px;font-size:11px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.status-dot{width:6px;height:6px;background:var(--border-dark)}.status-dot.online{background:#16a34a;box-shadow:0 0 0 2px #16a34a33}.mobile-tabs-header{display:none;gap:4px}.mobile-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid var(--border-default);padding:5px 12px;height:var(--touch-target);font-size:12px;font-weight:700;color:var(--text-secondary);cursor:pointer}.mobile-tab.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}#main-content{display:flex;flex:1;overflow:hidden;height:calc(100vh - var(--header-height));position:relative}#sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-default);display:flex;flex-direction:column;overflow:visible;position:relative;z-index:40;box-shadow:2px 0 8px #00000005;transition:margin-left .22s cubic-bezier(.16,1,.3,1),width .22s cubic-bezier(.16,1,.3,1),min-width .22s cubic-bezier(.16,1,.3,1),max-width .22s cubic-bezier(.16,1,.3,1)}#sidebar.collapsed{margin-left:calc(-1 * var(--sidebar-width))!important;border-right:none}#sidebar.collapsed>*:not(.sidebar-edge-tab){opacity:0!important;visibility:hidden!important;pointer-events:none!important}#sidebar.collapsed .panel,#sidebar.collapsed .results-scroll-area,#sidebar.collapsed #address-section{display:none!important}.sidebar-edge-tab{position:absolute;top:14px;right:-24px;width:24px;height:44px;background:#fff;border:1px solid var(--border-default);border-left:none;box-shadow:2px 1px 4px #0000000f;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;z-index:45;transition:all .12s ease}.sidebar-edge-tab:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.results-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.panel{padding:var(--space-4) var(--space-5);background:var(--bg-panel);border-bottom:1px solid var(--border-default);width:100%}.panel:last-child{border-bottom:none}.panel-headline{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-light)}.panel-title-wrap{display:flex;align-items:center;gap:var(--space-2)}.panel-step{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--color-primary);background:var(--color-primary-subtle);border:1px solid var(--color-primary-border);padding:1px 5px}.panel-headline h2{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}.btn-ghost-sm{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);font-size:11px;font-weight:600;padding:4px 8px;cursor:pointer;transition:all .12s ease}.btn-ghost-sm:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.address-form-root{width:100%}.address-inputs-grid{display:grid;grid-template-columns:minmax(130px,1.8fr) minmax(70px,1fr) minmax(60px,.9fr);gap:8px;width:100%;margin-bottom:12px}.form-field-unit{min-width:0;display:flex;flex-direction:column;gap:4px}.form-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap}.input-wrapper{width:100%;min-width:0}.form-input{width:100%;min-width:0;background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;font-weight:600;padding:8px 12px;height:var(--touch-target);transition:border-color .12s ease,box-shadow .12s ease;outline:none}.form-input:hover{border-color:var(--border-dark)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus);background:#fff}.form-input::placeholder{color:var(--text-subtle);font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;height:var(--touch-target);border:1px solid transparent;cursor:pointer;transition:all .12s ease-in-out;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--text-primary);color:#fff;border-color:var(--text-primary);width:100%}.btn-primary:hover{background:var(--color-primary);border-color:var(--color-primary)}.btn-primary:active{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-primary:disabled{background:var(--border-strong);border-color:var(--border-strong);color:var(--text-muted);cursor:not-allowed}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-tab-nav{display:flex;background:var(--bg-app);border-bottom:1px solid var(--border-default);padding:6px 12px 0;gap:4px;position:sticky;top:0;z-index:10}.sidebar-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;background:transparent;border:1px solid transparent;border-bottom:none;font-family:var(--font-sans);font-size:11.5px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .12s ease;border-radius:4px 4px 0 0}.sidebar-tab-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-tab-btn.active{background:#fff;color:var(--color-primary);border-color:var(--border-default);border-bottom:2px solid var(--color-primary);box-shadow:0 -2px 6px #00000005}.building-header-box{background:var(--bg-app);border:1px solid var(--border-default);padding:10px 12px;margin-bottom:var(--space-3);border-radius:4px}.building-main-address{font-size:14.5px;font-weight:800;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:6px}.building-tags-row{display:flex;flex-wrap:wrap;gap:5px}.data-chip{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--border-default);padding:2px 7px;font-size:10.5px;border-radius:3px}.data-chip .chip-lbl{font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.data-chip .chip-val{font-family:var(--font-mono);font-weight:700;color:var(--text-primary)}.typology-chip{background:#f0f9ff;border-color:#bae6fd}.typology-chip .chip-lbl{color:#0284c7}.typology-chip .chip-val{color:#0369a1;font-family:var(--font-sans)}.typology-chip.is-tussenwoning{background:#f8fafc;border-color:#cbd5e1}.data-chip.is-monument{background:#fffbeb;border-color:#fde68a}.data-chip.is-monument .chip-lbl{color:#d97706}.data-chip.is-monument .chip-val{color:#92400e}.data-chip.is-solar{background:#f0fdf4;border-color:#bbf7d0}.data-chip.is-solar .chip-lbl{color:#16a34a}.data-chip.is-solar .chip-val{color:#15803d}.data-chip.is-natura{background:#fef2f2;border-color:#fecaca}.data-chip.is-natura .chip-lbl{color:#dc2626}.data-chip.is-natura .chip-val{color:#991b1b}.hero-calc-card{background:#fff;border:1px solid var(--border-default);border-radius:6px;margin-bottom:10px;overflow:hidden;box-shadow:0 1px 4px #00000008;transition:border-color .15s ease}.hero-calc-card.roof-card{border-left:3.5px solid #ea580c}.hero-calc-card.wall-card{border-left:3.5px solid #0284c7}.hero-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.hero-card-title-group{display:flex;align-items:center;gap:10px}.hero-card-icon{font-size:20px;line-height:1}.hero-card-title{margin:0;font-size:13.5px;font-weight:800;color:var(--text-primary)}.hero-card-sub{font-size:10.5px;color:var(--text-muted);font-weight:500;display:block;margin-top:1px}.hero-card-metric{display:flex;flex-direction:column;align-items:flex-end}.hero-metric-num{font-family:var(--font-mono);font-size:20px;font-weight:800;color:var(--text-primary);line-height:1}.hero-metric-unit{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-top:2px}.calc-accordion{border-top:1px solid var(--border-light);background:#fafafa}.calc-accordion-summary{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:11px;font-weight:700;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;transition:background .12s ease}.calc-accordion-summary::-webkit-details-marker{display:none}.calc-accordion-summary:hover{background:#f1f5f9;color:var(--color-primary)}.calc-accordion-summary .summary-arrow{transition:transform .15s ease}.calc-accordion[open] .calc-accordion-summary .summary-arrow{transform:rotate(180deg)}.calc-table{border-top:1px solid var(--border-light);background:#fff}.calc-row{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--border-light);font-size:11.5px}.calc-row:last-child{border-bottom:none}.calc-row.highlight-row{background:#fafafa;color:var(--text-secondary);font-size:11px}.calc-row .sub-info{font-size:9.5px;color:var(--text-muted);font-weight:500;margin-left:2px}.calc-row.netto-row{border-top:2px solid var(--border-strong);font-weight:700;font-size:12px}.calc-row.netto-row.roof-netto{background:var(--color-roof-bg);color:#9a3412;border-top-color:var(--color-roof-border)}.calc-row.netto-row.roof-netto .calc-value{color:var(--color-roof)}.calc-row.netto-row.wall-netto{background:var(--color-wall-bg);color:#1e40af;border-top-color:var(--color-wall-border)}.calc-row.netto-row.wall-netto .calc-value{color:var(--color-wall)}.calc-label{color:var(--text-secondary);display:flex;align-items:center;gap:4px}.calc-value{font-family:var(--font-mono);font-size:12.5px;font-weight:700;color:var(--text-primary);text-align:right;white-space:nowrap}.calc-value .unit{font-size:9.5px;font-weight:500;color:var(--text-muted);margin-left:2px}.minimal-building-header{padding-bottom:10px;border-bottom:1px solid var(--border-light);margin-bottom:12px}.minimal-address-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.minimal-address{font-size:14px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.01em}.minimal-badge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:3px}.badge-monument{background:#fee2e2;color:#991b1b}.badge-solar{background:#fef3c7;color:#92400e}.minimal-meta-sub{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);margin-top:3px;font-family:var(--font-sans)}.meta-dot{color:var(--border-strong)}.minimal-surfaces-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.minimal-surface-card{background:#fff;border:1px solid var(--border-default);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column}.minimal-surface-card.roof-card{border-left:3px solid #ea580c}.minimal-surface-card.wall-card{border-left:3px solid #0284c7}.surface-card-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.surface-card-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.surface-card-value-wrap{display:flex;align-items:baseline;gap:3px}.surface-card-number{font-family:var(--font-mono);font-size:20px;font-weight:900;color:var(--text-primary);line-height:1.1}.surface-card-unit{font-size:10px;font-weight:600;color:var(--text-muted)}.surface-card-hint{font-size:9.5px;color:var(--text-muted);margin-top:2px}.minimal-financial-strip{display:flex;align-items:center;justify-content:space-between;background:var(--bg-app);border:1px solid var(--border-default);border-radius:6px;padding:8px 12px}.fin-strip-col{display:flex;flex-direction:column}.fin-strip-lbl{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.fin-strip-val{font-family:var(--font-mono);font-size:12.5px;font-weight:800;color:var(--text-primary)}.fin-strip-val.highlight{color:#0284c7;font-size:13.5px}.fin-strip-divider{width:1px;height:22px;background:var(--border-default)}.minimal-calc-details{background:var(--bg-app);border:1px solid var(--border-default);border-radius:6px;overflow:hidden}.calc-row-section{font-size:9px;font-weight:800;letter-spacing:.05em;color:var(--text-muted);padding:6px 12px 2px;background:#f8fafc}.minimal-energy-hero{background:#fff;border:1px solid var(--border-default);border-left:3px solid #16a34a;border-radius:6px;padding:12px 14px;margin-bottom:10px}.energy-hero-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.energy-hero-amount{display:flex;align-items:baseline;gap:4px;margin:4px 0 10px}.energy-hero-amount .currency{font-size:18px;font-weight:800;color:#16a34a}.energy-hero-amount .num{font-family:var(--font-mono);font-size:24px;font-weight:900;color:#16a34a}.energy-hero-amount .unit{font-size:12px;font-weight:600;color:var(--text-muted)}.energy-hero-subgrid{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed var(--border-default);padding-top:8px}.energy-sub-item{display:flex;flex-direction:column}.energy-sub-item .sub-val{font-family:var(--font-mono);font-size:11.5px;font-weight:800;color:var(--text-primary)}.energy-sub-item .sub-lbl{font-size:9px;color:var(--text-muted)}.energy-sub-divider{width:1px;height:18px;background:var(--border-light)}.minimal-diagnose-list{display:flex;flex-direction:column;gap:6px}.minimal-diagnose-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border-default);border-radius:6px;padding:8px 12px}.diagnose-row-left{display:flex;flex-direction:column}.diagnose-row-title{font-size:11.5px;font-weight:700;color:var(--text-primary)}.diagnose-row-desc{font-size:10px;color:var(--text-muted)}.diagnose-pill{font-family:var(--font-mono);font-size:11px;font-weight:800;padding:2px 8px;border-radius:4px}.pill-green{background:#dcfce7;color:#15803d}.pill-orange{background:#ffedd5;color:#c2410c}.pill-gray{background:#f1f5f9;color:#475569}.surface-inspector-card{background:#fff;border:2px solid var(--text-primary);box-shadow:0 4px 12px #0f172a14;margin-bottom:var(--space-4);padding:0;overflow:hidden;animation:fadeIn .15s ease-in-out}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--text-primary);color:#fff}.inspector-title-wrap{display:flex;flex-direction:column;gap:2px}.inspector-badge{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#64748b;padding:1px 5px;display:inline-block;align-self:flex-start}.inspector-title{font-size:13px;font-weight:800;color:#fff;margin:0}.inspector-close-btn{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease}.inspector-close-btn:hover{background:#fff3;border-color:#fff}.inspector-body{padding:12px;display:flex;flex-direction:column;gap:12px;background:#fff}.inspector-field{display:flex;flex-direction:column;gap:5px}.inspector-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.inspector-subtext{font-size:10px;color:var(--text-muted);line-height:1.3}.m2-stepper-wrap{display:flex;align-items:center;border:1px solid var(--border-strong);background:var(--bg-app)}.stepper-btn{background:#fff;border:none;border-right:1px solid var(--border-default);padding:6px 10px;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-primary);cursor:pointer;height:36px;min-width:44px;transition:background .1s ease}.stepper-btn:last-child{border-right:none;border-left:1px solid var(--border-default)}.stepper-btn:hover{background:var(--bg-hover);color:var(--color-primary)}.inspector-m2-input{flex:1;border:none;background:#fff;text-align:center;font-family:var(--font-mono);font-size:15px;font-weight:800;color:var(--text-primary);height:36px;outline:none}.m2-unit-label{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-muted);padding-right:8px;background:#fff}.inspector-excluded-alert{background:#fef2f2;border:1px solid #fecdd3;border-left:3px solid #dc2626;border-radius:4px;padding:8px 10px;display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;animation:fadeIn .15s ease-out}.excluded-alert-text{display:flex;flex-direction:column;gap:1px}.excluded-alert-text strong{font-size:11px;color:#991b1b;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.excluded-alert-text span{font-size:10px;color:#b91c1c;line-height:1.35}.exclude-toggle-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:#fff1f2;border:1px solid #fecdd3;color:#be123c;cursor:pointer;text-align:left;transition:all .12s ease}.exclude-toggle-btn:hover{background:#ffe4e6;border-color:#fda4af}.exclude-toggle-btn.is-excluded{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.exclude-toggle-btn.is-excluded:hover{background:#dcfce7;border-color:#86efac}.exclude-btn-texts{display:flex;flex-direction:column}.exclude-btn-title{font-size:11.5px;font-weight:800;letter-spacing:.02em}.exclude-btn-sub{font-size:9.5px;color:var(--text-muted);font-weight:500}.reclassify-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.reclassify-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:#fff;border:1px solid var(--border-default);color:var(--text-secondary);font-size:10px;font-weight:700;cursor:pointer;transition:all .12s ease}.reclassify-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.reclassify-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.cad-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid var(--border-strong);color:var(--text-primary);font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.03em;padding:9px 14px;cursor:pointer;transition:all .12s ease}.cad-action-btn:hover{background:var(--bg-hover);border-color:var(--text-primary);color:var(--color-primary)}.height-controls-card{background:var(--bg-app);border:1px solid var(--border-default);padding:12px;margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:12px}.height-controls-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);border-bottom:1px solid var(--border-strong);padding-bottom:6px}.height-control-row{display:flex;flex-direction:column;gap:4px;padding-bottom:10px;border-bottom:1px dashed var(--border-default)}.height-badge{color:#ea580c!important;background:#fff7ed!important;border-color:#fed7aa!important}.quick-preset-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.preset-pill{background:#fff;border:1px solid var(--border-default);color:var(--text-muted);font-size:9.5px;font-weight:600;padding:3px 6px;cursor:pointer;transition:all .1s ease}.preset-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.preset-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:700}.param-control-item{margin-bottom:var(--space-4)}.param-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.param-name{font-size:11px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.param-badge{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--color-primary);background:var(--color-primary-subtle);border:1px solid var(--color-primary-border);padding:1px 6px}.slider-container{display:flex;flex-direction:column;gap:4px}.range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--border-default);outline:none;cursor:pointer;border:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--text-primary);cursor:pointer;border:2px solid #ffffff;box-shadow:0 0 0 1px var(--text-primary);transition:background .1s ease}.slider-ticks{display:flex;justify-content:space-between;font-size:9.5px;color:var(--text-muted);font-family:var(--font-mono)}.segmented-btn-group{display:flex;border:1px solid var(--border-strong);background:var(--bg-app)}.seg-btn{flex:1;background:transparent;border:none;border-right:1px solid var(--border-default);padding:8px;font-family:var(--font-sans);font-size:10.5px;font-weight:700;text-transform:uppercase;color:var(--text-muted);cursor:pointer}.seg-btn:last-child{border-right:none}.seg-btn.active{background:var(--text-primary);color:#fff}#viewer-section{flex:1;position:relative;overflow:hidden;background:#fff;min-width:0;height:100%}#viewer-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}#viewer-canvas{width:100%!important;height:100%!important;display:block;position:absolute;top:0;left:0}.viewer-hud{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;gap:var(--space-2);z-index:30;pointer-events:auto}.hud-group{display:flex;background:#fff;border:1px solid var(--border-strong);box-shadow:0 2px 6px #0000000f}.hud-btn{background:#fff;border:none;border-right:1px solid var(--border-default);color:var(--text-primary);padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer}.hud-btn:last-child{border-right:none}.hud-btn:hover{background:var(--bg-hover);color:var(--color-primary)}.hud-meta{display:flex;align-items:center;background:#fff;border:1px solid var(--border-strong);box-shadow:0 2px 6px #0000000f;padding:3px;gap:3px}.hud-badge-lod{background:#0f172a;color:#fff;font-size:10px;font-weight:800;padding:4px 7px;letter-spacing:.05em;text-transform:uppercase;border:1px solid #0f172a}.hud-badge-surfaces{background:#f1f5f9;color:var(--text-primary);font-size:10px;font-weight:700;padding:4px 8px;font-family:var(--font-mono);border:1px solid var(--border-default)}.canvas-savings-pill{position:absolute;top:var(--space-3);left:var(--space-3);background:#0f172af0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 25px -5px #00000040;padding:10px 14px;z-index:25;animation:fadeIn .2s ease-out;max-width:580px}.savings-pill-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.12)}.savings-pulse-dot{width:7px;height:7px;background:#ea580c;border-radius:50%;box-shadow:0 0 0 2px #ea580c66;animation:pulse 1.6s infinite ease-in-out}.savings-pill-title{font-size:9.5px;font-weight:800;letter-spacing:.08em;color:#fed7aa;text-transform:uppercase}.savings-metrics-grid{display:flex;align-items:center;gap:12px}.savings-metric-col{display:flex;flex-direction:column;gap:1px}.savings-metric-lbl{font-size:9.5px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.savings-metric-val{font-family:var(--font-mono);font-size:13.5px;font-weight:800;color:#fff;white-space:nowrap}.savings-metric-val.total-val{color:#4ade80;font-size:15px}.savings-metric-sub{font-size:9px;color:#cbd5e1;white-space:nowrap}.savings-metric-sub.green{color:#86efac;font-weight:700}.savings-metric-divider{width:1px;height:32px;background:#ffffff26}@media(max-width:640px){.canvas-savings-pill{max-width:calc(100% - 24px);left:12px;right:12px;top:auto;bottom:50px}.savings-metrics-grid{flex-direction:column;align-items:flex-start;gap:8px}.savings-metric-divider{display:none}}.viewer-bottom-bar{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;background:#0f172ae6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:6px 16px;box-shadow:0 4px 20px #00000038;z-index:25;gap:12px;color:#fff}.legend-inline{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}.legend-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#f1f5f9;letter-spacing:.01em;white-space:nowrap}.chip-color{width:12px;height:12px;border-radius:3px;flex-shrink:0;box-shadow:0 0 0 1px #ffffff40}.chip-roof{background:#ea580c;border:1px solid #ffedd5}.chip-wall{background:#0284c7;border:1px solid #e0f2fe}.chip-shared{background:repeating-linear-gradient(45deg,#64748b,#64748b 2px,#fff 2px,#fff 4px);border:1px solid #cbd5e1}.chip-crawl{background:#10b981;border:1px solid #d1fae5;box-shadow:0 0 6px #10b98199}.chip-excluded{background:#ef4444;border:1px solid #fee2e2;box-shadow:0 0 6px #ef444499}.interaction-hint{font-size:11px;font-weight:600;color:#cbd5e1;white-space:nowrap;display:flex;align-items:center;border-left:1px solid rgba(255,255,255,.18);padding-left:14px}.desktop-hint{display:inline-block}.mobile-hint{display:none}.mobile-fullscreen-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#0f172af0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 30px #00000059;border-radius:30px;padding:6px 14px;display:flex;align-items:center;gap:10px;z-index:100;color:#fff;animation:fadeIn .2s ease-out}.mobile-fullscreen-banner.hidden{display:none!important}.banner-text{font-size:12px;font-weight:700;color:#fff;white-space:nowrap}.banner-actions{display:flex;align-items:center;gap:6px}.btn-banner-action{background:#0284c7;color:#fff;border:none;font-family:var(--font-sans);font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:16px;cursor:pointer;transition:all .12s ease}.btn-banner-action:hover{background:#0369a1}.btn-banner-close{background:transparent;border:none;color:#94a3b8;font-size:16px;cursor:pointer;line-height:1;padding:2px 4px}.btn-banner-close:hover{color:#fff}@media(max-width:768px){.viewer-bottom-bar{border-radius:14px;padding:8px 12px;bottom:8px;left:8px;right:8px;flex-direction:column;align-items:flex-start;gap:6px}.legend-inline{gap:6px 10px}.legend-chip{font-size:10px}.interaction-hint{border-left:none;border-top:1px solid rgba(255,255,255,.12);padding-left:0;padding-top:4px;width:100%;font-size:10px;color:#94a3b8}.desktop-hint{display:none}.mobile-hint{display:inline-block}}.viewer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#f8fafc;background-image:radial-gradient(circle,#cbd5e1 1.2px,transparent 1.2px),linear-gradient(to right,rgba(226,232,240,.4) 1px,transparent 1px),linear-gradient(to bottom,rgba(226,232,240,.4) 1px,transparent 1px);background-size:24px 24px,120px 120px,120px 120px;z-index:25;padding:var(--space-4);overflow-y:auto}.viewer-placeholder{background:#fff;border:1px solid var(--border-strong);box-shadow:0 10px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0a;max-width:540px;width:100%;padding:28px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;animation:fadeIn .2s ease-out}.placeholder-status-pill{display:inline-flex;align-items:center;gap:7px;background:#f1f5f9;border:1px solid #cbd5e1;padding:4px 10px;font-size:10px;font-weight:700;letter-spacing:.06em;color:#475569;text-transform:uppercase;margin-bottom:16px}.status-pulse-dot{width:6px;height:6px;background:#0284c7;border-radius:50%;box-shadow:0 0 0 2px #0284c740;animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(.95);opacity:.8}}.placeholder-cad-icon{margin-bottom:14px;display:flex;align-items:center;justify-content:center}.placeholder-title{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.01em;margin:0 0 8px}.placeholder-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0 0 20px;max-width:440px}.empty-presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.empty-preset-card{background:#fff;border:1px solid var(--border-default);padding:12px 10px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;cursor:pointer;transition:all .14s ease;min-width:0}.empty-preset-card:hover{border-color:var(--text-primary);background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0f}.preset-card-badge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;padding:2px 6px;margin-bottom:6px}.preset-card-title{font-size:11.5px;font-weight:700;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.preset-card-sub{font-family:var(--font-mono);font-size:9.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}@media(max-width:640px){.empty-presets-grid{grid-template-columns:1fr}}.viewer-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#f8fafce0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50}.loading-cad-box{position:relative;background:#fff;border:1px solid var(--text-primary);padding:var(--space-5) var(--space-6);box-shadow:0 4px 20px #00000014;text-align:center;min-width:260px}.surface-tooltip{position:fixed;z-index:3000;background:#fff;border:1px solid var(--text-primary);box-shadow:0 4px 16px #0000001f;padding:var(--space-3);pointer-events:none;min-width:190px;font-size:11px}.bottom-sheet-container{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:flex-end;opacity:1;transition:opacity .3s ease}.bottom-sheet-container.hidden{opacity:0;pointer-events:none}.bottom-sheet-content{width:100%;background:#fff;padding:var(--space-5) var(--space-4);transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);border-top:2px solid var(--text-primary);box-shadow:0 -10px 40px #0000001a}.bottom-sheet-container:not(.hidden) .bottom-sheet-content{transform:translateY(0)}.bottom-sheet-drag-handle{width:40px;height:4px;background:var(--border-strong);margin:0 auto var(--space-4);cursor:grab}.advice-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;opacity:1;transition:opacity .3s ease}.advice-modal-overlay.hidden{display:none!important;opacity:0}.advice-modal{background:#fff;width:94%;max-width:840px;height:85vh;max-height:85vh;border:1px solid var(--text-primary);border-radius:8px;box-shadow:0 20px 50px #0f172a40;overflow:hidden;transform:translateY(20px);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;position:relative}.advice-modal.open{transform:translateY(0)}.advice-modal-header{padding:14px 20px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background:#fff;gap:16px;flex-shrink:0}.modal-header-left{display:flex;flex-direction:column;gap:2px}.advice-modal-header h2{margin:0;font-size:15px;color:var(--text-primary);font-weight:800;letter-spacing:-.01em}.modal-subtitle-row{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.modal-address-chip{font-weight:700;color:#0284c7}.modal-tarief-chip{font-size:10.5px;color:var(--text-muted)}.isde-header-switch{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid var(--border-default);padding:3px 4px 3px 10px;border-radius:20px}.isde-switch-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.isde-switch-pill{display:flex;background:#fff;border:1px solid var(--border-default);border-radius:14px;padding:2px;gap:2px}.isde-pill-btn{background:transparent;border:none;font-family:var(--font-sans);font-size:11px;font-weight:700;color:var(--text-muted);padding:4px 10px;border-radius:12px;cursor:pointer;transition:all .12s ease}.isde-pill-btn:hover{color:var(--text-primary)}.isde-pill-btn.active{background:#15803d;color:#fff;box-shadow:0 1px 3px #15803d40}.advice-modal-close{background:none;border:1px solid transparent;font-size:1.3rem;color:var(--text-muted);cursor:pointer;padding:.2rem .4rem;line-height:1;border-radius:4px;transition:all .12s ease}.advice-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.advice-modal-content{padding:16px 20px;overflow-y:scroll!important;overflow-x:hidden;flex:1 1 auto!important;min-height:0!important;display:block!important;background:#f8fafc;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9}.advice-modal-content::-webkit-scrollbar{width:8px!important;display:block!important}.advice-modal-content::-webkit-scrollbar-track{background:#f1f5f9}.advice-modal-content::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.advice-modal-content::-webkit-scrollbar-thumb:hover{background:#64748b}.advice-cards-container{display:flex;flex-direction:column;gap:8px}.advice-measure-card{background:#fff;border:1px solid var(--border-default);border-radius:8px;transition:all .12s ease;box-shadow:0 1px 2px #00000005}.advice-measure-card:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #0000000a}.advice-measure-card.is-selected{border-color:#cbd5e1;background:#fff}.advice-measure-card.is-selected .measure-card-title{color:#0f172a}.measure-card-inner{display:grid;grid-template-columns:minmax(0,1fr) 140px 135px;align-items:center;padding:12px 16px;gap:16px}.measure-card-main{display:flex;align-items:center;gap:12px;min-width:0}.advice-card-checkbox{accent-color:#0f172a;width:18px;height:18px;cursor:pointer;flex-shrink:0;border-radius:4px}.measure-card-icon{font-size:18px;line-height:1;flex-shrink:0;display:flex;align-items:center}.measure-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.measure-card-title-row{display:flex;align-items:center;gap:8px}.measure-card-title{font-size:12.5px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.measure-material-select{background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;font-family:var(--font-sans);font-size:12px;font-weight:700;color:#0f172a;padding:3px 8px;cursor:pointer;outline:none;max-width:260px;transition:all .12s ease}.measure-material-select:hover{background:#f1f5f9;border-color:#94a3b8}.measure-material-select:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c726}.measure-tag{font-size:8.5px;font-weight:800;text-transform:uppercase;padding:1px 6px;border-radius:3px;letter-spacing:.04em;flex-shrink:0}.measure-tag.basis{background:#f1f5f9;color:#475569}.measure-tag.meerwerk{background:#fef3c7;color:#92400e}.measure-unit-hint{font-size:10.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.measure-card-interactive-row{display:contents}.measure-stepper-control{display:flex;align-items:center;justify-content:space-between;width:130px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 4px;height:32px;box-sizing:border-box;margin:0 auto}.measure-stepper-control-empty{width:130px;height:32px;margin:0 auto}.btn-m2-step{background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#334155;cursor:pointer;line-height:1;transition:all .1s ease;box-shadow:0 1px 2px #0000000a;flex-shrink:0}.btn-m2-step:hover{background:#0f172a;border-color:#0f172a;color:#fff}.input-m2-val{width:54px;border:none;background:transparent;outline:none;font-family:var(--font-mono);font-size:13px;font-weight:800;text-align:right;color:#0f172a;padding-right:3px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.input-m2-val::-webkit-inner-spin-button,.input-m2-val::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.m2-unit{font-family:var(--font-mono);font-size:11px;font-weight:700;color:#64748b;padding-right:4px}.measure-card-pricing{display:flex;flex-direction:column;align-items:flex-end;text-align:right;width:100%}.measure-card-price{font-family:var(--font-mono);font-size:14.5px;font-weight:900;color:var(--text-primary);line-height:1.2}.measure-card-subsidie{font-size:10.5px;font-weight:700;color:#15803d;font-family:var(--font-mono);margin-top:1px}.advice-accordion-box{background:#fff;border:1px solid var(--border-default);border-radius:8px;overflow:hidden;transition:border-color .12s ease}.advice-accordion-box:hover{border-color:#cbd5e1}.meerwerk-accordion[open]{border-color:#fde68a}.advice-accordion-header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;font-size:11.5px;font-weight:700;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;background:#fff;transition:background .12s ease}.advice-accordion-header:hover{background:#f8fafc}.advice-accordion-header::-webkit-details-marker{display:none}.advice-accordion-header .summary-arrow{transition:transform .15s ease;color:var(--text-muted)}.advice-accordion-box[open] .advice-accordion-header .summary-arrow{transform:rotate(180deg)}.meerwerk-count-badge{font-size:9.5px;font-weight:700;color:#92400e;background:#fef3c7;padding:2px 7px;border-radius:10px}.meerwerk-total-pill{font-family:var(--font-mono);font-size:11.5px;font-weight:800;color:#0f172a}.advice-meerwerk-body{padding:10px 12px;background:#f8fafc;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:6px}.spouw-check-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3500;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .15s ease-out}.spouw-check-dialog{background:#fff;border:1px solid var(--border-strong);border-radius:10px;max-width:480px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000059;overflow:hidden;animation:fadeIn .18s cubic-bezier(.16,1,.3,1)}.spouw-dialog-header{padding:12px 16px;border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;background:#f8fafc;flex-shrink:0}.spouw-dialog-header h3{margin:0;font-size:13.5px;font-weight:800;color:var(--text-primary)}.spouw-dialog-close{background:none;border:none;font-size:1.3rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:2px 6px}.spouw-dialog-close:hover{color:var(--text-primary)}.spouw-dialog-content{padding:16px}.spouw-step-badge{display:inline-block;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;padding:2px 7px;border-radius:10px;margin-bottom:8px}.spouw-step-q{font-size:13.5px;font-weight:800;color:var(--text-primary);margin:0 0 6px;line-height:1.35}.spouw-step-desc{font-size:11px;color:var(--text-secondary);line-height:1.45;margin:0 0 14px}.spouw-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spouw-option-btn{display:flex;flex-direction:column;align-items:flex-start;padding:12px 10px;background:#fff;border:1px solid var(--border-default);border-radius:6px;cursor:pointer;text-align:left;transition:all .12s ease}.spouw-option-btn:hover{border-color:#0284c7;background:#f8fafc;transform:translateY(-1px);box-shadow:0 3px 8px #0000000d}.spouw-option-btn.danger:hover{border-color:#ef4444;background:#fef2f2}.spouw-option-btn.success:hover{border-color:#16a34a;background:#f0fdf4}.spouw-option-btn.warning:hover{border-color:#f59e0b;background:#fffbeb}.spouw-option-title{font-size:12px;font-weight:800;color:var(--text-primary);margin-bottom:2px}.spouw-option-sub{font-size:10px;color:var(--text-muted);line-height:1.3}.spouw-alert-box{margin-top:12px;padding:10px 12px;border-radius:6px;display:flex;align-items:flex-start;gap:10px;animation:fadeIn .15s ease-out}.spouw-alert-box.danger{background:#fef2f2;border:1px solid #fecdd3;border-left:3px solid #dc2626;color:#991b1b}.spouw-alert-box strong{display:block;font-size:11.5px;font-weight:800;margin-bottom:2px}.spouw-alert-box span{font-size:10.5px;line-height:1.4;display:block}.dak-wizard-dialog{max-width:580px;max-height:88vh;display:flex;flex-direction:column}.dak-wizard-content{padding:16px;overflow-y:auto;flex:1;max-height:calc(88vh - 60px)}.dak-label{display:block;font-size:12.5px;font-weight:800;color:var(--text-primary);margin-bottom:8px;line-height:1.35}.dak-options-vertical{display:flex;flex-direction:column;gap:8px}.dak-opt-btn,.bodem-opt-btn{cursor:pointer;-webkit-user-select:none;user-select:none}.dak-opt-btn *,.bodem-opt-btn *{pointer-events:none}.dak-opt-btn.active,.bodem-opt-btn.active{border-color:#0284c7!important;background:#f0f9ff!important;box-shadow:0 0 0 2px #0284c7!important}.dak-opt-btn.success.active,.bodem-opt-btn.success.active{border-color:#16a34a!important;background:#f0fdf4!important;box-shadow:0 0 0 2px #16a34a!important}.dak-opt-btn.warning.active,.bodem-opt-btn.warning.active{border-color:#f59e0b!important;background:#fffbeb!important;box-shadow:0 0 0 2px #f59e0b!important}.dak-depth-selector-box{background:#f8fafc;border:1px solid var(--border-default);padding:10px 12px;border-radius:6px;margin-bottom:8px}.dak-depth-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.dak-depth-pill{padding:6px 14px;font-size:11px;font-weight:800;border:1px solid var(--border-strong);background:#fff;border-radius:20px;cursor:pointer;color:var(--text-primary);transition:all .12s ease}.dak-depth-pill:hover{border-color:#0284c7;background:#f0f9ff}.dak-depth-pill.active{background:#0284c7;border-color:#0284c7;color:#fff}.dak-materials-selector{display:flex;flex-direction:column;gap:8px;margin-top:6px;max-height:380px;overflow-y:auto;padding-right:4px}.dak-mat-card{padding:12px 14px;background:#fff;border:1.5px solid var(--border-default);border-radius:8px;cursor:pointer;transition:all .12s ease;display:flex;flex-direction:column;gap:4px}.dak-mat-card:hover{border-color:#0284c7;background:#f8fafc}.dak-mat-card.selected{border-color:#ea580c;background:#fff7ed;box-shadow:0 0 0 1.5px #ea580c}.dak-mat-card.disabled{opacity:.55;background:#f8fafc;border-color:#e2e8f0;cursor:not-allowed;filter:grayscale(.5)}.dak-mat-card.disabled:hover{border-color:#e2e8f0;background:#f8fafc;box-shadow:none}.dak-mat-error-badge{font-size:10px;font-weight:700;color:#dc2626;background:#fef2f2;border:1px solid #fecdd3;padding:3px 8px;border-radius:4px;margin-top:4px;display:inline-block;align-self:flex-start}.dak-mat-head{display:flex;align-items:center;justify-content:space-between}.dak-mat-head strong{font-size:12.5px;font-weight:800;color:var(--text-primary)}.dak-mat-price{font-family:var(--font-mono);font-size:13px;font-weight:900;color:#ea580c}.dak-mat-depth-badge{display:inline-block;align-self:flex-start;font-size:9.5px;font-weight:800;color:#475569;background:#f1f5f9;padding:2px 7px;border-radius:4px}.dak-mat-depth-badge.success{color:#166534;background:#dcfce7}.dak-mat-depth-badge.bio{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.dak-mat-desc{font-size:10.5px;color:var(--text-muted);margin:0;line-height:1.35}.dak-wizard-nav{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--border-light);gap:10px}.dak-wizard-nav button{height:38px;font-size:12px;font-weight:800;border-radius:6px;padding:0 16px}.advice-modal-footer{padding:14px 20px;border-top:1px solid var(--border-default);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.modal-financial-summary{display:flex;align-items:center;gap:16px}.financial-col{display:flex;flex-direction:column}.fin-lbl{font-size:9.5px;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.fin-val{font-family:var(--font-mono);font-size:13.5px;font-weight:800;color:var(--text-primary)}.financial-divider{width:1px;height:28px;background:var(--border-default)}.financial-col.highlight-col .fin-val{font-size:17px;font-weight:900;color:#0284c7}.modal-footer-actions{display:flex;align-items:center;gap:10px}.btn-download-pdf{height:40px;padding:0 16px;font-size:12.5px;font-weight:800;border-radius:6px}.btn-secondary{background:#fff;border:1px solid var(--border-strong);color:var(--text-secondary);height:40px;padding:0 16px;font-size:12.5px;font-weight:700;border-radius:6px;cursor:pointer}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-primary);color:var(--text-primary)}.modal-drag-handle{width:42px;height:4.5px;background:#cbd5e1;border-radius:3px;margin:8px auto 4px;flex-shrink:0;display:block}.mobile-only{display:none!important}@media(max-width:1024px){:root{--sidebar-width: 380px}.bottom-sheet-container{align-items:center;justify-content:center}.bottom-sheet-content{width:440px;border:1px solid var(--text-primary);border-top:4px solid var(--text-primary);transform:translateY(20px);box-shadow:12px 12px #0f172a1a}.bottom-sheet-drag-handle{display:none}}@media(max-width:768px){:root{--touch-target: 44px;--header-height: 56px}.mobile-only{display:inline-flex!important}.header-center,.status-badge,#sidebar-toggle-btn,.sidebar-edge-tab{display:none!important}#app-header{height:56px;padding:0 12px}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo-text .brand-title{font-size:15px}.logo-text .brand-subtitle{display:none}.mobile-tabs-header{display:flex;background:#f1f5f9;border:1px solid var(--border-default);border-radius:8px;padding:2px;gap:2px}.mobile-tab{display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:700;color:var(--text-muted);border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .12s ease}.mobile-tab.active{background:#fff;color:var(--text-primary);box-shadow:0 1px 3px #00000014}#main-content{flex-direction:column;height:calc(100vh - 56px);height:calc(100dvh - 56px)}body[data-mobile-view=form] #sidebar{width:100%!important;min-width:100%!important;max-width:100%!important;height:100%!important;transform:none!important;display:flex;border-right:none;overflow-y:auto;-webkit-overflow-scrolling:touch}body[data-mobile-view=form] #viewer-section,body[data-mobile-view="3d"] #sidebar{display:none!important}body[data-mobile-view="3d"] #viewer-section{display:block!important;width:100%!important;height:100%!important;position:relative}#address-section{transition:all .18s ease}#address-section.is-collapsed{padding-bottom:8px}#address-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between}.address-collapsed-summary{display:flex;align-items:center;justify-content:space-between;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:8px 12px;margin-top:6px;animation:fadeIn .15s ease-out}.addr-summary-text{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#0369a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.addr-summary-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#btn-edit-address{font-size:11px;font-weight:800;color:#0284c7;background:#fff;border:1px solid #bae6fd;padding:3px 8px;border-radius:4px;cursor:pointer;flex-shrink:0}#btn-toggle-address{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 6px;color:var(--text-muted)}#address-toggle-icon{transition:transform .15s ease}.address-inputs-grid{grid-template-columns:1.5fr 1fr .9fr;gap:8px}.form-input{font-size:16px!important;height:42px}.btn-submit-search{height:46px;font-size:13.5px;font-weight:800}.minimal-surfaces-grid{grid-template-columns:1fr!important;gap:10px!important}.minimal-surface-card{padding:12px 14px}.surface-card-number{font-size:22px}.minimal-financial-strip{padding:10px 12px}.fin-strip-val{font-size:13px}.fin-strip-val.highlight{font-size:14.5px}.btn-generate-quote{height:48px;font-size:13.5px;font-weight:800;border-radius:8px}.advice-modal-overlay{align-items:flex-end!important;justify-content:center!important;padding:0!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.advice-modal{width:100%!important;max-width:100%!important;height:auto!important;max-height:92vh!important;max-height:92dvh!important;margin:0!important;border-radius:20px 20px 0 0!important;border:none!important;border-top:1px solid var(--border-default)!important;box-shadow:0 -10px 40px #00000040!important;display:flex!important;flex-direction:column!important;animation:slideUpBottomSheet .3s cubic-bezier(.16,1,.3,1) forwards!important;padding-bottom:env(safe-area-inset-bottom,8px)}.advice-modal-header{padding:10px 16px;flex-wrap:wrap;gap:8px}.advice-modal-header h2{font-size:14px}.isde-header-switch{order:3;width:100%;justify-content:space-between;padding:3px 8px}.advice-modal-content{padding:12px 14px;flex:1 1 auto;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.measure-card-inner{display:flex;flex-direction:column;gap:10px;padding:12px 14px;-webkit-tap-highlight-color:transparent}.measure-card-main{gap:12px}.advice-card-checkbox{width:22px;height:22px;min-width:22px;min-height:22px;cursor:pointer}.measure-card-title{font-size:13px;white-space:normal}.measure-material-select{max-width:100%;width:100%;height:38px;font-size:12.5px;padding:4px 8px}.measure-card-interactive-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:10px;border-top:1px dashed #e2e8f0}.measure-stepper-control{width:130px;height:38px;padding:2px 4px;margin:0}.btn-m2-step{width:32px;height:32px;font-size:16px}.input-m2-val{font-size:14px;width:52px}.advice-modal-footer{flex-direction:column;padding:10px 14px;gap:10px;background:#fff;border-top:1px solid var(--border-default)}.modal-financial-summary{display:grid;grid-template-columns:1fr 1fr 1.2fr;width:100%;gap:6px}.financial-col{align-items:center;text-align:center}.financial-divider{display:none}.fin-val{font-size:12.5px}.financial-col.highlight-col .fin-val{font-size:15px}.modal-footer-actions{display:flex;flex-direction:column-reverse;width:100%;gap:8px}.modal-footer-actions button{width:100%;height:44px;font-size:13px}.spouw-check-overlay{align-items:flex-end!important;justify-content:center!important;padding:0!important}.spouw-check-dialog,.dak-wizard-dialog{width:100%!important;max-width:100%!important;max-height:90vh!important;max-height:90dvh!important;margin:0!important;border-radius:20px 20px 0 0!important;border:none!important;border-top:1px solid var(--border-default)!important;box-shadow:0 -10px 40px #00000040!important;animation:slideUpBottomSheet .28s cubic-bezier(.16,1,.3,1) forwards!important;padding-bottom:env(safe-area-inset-bottom,8px)}.spouw-dialog-header{padding:10px 16px}.spouw-dialog-content,.dak-wizard-content{padding:14px 16px;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.spouw-options-grid{grid-template-columns:1fr;gap:8px}.spouw-option-btn{min-height:48px;padding:12px 14px}.dak-wizard-nav button{height:44px;font-size:13px;flex:1}.bottom-sheet-container{align-items:flex-end!important;padding:0!important}.bottom-sheet-content{width:100%!important;border-radius:20px 20px 0 0!important;border-left:none;border-right:none;border-bottom:none;box-shadow:0 -10px 40px #0003!important;animation:slideUpBottomSheet .25s cubic-bezier(.16,1,.3,1) forwards!important;padding-bottom:env(safe-area-inset-bottom,12px)}.bottom-sheet-drag-handle{display:block}}@keyframes slideUpBottomSheet{0%{transform:translateY(100%);opacity:.7}to{transform:translateY(0);opacity:1}}.tutorial-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4000;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fadeIn .18s ease-out}.tutorial-bottom-sheet{background:#fff;width:100%;max-width:500px;border-radius:24px 24px 0 0;border-top:2px solid #0284c7;padding:12px 20px 24px;box-shadow:0 -15px 50px #0000004d;display:flex;flex-direction:column;animation:slideUpBottomSheet .3s cubic-bezier(.16,1,.3,1) forwards;padding-bottom:env(safe-area-inset-bottom,20px)}@media(min-width:769px){.tutorial-modal-overlay{align-items:center;padding:16px}.tutorial-bottom-sheet{border-radius:16px;border:1px solid var(--border-strong);border-top:4px solid #0284c7;box-shadow:0 25px 60px #00000040}}.tutorial-drag-handle{width:44px;height:4.5px;background:#cbd5e1;border-radius:3px;margin:0 auto 12px}.tutorial-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tutorial-step-badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;padding:3px 8px;border-radius:12px}.tutorial-skip-btn{background:none;border:none;font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer;padding:4px 8px;transition:color .12s ease}.tutorial-skip-btn:hover{color:var(--text-primary)}.tutorial-content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:16px}.tutorial-icon-box{width:64px;height:64px;border-radius:50%;background:#f8fafc;border:1.5px solid #e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 4px 12px #0000000a}.tutorial-title{font-size:15px;font-weight:800;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.01em}.tutorial-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px;max-width:420px}.tutorial-tip-box{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-size:11px;font-weight:600;padding:6px 12px;border-radius:6px;width:100%}.tutorial-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.tut-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;transition:all .2s ease}.tut-dot.active{width:22px;border-radius:6px;background:#0284c7}.tutorial-nav-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-nav-row button{flex:1;height:44px;font-size:13px;font-weight:800;border-radius:8px}.floor-card{border-left:3px solid #10b981!important;background:#fff}.floor-card:hover{border-color:#059669}.crawlspace-zones-card{border:1px solid var(--border-default);box-shadow:0 1px 3px #0000000a}.zone-checkbox-item:hover{border-color:#10b981!important;background:#f0fdf4!important}.zone-checkbox-item.is-excluded{opacity:.85}.zone-checkbox-item.is-excluded:hover{border-color:#f87171!important;background:#fef2f2!important}.hidden{display:none!important}.fade-in{animation:fadeIn .15s ease-in-out}.text-right{text-align:right!important}.text-green{color:#16a34a!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}