.cfg-module{margin-top:24px;display:grid;gap:16px}.cfg-kop{padding:18px 20px 0}.cfg-kop-rij{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}.cfg-klant{flex:1 1 340px;max-width:560px}.cfg-klantinfo{padding-bottom:6px}.cfg-klantinfo small,.cfg-klantinfo strong{display:block}.cfg-klantinfo strong{font-size:14.5px}.cfg-klantinfo small{margin-top:3px;color:#7d8781;font-size:12.5px}.cfg-tabs{margin-top:16px;display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid #edf0ee}.cfg-tabs button{flex:0 0 auto;height:42px;padding:0 14px;border:0;border-bottom:3px solid transparent;color:#5d6862;background:none;font-size:14px;font-weight:750}.cfg-tabs button:hover{color:var(--ink)}.cfg-tabs button.aan{color:var(--ink);border-bottom-color:var(--yellow)}.cfg-tab-uitleg{margin:0;padding:10px 0 14px;color:#7d8781;font-size:12.5px}.cfg-opgeslagen{margin-top:14px;display:grid;gap:6px}.cfg-opgeslagen-rij{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #e3e8e5;border-radius:10px;background:#f8faf8}.cfg-opgeslagen-rij.open{border-color:var(--green);background:#eff9f2}.cfg-opgeslagen-rij>button:first-child{flex:1;min-width:0;padding:2px 4px;border:0;background:none;text-align:left}.cfg-opgeslagen-rij small,.cfg-opgeslagen-rij strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cfg-opgeslagen-rij strong{font-size:13px}.cfg-opgeslagen-rij small{margin-top:2px;color:#7d8781;font-size:11.5px}.cfg-inhoud{padding:18px 20px 22px}.cfg-tab{display:grid;gap:18px}.cfg-blok h3{margin:0 0 12px;font-size:15px}.cfg-blok h4{margin:16px 0 8px;font-size:13.5px}.cfg-blok h4 small{margin-left:6px;color:#89918c;font-weight:600}.cfg-kolommen{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;align-items:start}.cfg-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 12px}.cfg-veld{display:grid;gap:6px;color:#505a54;font-size:12px;font-weight:750}.cfg-veld small{color:#89918c;font-size:11px;font-weight:600}.cfg-prijsrij input,.cfg-veld input,.cfg-veld select,.cfg-zoek input{width:100%;height:38px;padding:0 10px;border:1px solid #dfe4e1;border-radius:9px;outline:0;color:var(--ink);background:#fbfcfb;font-size:14px}.cfg-prijsrij input:focus,.cfg-veld input:focus,.cfg-veld select:focus,.cfg-zoek input:focus{border-color:var(--green);box-shadow:0 0 0 3px #3bae641a}.cfg-invoer{position:relative;display:block}.cfg-invoer input{padding-right:58px}.cfg-invoer em{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:#89918c;font-size:11.5px;font-style:normal;font-weight:650;pointer-events:none}.cfg-vinkjes{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:7px}.cfg-vinkje{min-height:38px;padding:6px 10px;display:flex;gap:8px;align-items:center;border:1px solid #e1e7e3;border-radius:9px;background:#fff;color:#3f4a44;font-size:12.5px;font-weight:600;cursor:pointer}.cfg-vinkje input{width:16px;height:16px;flex:0 0 16px;accent-color:var(--green)}.cfg-tegels{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.cfg-tegel{padding:11px 12px;border:1px solid #e3e8e5;border-radius:11px;background:#f8faf8}.cfg-tegel small,.cfg-tegel span,.cfg-tegel strong{display:block}.cfg-tegel span{overflow-wrap:anywhere;color:#7d8781;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cfg-tegel strong{margin-top:5px;font-size:18px;font-variant-numeric:tabular-nums}.cfg-tegel small{margin-top:3px;color:#7d8781;font-size:11.5px;line-height:1.35}.cfg-advies{margin-top:12px;padding:11px 13px;border-radius:11px;background:#eff9f2;border:1px solid #cde7d6}.cfg-advies strong,.cfg-advies ul{font-size:12.5px}.cfg-advies ul{margin:6px 0 0;padding-left:18px;color:#3d5546;line-height:1.55}.cfg-hint{margin:10px 0 0;color:#6f7a73;font-size:12px;line-height:1.55}.cfg-melding{margin:10px 0 0;padding:9px 11px;border-radius:9px;color:#2f5c40;background:#eef6f1;font-size:12.5px;font-weight:600;line-height:1.45}.cfg-melding.let-op{color:#7a4b00;background:#fff5df}.cfg-melding.ok{color:#246c3c;background:#e4f6ea}.cfg-leeg{margin:0;color:#89918c;font-size:12.5px}.cfg-tekstknop{padding:4px 0;border:0;color:#287745;background:none;font-size:12.5px;font-weight:800}.cfg-tekstknop.rood{color:#b2452a}.cfg-weg{width:24px;height:24px;padding:0;border:0;border-radius:50%;color:#fff;background:#bb5a36;font-weight:800}.cfg-knoppen{margin-top:14px;display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.cfg-knoppen.links{justify-content:flex-start;gap:16px;margin-top:8px}.cfg-offerte{padding:16px;border:1px solid #e3e8e5;border-radius:13px;background:#fbfcfb}.cfg-offerte-kop{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px}.cfg-offerte-kop small,.cfg-offerte-kop strong{display:block}.cfg-offerte-kop strong{font-size:14.5px}.cfg-offerte-kop small{margin-top:3px;color:#7d8781;font-size:12px}.cfg-offerte-kop label{display:flex;gap:7px;align-items:center;color:#505a54;font-size:12px;font-weight:750}.cfg-offerte-kop select{height:34px;padding:0 8px;border:1px solid #dfe4e1;border-radius:8px;background:#fff}.cfg-regel,.cfg-regels{display:grid}.cfg-regel{min-height:40px;padding:7px 0;grid-template-columns:minmax(0,1fr) 100px 100px 100px;gap:10px;align-items:center;border-bottom:1px solid #edf0ee;color:#4a554e;font-size:12.5px}.cfg-regel span:nth-child(n+2),.cfg-regel strong{text-align:right;font-variant-numeric:tabular-nums}.cfg-regel strong{color:var(--ink)}.cfg-richt{margin-left:7px;padding:2px 6px;border-radius:6px;color:#7a4b00;background:#fff1c4;font-size:10.5px;font-style:normal;font-weight:800}.cfg-totaal{margin-top:10px;margin-left:auto;width:min(320px,100%);display:grid;gap:5px}.cfg-totaal div{display:flex;justify-content:space-between;color:#68736c;font-size:12.5px}.cfg-totaal div.groot{padding-top:7px;border-top:1px solid #dce3df;color:var(--ink);font-size:15px}.cfg-waarschuwingen{margin:12px 0 0;padding:10px 12px 10px 28px;border-radius:10px;color:#7a4b00;background:#fff5df;font-size:12.5px;line-height:1.5}.cfg-zoek{display:flex;gap:8px}.cfg-zoek input{flex:1;height:40px}.cfg-resultaten{margin-top:8px;display:grid;gap:4px}.cfg-resultaten button{padding:8px 10px;border:1px solid #e1e7e3;border-radius:8px;background:#fff;text-align:left;font-size:13px}.cfg-resultaten button:hover{border-color:var(--green)}.cfg-legplan{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:start}.cfg-werkbalk{margin-bottom:8px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.cfg-segment{display:flex;padding:3px;border-radius:10px;background:#eef1ef}.cfg-segment button{height:32px;padding:0 11px;border:0;border-radius:8px;color:#56615a;background:none;font-size:12.5px;font-weight:750}.cfg-segment button.aan{color:var(--ink);background:#fff;box-shadow:0 1px 4px #18231d1f}.cfg-zoom{display:flex;gap:4px}.cfg-zoom button,.cfg-zoom select{height:32px;min-width:32px;padding:0 8px;border:1px solid #dfe4e1;border-radius:8px;background:#fff;font-size:13px}.cfg-kaart{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:#dfe5e1;touch-action:none}.cfg-kaart svg{display:block;width:100%;height:100%;user-select:none}.cfg-kaart svg.gereedschap-dakvlak,.cfg-kaart svg.gereedschap-obstakel{cursor:crosshair}.cfg-kaart-laden{position:absolute;inset:auto 12px 12px auto;padding:7px 10px;border-radius:8px;color:#fff;background:#1d211fcc;font-size:12px;font-weight:700}.cfg-vlak{fill:#ffffff14;stroke:#ffffffb3;stroke-width:1.5;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;cursor:pointer}.cfg-vlak.actief{fill:#ffd30f1f;stroke:#ffd30f;stroke-dasharray:none;stroke-width:2}.cfg-vlak.gekozen{fill:#3bae6433;stroke:#3bae64;stroke-width:3}.cfg-buur{fill:#ffffff10;stroke:#ffffffcc;stroke-width:1.2;stroke-dasharray:2 4;vector-effect:non-scaling-stroke;cursor:pointer}.cfg-buur:hover{fill:#ffffff2e}.cfg-paneel{fill:#14203aeb;stroke:#dfe7f5;stroke-width:.8;vector-effect:non-scaling-stroke;cursor:pointer}.cfg-paneel:hover{fill:#24406f}.cfg-paneel.uit{fill:#ffffff12;stroke:#ffffffb0;stroke-dasharray:3 3}.cfg-obstakel{fill:#f08129a6;stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke;cursor:pointer}.cfg-label{fill:#1d211f;paint-order:stroke;stroke:#ffd30f;stroke-width:.35;font-weight:900;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.cfg-teken{fill:none;stroke:#3bae64;stroke-width:2.5}.cfg-teken,.cfg-teken-punt{vector-effect:non-scaling-stroke;pointer-events:none}.cfg-teken-punt{fill:#fff;stroke:#3bae64;stroke-width:2}.cfg-teken-punt.eerste{fill:#3bae64}.cfg-zijkant{display:grid;gap:12px}.cfg-vlakken{display:grid;gap:5px;max-height:300px;overflow:auto}.cfg-vlakrij{width:100%;padding:8px 10px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #e3e8e5;border-radius:10px;background:#fff;text-align:left}.cfg-vlakrij.gekozen{border-color:var(--green);background:#eff9f2}.cfg-vlakrij input{width:16px;height:16px;accent-color:var(--green)}.cfg-vlakrij small,.cfg-vlakrij strong{display:block}.cfg-vlakrij strong{font-size:13px}.cfg-vlakrij small{margin-top:2px;color:#7d8781;font-size:11.5px}.cfg-vlakrij b{min-width:28px;padding:3px 7px;border-radius:7px;color:#1d211f;background:#fff3b2;font-size:12px;text-align:center}.cfg-vlakinstelling{padding:12px;border:1px solid #cde7d6;border-radius:11px;background:#f6fbf8}.cfg-vlakinstelling .cfg-raster{grid-template-columns:repeat(2,minmax(0,1fr))}.cfg-draai{margin-top:12px;padding-top:10px;display:grid;gap:7px;border-top:1px solid #d6e9dc}.cfg-draai>span{color:#505a54;font-size:12px;font-weight:750}.cfg-draai>small{color:#7d8781;font-size:11.5px;line-height:1.45}.cfg-draai-rij{display:grid;grid-template-columns:auto auto minmax(60px,1fr) auto auto 82px;gap:5px;align-items:center}.cfg-draai-rij button{height:32px;padding:0 8px;border:1px solid #dfe4e1;border-radius:8px;background:#fff;font-size:12.5px;font-weight:700;white-space:nowrap}.cfg-draai-rij input[type=range]{width:100%;accent-color:var(--green)}.cfg-draai-rij .cfg-invoer input{height:32px;padding:0 22px 0 8px;border:1px solid #dfe4e1;border-radius:8px;font-size:13px;width:100%}.cfg-draai .cfg-knoppen.links{margin-top:0}.cfg-kaart svg.gereedschap-verschuiven{cursor:move}.theme-dark .cfg-draai-rij .cfg-invoer input,.theme-dark .cfg-draai-rij button{border-color:#3b413d;color:#e9ecea;background:#242825}.cfg-labelbalk{margin:-2px 0 12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cfg-labelbalk .secondary-button{height:34px;font-size:13px}.cfg-labelbalk span{color:#2f5c40;font-size:12.5px;font-weight:600;line-height:1.4}.cfg-labelbalk span.fout{color:#9a351c}.cfg-leggen{margin-top:12px;padding:10px 11px;display:grid;gap:8px;border:1px solid #f1d98a;border-radius:10px;background:#fffbea}.cfg-leggen-kop small,.cfg-leggen-kop strong{display:block}.cfg-leggen-kop strong{font-size:13.5px}.cfg-leggen-kop small{margin-top:2px;color:#7d8781;font-size:11.5px}.cfg-leggen-rij{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.cfg-leggen-rij .secondary-button{height:38px}.cfg-leggen .cfg-knoppen.links{margin-top:0}.cfg-tekstknop:disabled{opacity:.4;cursor:default}.cfg-hover{fill:#3bae6466;stroke:#3bae64;stroke-width:1.5;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.cfg-hover.past-niet{fill:#e0573a55;stroke:#e0573a}.cfg-hover.weg{fill:#e0573a40;stroke:#fff}.cfg-kaart svg.gereedschap-plaatsen{cursor:copy}.theme-dark .cfg-leggen{border-color:#5a4a16;background:#2a2412}.cfg-handvat{fill:#fff;stroke:#1d211f;stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:grab}.cfg-handvat:hover{fill:var(--yellow)}.cfg-draaiknop{fill:var(--green);stroke:#fff;stroke-width:2;cursor:grab}.cfg-draaiknop,.cfg-draailijn{vector-effect:non-scaling-stroke}.cfg-draailijn{stroke:#fff;stroke-width:1.5;stroke-dasharray:3 3;pointer-events:none}.cfg-kaart svg.gereedschap-vlak{cursor:move}.cfg-zoomwaarde{min-width:46px;height:32px;display:grid;place-items:center;color:#505a54;font-size:12.5px;font-weight:750;font-variant-numeric:tabular-nums}.cfg-zoom .cfg-zoomdak{padding:0 10px;font-weight:750}.cfg-zijdehandvat{fill:var(--yellow);stroke:#1d211f;stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:grab}.cfg-zijdehandvat:hover{fill:#fff}.cfg-paneelkeuze{display:grid;gap:4px;padding:10px 11px;border:1px solid #e3e8e5;border-radius:11px;background:#fff}.cfg-paneelkeuze>small{color:#7d8781;font-size:11.5px}.cfg-paneelkeuze .cfg-knoppen.links{margin-top:2px}.cfg-paneelformulier{margin-top:6px;padding:12px;display:grid;gap:10px;border:1px solid #cde7d6;border-radius:11px;background:#f6fbf8}.cfg-paneelkop{display:flex;justify-content:space-between;align-items:center}.cfg-paneelformulier .cfg-raster{grid-template-columns:repeat(2,minmax(0,1fr))}.cfg-paneelformulier .cfg-vinkjes{margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr))}.cfg-paneelformulier .cfg-knoppen{margin-top:0}.cfg-datasheet{position:relative;padding:12px;display:grid;gap:3px;border:2px dashed #3bae64;border-radius:10px;background:#fff;cursor:pointer;text-align:center}.cfg-datasheet input{position:absolute;inset:0;opacity:0;cursor:pointer}.cfg-datasheet span{color:#287745;font-size:13px;font-weight:800}.cfg-datasheet small{color:#7d8781;font-size:11.5px}.theme-dark .cfg-datasheet,.theme-dark .cfg-paneelkeuze{border-color:#3b413d;background:#242825}.theme-dark .cfg-paneelformulier{border-color:#2f5a3e;background:#1b2a20}.cfg-legplanknop{width:100%}.cfg-paneel.gekozen{fill:#2b4f8c;stroke:var(--yellow);stroke-width:2.2}.cfg-paneel.sleept{opacity:.35}.cfg-selectievak{fill:#ffd30f22;stroke:var(--yellow);stroke-width:1.5;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.cfg-kaart svg.gereedschap-kiezen{cursor:default}.cfg-selectiebalk{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;padding:7px 9px;border-radius:8px;background:#fff}.cfg-selectiebalk>span{color:#505a54;font-size:12px;font-weight:700;margin-right:auto}.theme-dark .cfg-selectiebalk{background:#242825}.cfg-overzicht-filter{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:8px;margin-bottom:10px}.cfg-overzicht-filter input,.cfg-overzicht-filter select{height:38px;padding:0 10px;border:1px solid #dfe4e1;border-radius:9px;background:#fbfcfb;font-size:14px}.cfg-overzicht{display:grid;gap:6px}.cfg-overzicht-rij{padding:8px 10px;display:grid;grid-template-columns:110px minmax(0,1fr) 90px 70px 34px;gap:10px;align-items:center;border:1px solid #e3e8e5;border-radius:10px;background:#fff}.cfg-overzicht-open{min-width:0;padding:0;border:0;background:none;text-align:left}.cfg-overzicht-open small,.cfg-overzicht-open strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cfg-overzicht-open strong{font-size:13.5px}.cfg-overzicht-open small{margin-top:3px;color:#7d8781;font-size:12px}.cfg-overzicht-open:hover strong{color:#287745}.cfg-overzicht-bedrag{text-align:right;font-size:13px;font-variant-numeric:tabular-nums}.cfg-soort{padding:4px 8px;border-radius:7px;font-size:11.5px;font-weight:800;text-align:center;background:#edf0ee;color:#4a554e}.cfg-soort.zonnepanelen{background:#fff3b2;color:#765e00}.cfg-soort.thuisbatterij{background:#daf4e2;color:#23753e}.cfg-soort.laadpaal{background:#eee4ff;color:#6e43a3}.cfg-soort.warmtepomp{background:#ffe4d2;color:#934315}.cfg-soort.airco{background:#dfefff;color:#27689c}.theme-dark .cfg-overzicht-filter input,.theme-dark .cfg-overzicht-filter select,.theme-dark .cfg-overzicht-rij{border-color:#3b413d;color:#e9ecea;background:#242825}@media(max-width:700px){.cfg-overzicht-filter{grid-template-columns:1fr}.cfg-overzicht-rij{grid-template-columns:minmax(0,1fr) 34px}.cfg-overzicht-bedrag,.cfg-overzicht-leeg,.cfg-overzicht-rij .cfg-soort,.cfg-overzicht-rij>.cfg-tekstknop{display:none}}.cfg-ruimtes{display:grid;gap:8px;margin-bottom:8px}.cfg-ruimte{position:relative;padding:10px;display:grid;grid-template-columns:minmax(120px,1.2fr) repeat(3,minmax(90px,.8fr)) minmax(150px,1fr) 64px;gap:8px;align-items:end;border:1px solid #e3e8e5;border-radius:11px;background:#f8faf8}.cfg-ruimte .cfg-weg{position:absolute;top:-8px;right:-8px}.cfg-ruimte-kw{height:38px;display:grid;place-items:center;border-radius:9px;color:#1d211f;background:#fff3b2;font-size:13px;font-weight:800}.cfg-prijzen{margin-top:8px}.cfg-prijsrij{padding:6px 0;display:grid;grid-template-columns:minmax(0,1fr) 110px 80px 120px;gap:8px;align-items:center;border-bottom:1px solid #edf0ee}.cfg-prijsrij.kop{color:#929a95;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.cfg-prijsrij>span:first-child{display:flex;align-items:center;gap:6px}.cfg-prijsrij input{height:34px;font-size:13px}.cfg-prijsrij strong{display:block;text-align:right;font-size:13px;font-variant-numeric:tabular-nums}.cfg-prijsrij small{color:#89918c;font-size:11.5px}.theme-dark .cfg-tabs{border-color:#343936}.theme-dark .cfg-tabs button{color:#a9b0ac}.theme-dark .cfg-tabs button.aan{color:#fff}.theme-dark .cfg-offerte,.theme-dark .cfg-opgeslagen-rij,.theme-dark .cfg-resultaten button,.theme-dark .cfg-ruimte,.theme-dark .cfg-tegel,.theme-dark .cfg-vinkje,.theme-dark .cfg-vlakrij,.theme-dark .cfg-zoom button,.theme-dark .cfg-zoom select{border-color:#3b413d;color:#e9ecea;background:#242825}.theme-dark .cfg-advies,.theme-dark .cfg-opgeslagen-rij.open,.theme-dark .cfg-vlakinstelling,.theme-dark .cfg-vlakrij.gekozen{border-color:#2f5a3e;background:#1b2a20}.theme-dark .cfg-advies ul{color:#bfd8c7}.theme-dark .cfg-segment{background:#242825}.theme-dark .cfg-segment button{color:#a9b0ac}.theme-dark .cfg-segment button.aan{color:#fff;background:#30342f}.theme-dark .cfg-prijsrij,.theme-dark .cfg-regel{border-color:#343936;color:#c7cdc9}.theme-dark .cfg-veld{color:#c7cdc9}.theme-dark .cfg-melding{color:#bfe3cb;background:#1b2a20}.theme-dark .cfg-melding.let-op,.theme-dark .cfg-waarschuwingen{color:#ffd99a;background:#33290f}@media(max-width:1100px){.cfg-kolommen,.cfg-legplan{grid-template-columns:minmax(0,1fr)}}@media(max-width:700px){.cfg-draai-rij{grid-template-columns:repeat(4,auto) 1fr}.cfg-draai-rij input[type=range]{grid-column:1/-1;grid-row:2}.cfg-inhoud,.cfg-kop{padding-left:14px;padding-right:14px}.cfg-regel{grid-template-columns:minmax(0,1fr) 92px}.cfg-regel span:nth-child(2),.cfg-regel span:nth-child(3){display:none}.cfg-ruimte{grid-template-columns:1fr 1fr}.cfg-prijsrij{grid-template-columns:minmax(0,1fr) 84px}.cfg-prijsrij>span:nth-child(3),.cfg-prijsrij>span:nth-child(4){display:none}.cfg-zoek{flex-direction:column}.cfg-vlakinstelling .cfg-raster{grid-template-columns:1fr}}