/* Energie vergelijken · dashboardweergave (ontwerpbeeld 30-10-2026). Alleen presentatie; cijfers komen uit de bestaande berekening. */
.ed{--ink:#0e1d45;--tekst:#2b3a55;--muted:#5d6b82;--rand:#e1e8f0;--vlak:#fff;--bg:#f6f8fb;--blauw:#2f7de1;--blauw-d:#1b5fbf;--blauw-t:#eaf3fd;--blauw-r:#cfe2f8;--groen:#1f9d57;--groen-d:#167a43;--groen-t:#eaf7ef;--groen-r:#c6e8d2;--oranje:#c77b12;--oranje-t:#fff4e2;--oranje-r:#f1d6a6;--rood:#b42318;--rood-t:#fdecea;--grijs:#7b8799;--grijs-t:#f1f3f6;--radius:14px;--schaduw:0 1px 2px #0e1d450a,0 6px 18px #0e1d450d;color:var(--tekst);background:var(--bg);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;padding:0 0 40px;font-variant-numeric:tabular-nums}
.ed *{box-sizing:border-box}.ed-wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.ed a{color:var(--blauw-d)}.ed h1,.ed h2,.ed h3,.ed h4{color:var(--ink)}
.ed .ohn-ico{width:18px;height:18px;flex:none}
.ed-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ed-periodekeuze{position:relative}
.ed-periodekeuze>summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;background:#fff;border:1px solid var(--rand);border-radius:10px;padding:9px 14px;min-height:48px;box-shadow:var(--schaduw);color:var(--ink)}
.ed-periodekeuze>summary span{display:flex;flex-direction:column;line-height:1.3}.ed-periodekeuze strong{font-size:13px;font-weight:650}.ed-periodekeuze small{font-size:12px;color:var(--muted)}
.ed-periodekeuze>summary .ed-chev{transform:rotate(90deg);transition:transform .2s;margin-left:6px}.ed-periodekeuze[open]>summary .ed-chev{transform:rotate(-90deg)}
.ed-periodekeuze ul{position:absolute;right:0;top:calc(100% + 6px);z-index:20;list-style:none;margin:0;padding:6px;background:#fff;border:1px solid var(--rand);border-radius:10px;box-shadow:0 10px 30px #0e1d4524;min-width:180px}
.ed-periodekeuze li a{display:block;padding:10px 12px;border-radius:7px;text-decoration:none;color:var(--tekst);font-size:14px}.ed-periodekeuze li a:hover{background:var(--blauw-t)}.ed-periodekeuze li a[aria-current]{background:var(--blauw-t);color:var(--blauw-d);font-weight:650}
.ed summary::-webkit-details-marker{display:none}
.ed-range{display:flex;flex-wrap:wrap;gap:12px;align-items:end;font-size:14px;margin:0 0 12px}.ed-range label{display:grid;gap:5px}.ed-range input{font:inherit;border:1px solid #c5d0dc;background:#fff;border-radius:8px;min-height:44px;padding:8px;color:var(--ink);max-width:100%}.ed-range button{min-height:44px;background:var(--blauw);color:#fff;border:0;border-radius:8px;padding:10px 16px;font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
.ed-alert{background:var(--oranje-t);border:1px solid var(--oranje-r);border-radius:8px;padding:8px 12px;font-size:13px;color:#79500f;margin:0 0 12px}
.ed-paneel{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--schaduw);min-width:0}
.ed-paneel h2{font:750 19px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.02em;margin:0}
.ed-sub{font-size:13.5px;line-height:1.55;color:var(--muted);margin:4px 0 0}
.ed-leeg{margin-top:12px}

.ed-rl-kop,.ed-rl summary{display:grid;grid-template-columns:18px minmax(0,1.55fr) minmax(0,1.2fr) 66px 84px 14px;gap:10px;align-items:center}
.ed-rl-kop{font-size:12px;color:var(--muted);padding:16px 4px 8px;border-bottom:1px solid var(--rand)}.ed-rl-kop span:nth-child(4),.ed-rl-kop span:nth-child(5){text-align:right}
.ed-rl{list-style:none;margin:0;padding:0}.ed-rl>li{border-bottom:1px solid #edf1f5}.ed-rl>li:last-child{border-bottom:0}
.ed-rl summary{list-style:none;cursor:pointer;padding:10px 4px;min-height:50px;border-radius:8px;transition:background .15s}.ed-rl summary:hover{background:#f5f8fc}
.ed-nr{font-size:13px;color:var(--muted)}
.ed-naam{display:flex;flex-direction:column;min-width:0;line-height:1.3}.ed-naam strong{font-size:14px;font-weight:650;color:var(--ink);overflow-wrap:anywhere}.ed-naam em{font-style:normal;font-weight:500;color:var(--muted)}.ed-naam small{font-size:11.5px;color:var(--muted)}
.ed-balk{position:relative;height:22px;background:#f2f5f9;border-radius:5px;overflow:hidden}.ed-balk i{position:absolute;top:0;bottom:0;border-radius:5px;background:var(--blauw)}
.is-laagste .ed-balk i{background:var(--groen)}.is-ref .ed-balk i{background:#97a3b5}
.ed-kosten,.ed-verschil{text-align:right;font-size:14.5px;font-weight:700;color:var(--ink);white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
.ed-kosten small,.ed-verschil small{font-size:11px;font-weight:500;color:var(--muted)}
.ed-verschil{color:var(--tekst);font-weight:650}.ed-verschil.is-lager{color:var(--groen-d)}.is-ref .ed-verschil{font-weight:500;color:var(--muted)}
.ed-rl .ed-chev{width:16px;height:16px;color:#94a1b4;transition:transform .2s}.ed-rl details[open] .ed-chev{transform:rotate(90deg)}
.ed-detail{padding:4px 8px 18px 36px;font-size:13.5px;line-height:1.6;color:var(--tekst)}.ed-detail h3{font:700 15px/1.4 Inter,system-ui,sans-serif;margin:4px 0 10px}.ed-detail p{margin:8px 0}
.ed-som{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}.ed-som div{background:#f6f8fb;border-radius:8px;padding:8px 10px}.ed-som dt{font-size:11.5px;color:var(--muted)}.ed-som dd{margin:2px 0 0;font-weight:700;color:var(--ink)}.ed-som .is-totaal{background:var(--blauw-t)}
.ed-kv{display:grid;grid-template-columns:minmax(150px,auto) 1fr;gap:4px 14px;font-size:13px;margin:12px 0}.ed-kv dt{color:var(--muted)}.ed-kv dd{margin:0}
.ed-bronnen{margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.7}
.ed-melding{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:12px 14px;border-radius:10px;background:var(--blauw-t);border:1px solid var(--blauw-r);font-size:14px;line-height:1.5;color:#21406e}.ed-melding .ohn-ico{color:var(--blauw);margin-top:2px}
.ed-uitgesloten{margin-top:12px;border:1px dashed #cdd6e2;border-radius:10px;background:#fafbfd}
.ed-uitgesloten>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;font-weight:600;color:var(--tekst);min-height:44px}
.ed-uitgesloten>summary b{font-size:12px;background:var(--grijs-t);border-radius:999px;padding:2px 9px;color:var(--muted)}
.ed-uitgesloten ul{list-style:none;margin:0;padding:0 14px 12px;display:grid;gap:8px}.ed-uitgesloten li{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:10px;font-size:13px;line-height:1.5;padding-top:8px;border-top:1px solid #edf1f5}.ed-uitgesloten li span{color:var(--muted)}

/* Grafieken */
.ed-gr-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.ed-gr-kop h2{font-size:17px}.ed-gr-periode{font-weight:500;color:var(--muted);font-size:.85em}
.ed-gr-knoppen{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ed-seg{display:flex;border:1px solid var(--rand);border-radius:8px;overflow:hidden;font-size:12.5px}.ed-seg a{padding:7px 12px;min-height:36px;display:flex;align-items:center;text-decoration:none;color:var(--tekst)}.ed-seg a+a{border-left:1px solid var(--rand)}.ed-seg a[aria-current]{background:var(--ink);color:#fff;font-weight:600}
.ed-toon{position:relative}.ed-toon>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12.5px;border:1px solid var(--rand);border-radius:8px;padding:7px 12px;min-height:36px;background:#fff;color:var(--ink)}.ed-toon>summary:after{content:'';border:5px solid transparent;border-top-color:var(--ink);margin-top:5px}
.ed-toon fieldset{position:absolute;right:0;top:calc(100% + 6px);z-index:15;border:1px solid var(--rand);border-radius:10px;background:#fff;box-shadow:0 10px 30px #0e1d4524;margin:0;padding:6px;min-width:210px}
.ed-toon label{display:flex;align-items:center;gap:9px;padding:8px 10px;font-size:13.5px;border-radius:7px;cursor:pointer;min-height:40px}.ed-toon label:hover{background:#f5f8fc}.ed-toon label i,.ed-legenda i{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.ed-toon input{width:16px;height:16px;accent-color:var(--blauw)}
.ed-grafiek{position:relative;margin-top:10px;min-height:260px;border-radius:8px}.ed-grafiek svg{display:block;width:100%;height:auto;overflow:visible}
.ed-grafiek:focus-visible{outline:3px solid #8bb9f0;outline-offset:4px}
.ed-as{font-size:11.5px;fill:#5d6b82}.ed-as-titel{font-size:11.5px;fill:#5d6b82}
.ed-raster-lijn{stroke:#e6ebf2;stroke-width:1}.ed-nul{stroke:#9aa6b8;stroke-width:1}
.ed-lijn{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.ed-lijn.is-ref{stroke-dasharray:6 4;stroke-width:1.8}.ed-lijn.is-dyn{stroke-dasharray:0.1 4.6;stroke-width:2.8}
.ed-os-tabel table{display:table;width:100%;font-size:14px;margin-top:10px}.ed-os-tabel{overflow-x:auto;max-width:100%;min-width:0}
.ed-os-tabel th,.ed-os-tabel td{padding:8px 10px;border-bottom:1px solid var(--rand);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.ed-os-tabel th[scope=row],.ed-os-tabel thead th:first-child{text-align:left;white-space:normal;font-weight:600}.ed-os-tabel thead th{font-size:12.5px;color:var(--muted);font-weight:600}
.ed-os-tabel tr[data-beste] th,.ed-os-tabel tr[data-beste] td{background:var(--groen-t)}
@media (max-width:560px){.ed-os-tabel th,.ed-os-tabel td{padding:7px 5px;font-size:13px}.ed-os-tabel thead th{font-size:11.5px;white-space:normal;overflow-wrap:normal;word-break:keep-all}.ed-os-tabel th[scope=row]{font-size:12.5px;word-break:break-word}}
/* Dynamisch tarief: open rondje in legenda, filter en tooltip (vast = gevuld); kleur via inline color. */
.ed-legenda i.is-dyn,.ed-toon label i.is-dyn,.ed-tip-box i.is-dyn{background:transparent!important;box-shadow:inset 0 0 0 2.5px currentColor}.ed-legenda li.is-uitleg{color:var(--muted);font-size:12.5px}
.ed-gat{fill:url(#ed-arcering)}
.ed-cross{stroke:#0e1d45;stroke-width:1;stroke-dasharray:3 3;opacity:.55}
.ed-tip-box{position:absolute;z-index:12;pointer-events:none;background:#0e1d45;color:#fff;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.5;box-shadow:0 8px 24px #0e1d4540;min-width:150px;max-width:260px}
.ed-tip-box b{display:block;font-size:12px;margin-bottom:3px}.ed-tip-box span{display:flex;align-items:center;gap:6px;justify-content:space-between}.ed-tip-box span em{font-style:normal;display:flex;align-items:center;gap:6px}.ed-tip-box i{width:8px;height:8px;border-radius:50%;display:inline-block}
.ed-legenda{display:flex;flex-wrap:wrap;gap:4px 14px;list-style:none;margin:10px 0 0;padding:0;font-size:12.5px}
.ed-legenda button{display:flex;align-items:center;gap:7px;background:none;border:0;padding:6px 2px;min-height:32px;font:inherit;color:var(--tekst);cursor:pointer}.ed-legenda button[aria-pressed=false]{opacity:.4;text-decoration:line-through}
.ed-legenda li{display:flex;align-items:center;gap:7px}.ed-legenda i.is-ref{background:repeating-linear-gradient(90deg,#7b8799 0 4px,transparent 4px 6px)!important;border-radius:2px;height:3px;width:14px}
.ed-legenda .is-gat i{border-radius:2px;background:repeating-linear-gradient(45deg,#c7cfda 0 2px,#fff 2px 5px);border:1px solid #c7cfda}
.ed-legenda--vast{color:var(--tekst)}.ed-legenda--vast i{width:14px;height:10px;border-radius:2px}.ed-legenda i.is-afname{background:#7fb2ef}.ed-legenda i.is-terug{background:#5cc28a}.ed-legenda i.is-prijs{background:#f0a12b;height:3px}.ed-legenda i.is-p1{background:repeating-linear-gradient(45deg,#7fb2ef 0 2px,#d9e8fb 2px 4px)}
.ed-rl-kop span:nth-child(5){white-space:nowrap}
.ed-grafiekpaneel details.evg-grafiek-tabel{margin-top:12px;font-size:12.5px}.ed-grafiekpaneel details.evg-grafiek-tabel>summary{cursor:pointer;color:var(--blauw-d);font-weight:600;min-height:32px;display:flex;align-items:center}
.ed-grafiekpaneel .evg-grafiek-tabel table{display:block;overflow:auto;max-width:100%;border-collapse:collapse;margin-top:6px}.ed-grafiekpaneel .evg-grafiek-tabel th,.ed-grafiekpaneel .evg-grafiek-tabel td{padding:5px 8px;border-bottom:1px solid #edf1f5;text-align:right;white-space:nowrap}.ed-grafiekpaneel .evg-grafiek-tabel th[scope=row],.ed-grafiekpaneel .evg-grafiek-tabel thead th:first-child{text-align:left}
.evg-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ed-verbruik h2{font-size:17px}
.ed-status h2{font-size:16px;margin-bottom:10px}
.ed-status ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ed-status li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45}
.ed-status li i{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;color:#fff}.ed-status li i .ohn-ico{width:13px;height:13px;stroke-width:3}
.ed-status li.is-groen i{background:var(--groen)}.ed-status li.is-oranje i{background:#e39a2e}.ed-status li.is-rood i{background:var(--rood)}.ed-status li.is-grijs i{background:#8994a6}
.ed-status li.is-rood{color:var(--rood)}
.ed-meer{margin-top:12px;font-size:13px;line-height:1.55}.ed-meer>summary{cursor:pointer;color:var(--blauw-d);font-weight:600;list-style:none;min-height:32px;display:flex;align-items:center}.ed-meer>summary:before{content:'+';margin-right:6px;font-weight:700}.ed-meer[open]>summary:before{content:'−'}.ed-meer p{margin:6px 0}
.ed-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:14px;font-weight:600;text-decoration:none;min-height:36px}.ed-link .ohn-ico{width:16px;height:16px}
.ed-installatie{font-weight:600}
.ed-kaartjes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.ed-kaartjes article{border:1px solid var(--rand);border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.55;min-width:0}.ed-kaartjes h4{font:700 14px/1.4 Inter,system-ui,sans-serif;margin:0 0 6px}.ed-kaartjes p{margin:6px 0}.ed-kaartjes dl{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12.5px;margin:8px 0}.ed-kaartjes dd{margin:0;font-weight:650}.ed-kaartjes small{display:block;color:#745827;font-size:12px}
.ed-waarschuw{background:var(--oranje-t);border-radius:8px;padding:10px 12px}
.ed-voet{font-size:12px;color:var(--muted);text-align:center;margin:14px 0 0}

.ed a:focus-visible,.ed summary:focus-visible,.ed button:focus-visible,.ed input:focus-visible,.ed-grafiek:focus-visible{outline:3px solid #8bb9f0;outline-offset:3px;border-radius:6px}
body:has(.ed) .ohn-onderdeelnav{display:none}body:has(.ed){background:#f6f8fb}

@media(max-width:1080px){}
@media(max-width:900px){.ed-wrap{padding:0 20px}.ed-kaartjes{grid-template-columns:repeat(2,minmax(0,1fr))}.ed-som{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){}
@media(max-width:599px){
 .ed-wrap{padding:0 16px}.ed-periodekeuze>summary{justify-content:space-between}.ed-periodekeuze ul{left:0;right:auto;width:100%}
 .ed-paneel{padding:14px 12px}.ed-paneel h2{font-size:17px}
 .ed-rl-kop{display:none}
 .ed-rl summary{grid-template-columns:18px minmax(0,1fr) auto 14px;grid-template-areas:'nr naam kosten chev' 'nr balk verschil chev';gap:6px 10px;padding:10px 2px;min-height:64px}
 .ed-nr{grid-area:nr;align-self:start;padding-top:2px}.ed-naam{grid-area:naam}.ed-balk{grid-area:balk;height:10px}.ed-kosten{grid-area:kosten;font-size:15.5px}.ed-verschil{grid-area:verschil;font-size:13px}.ed-rl .ed-chev{grid-area:chev}
 .ed-kosten,.ed-verschil{flex-direction:row;gap:6px;align-items:baseline}
 .ed-detail{padding:4px 2px 16px}.ed-kv{grid-template-columns:1fr}.ed-kv dd{margin-bottom:6px}
 .ed-uitgesloten li{grid-template-columns:1fr;gap:2px}
 .ed-gr-knoppen{width:100%}.ed-toon fieldset{left:0;right:auto}
 .ed-kaartjes{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.ed *{transition:none!important}}

/* ── Dashboard: Loont overstappen? en Wat levert onze thuisaccu op? (31-10-2026, alleen presentatie) ── */
.ed-ic{width:20px;height:20px;flex:none}.ed-ac-leg{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;margin:0 0 8px;padding:0;font-size:12.5px;color:var(--muted)}.ed-ac-leg li{display:flex;align-items:center;gap:6px}.ed-ac-leg i{display:inline-block;width:18px;height:10px;border-radius:3px;flex:none}
.sw-nu{background:var(--groen-d)}.sw-2027{background:#b5e3c9;border:1.5px dashed #2f9e6b}
.ed-ov-t{position:absolute;top:6px;transform:translateX(-50%);font-size:11.5px;line-height:1.2;color:var(--muted);white-space:nowrap;text-align:center}
.ed-ov-t:before{content:'';position:absolute;left:50%;top:-7px;height:5px;width:1px;background:#c3ccd8}
.ed-ov-t.is-eerste{transform:none;text-align:left}.ed-ov-t.is-eerste:before{left:0}.ed-ov-t.is-laatste{transform:translateX(-100%);text-align:right}.ed-ov-t.is-laatste:before{left:auto;right:0}
.ed-ov-t.is-nul{font-weight:700;color:var(--ink)}.ed-ov-t small{display:block;font-size:11px;font-weight:500;color:var(--muted)}
.ed-ac-kpi{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:var(--radius);background:#f8fafc;border:1px solid var(--rand);min-width:0}
.ed-ac-kpi.is-scenario{background:#fff;border-style:dashed;border-color:#8fcaa8}
.ed-ac-pic{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--groen-t);color:var(--groen-d);flex:none}.ed-ac-pic .ed-ic{width:22px;height:22px}.ed-ac-pic.is-klein{width:36px;height:36px}.ed-ac-pic.is-klein .ed-ic{width:18px;height:18px}
.ed-ac-kpi h3{font:650 14px/1.35 Inter,system-ui,sans-serif;margin:0 0 4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--tekst)}
.ed-ac-kpi p{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--muted)}
.ed-ac-stromen{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:4px}.ed-ac-stromen li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--tekst)}.ed-ac-stromen strong{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-right:2px}.ed-ic-pijl{width:18px;height:18px;color:var(--groen)}
.ed-ac-conclusie{display:flex;gap:14px;align-items:flex-start;margin:0 0 24px;padding:14px 18px;border-radius:var(--radius);background:var(--groen-t);border:1px solid var(--groen-r);border-left:4px solid var(--groen);font-size:15px;line-height:1.55;color:#21573a}
.ed-ac-conclusie strong{color:var(--ink)}.ed-ac-conclusie small{display:block;margin-top:4px;font-size:12.5px;color:#3d6b52}
.ed-ac-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.ed-ac-kop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.ed-ac-kop h3{font:750 17px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.01em;margin:0}
.ed-seg button{font:inherit;padding:7px 12px;min-height:36px;border:0;background:#fff;color:var(--tekst);cursor:pointer}.ed-seg button+button{border-left:1px solid var(--rand)}.ed-seg button[aria-pressed=true]{background:var(--ink);color:#fff;font-weight:600}
.ed-ac-lijst{list-style:none;margin:0;padding:0}
.ed-ac-item{border-bottom:1px solid #edf1f5;border-radius:10px}.ed-ac-item[hidden]{display:none}.ed-ac-item.is-ref{background:var(--groen-t);border-bottom-color:transparent}
.ed-ac-rij{all:unset;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 20px;grid-template-areas:'naam chev' 'balken balken';gap:6px 8px;width:100%;padding:12px 8px;cursor:pointer;border-radius:10px}
.ed-ac-rij:hover{background:#f5f8fc}.ed-ac-item.is-ref .ed-ac-rij:hover{background:#dff2e7}
.ed-ac-rij:focus-visible{outline:3px solid #8bb9f0;outline-offset:-1px}
.ed-ac-naam{grid-area:naam;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0}.ed-ac-naam strong{font-size:15px;color:var(--ink)}.ed-ac-naam em{font-style:normal;font-size:11px;font-weight:650;color:var(--groen-d);background:#fff;border:1px solid var(--groen-r);border-radius:99px;padding:1px 8px}
.ed-ac-balken{grid-area:balken;display:grid;gap:4px;min-width:0}
.ed-ac-b{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:10px;align-items:center}
.ed-ac-spoor{position:relative;display:block;height:14px;background:#eef2f7;border-radius:4px}.ed-ac-item.is-ref .ed-ac-spoor{background:#fff}
.ed-ac-spoor:before{content:'';position:absolute;top:-2px;bottom:-2px;left:var(--z);width:1px;background:#8793a7}
.ed-ac-spoor i{position:absolute;top:0;bottom:0;border-radius:3px}
.ed-ac-spoor i.is-nu{background:var(--groen-d)}.ed-ac-spoor i.is-2027{background:#b5e3c9;border:1.5px dashed #2f9e6b}
.ed-ac-w{text-align:right;font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap}.ed-ac-w.is-neg{color:var(--rood)}
.ed-ac-chev{grid-area:chev;align-self:center;color:#94a1b4;display:flex}.ed-ac-chev .ed-ic{width:18px;height:18px;transition:transform .2s}.ed-ac-rij[aria-expanded=true] .ed-ac-chev .ed-ic{transform:rotate(90deg)}
.ed-ac-detail{padding:4px 12px 14px;font-size:13.5px;line-height:1.55}.ed-ac-detail[hidden]{display:none}.ed-ac-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 8px}.ed-ac-detail dl>div{background:#fff;border:1px solid var(--rand);border-radius:8px;padding:8px 10px}.ed-ac-detail dt{font-size:11.5px;color:var(--muted)}.ed-ac-detail dd{margin:2px 0 0;font-size:18px;font-weight:800;color:var(--ink)}.ed-ac-detail p{margin:0;color:var(--muted)}
.ed-ac-as{padding-top:6px}.ed-ac-asspoor{position:relative;height:24px;margin:0 90px 0 8px;border-top:1px solid #c3ccd8}
.ed-ac-tabel{border:1px solid var(--rand);border-radius:10px;background:#fafbfd}
.ed-ac-tabel>summary{cursor:pointer;list-style:none;padding:12px 14px;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:650;color:var(--ink)}.ed-ac-tabel>summary:after{content:'+';font-size:20px;color:var(--blauw)}.ed-ac-tabel[open]>summary:after{content:'−'}
.ed-ac-tabel .ed-os-tabel{padding:0 10px 10px}.ed-ac-tabel table{margin-top:0}

@media(min-width:720px){
 .ed-ac-rij{grid-template-columns:minmax(120px,190px) minmax(0,1fr) 20px;grid-template-areas:'naam balken chev';gap:16px;align-items:center}
 .ed-ac-asspoor{margin-left:214px;margin-right:126px}
}
@media(min-width:1000px){
 .ed-ac-raster{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px}
}
@media(max-width:899px){}@media(max-width:599px){}
@media(min-width:760px) and (max-width:899px){.ed-ac-kpi{flex-direction:column}}
@media(max-width:599px){.ed-ov-t.is-mob-uit,.ed-ac-asspoor .ed-ov-t.is-mob-uit{display:none}
}
@media(min-width:600px) and (max-width:719px){}
.ed-paneel+.ed-paneel,.ed-paneel+.ed-diep{margin-top:20px}
.ed-paneel{padding:24px}
.ed-paneel>h2{font-size:22px}

/* D · Thuisaccu: twee resultaatkaarten, details apart */
.ed-ac-det{margin-top:12px;border:1px solid var(--rand);border-radius:10px;background:#fafbfd}
.ed-ac-det>summary{list-style:none;cursor:pointer;min-height:48px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:650;color:var(--blauw-d)}
.ed-ac-det>summary:after{content:'+';font-size:22px;line-height:1}.ed-ac-det[open]>summary:after{content:'−'}
.ed-ac-det-in{padding:4px 16px 16px}
.ed-ac-det-in .ed-ac-kpi{margin:0 0 12px}
.ed-ac-det-in .ed-ac-conclusie{margin-bottom:20px}

/* E · Verdieping */
.ed-diep{margin-top:20px;background:#fff;border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw)}
.ed-diep>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:16px 24px;border-radius:var(--radius)}
.ed-diep>summary h2{font:750 19px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.02em;margin:0}.ed-diep>summary small{display:block;margin-top:2px;font-size:13px;color:var(--muted)}
.ed-diep>summary:after{content:'+';font-size:26px;color:var(--blauw);line-height:1}.ed-diep[open]>summary:after{content:'−'}
.ed-diep-in{padding:0 24px 12px}
.ed-diep-in>.ed-sub{margin:0 0 12px;font-size:13.5px}
.ed-diep-in ul.ed-lijst{margin:0 0 12px;padding-left:20px}
.ed-diep-in>details{border-top:1px solid #e9eef4}
.ed-diep-in>details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:6px 0}
.ed-diep-in>details>summary h3{font:650 15px/1.4 Inter,system-ui,sans-serif;margin:0}
.ed-diep-in>details>summary:after{content:'+';font-size:22px;color:var(--blauw);line-height:1}.ed-diep-in>details[open]>summary:after{content:'−'}
.ed-diep-in>details>*:not(summary){font-size:14px;line-height:1.65;color:var(--tekst)}
.ed-diep-in>details>.ed-paneel{border:0;box-shadow:none;padding:4px 0 16px;margin:0}
.ed-diep-in>details:not(.ed-dp) details>summary{cursor:pointer;color:var(--blauw-d);font-weight:600;min-height:32px;display:flex;align-items:center}
.ed-paneel h4{font:700 15px/1.35 Inter,system-ui,sans-serif;letter-spacing:-.01em;margin:0;color:var(--ink)}
.ed-gr-kop h4{font-size:15px}
.ed-dp .ed-grafiek{min-height:240px}

@media(max-width:1080px){}
@media(max-width:899px){}
@media(max-width:599px){
 .ed-paneel{padding:16px 14px}.ed-paneel>h2{font-size:20px}
 .ed-diep>summary{padding:14px 16px}.ed-diep-in{padding:0 16px 8px}.ed-diep>summary h2{font-size:17px}
}

/* ── Herbouw 31-10-2026 (definitief): jaaradvies met compacte meter → jaarverschilgrafiek → dagvergelijking → thuisaccu → verdieping. Alleen presentatie. ── */
.pa{--goed:#1f9d57;--goed-d:#167a43;--goed-t:#e4f6ec;--duur:#e08a1e;--duur-d:#9a5a08;--duur-t:#fdf0dc;--ref:#2f7de1;--lijn:#e6ebf2;--navy:#0e1d45}
.pa-wrap{max-width:1180px}
.pa button{font-family:inherit}

/* Gedeeld: kop */
.pk{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 16px;margin:16px 0 14px}
.pk-label{margin:0 0 2px;font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.pk h1{margin:0;font:800 26px/1.15 Inter,system-ui,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.pk-pil{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--lijn);background:#fff;font-size:12.5px;font-weight:650;text-decoration:none;color:var(--tekst)}
.pk-pil i,.pk-chip i{width:8px;height:8px;border-radius:50%;background:var(--grijs);flex:none}
.pk-pil.is-oranje i,.pk-chip.is-oranje i{background:#e39a2e}.pk-pil.is-groen i,.pk-chip.is-groen i{background:var(--goed)}
.pk-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;border:1px solid var(--lijn);background:#fff;font-size:12px;font-weight:650;color:var(--tekst);white-space:nowrap}
.pk-let{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}.pk-let .ed-ic{width:18px;height:18px;margin-top:1px}.pk-let a{color:var(--blauw-d)}
.pa .ed-diep{margin-top:16px}

/* Gedeeld: vandaag-sectie */
.pd,.pc{background:#fff;border:1px solid var(--lijn);border-radius:14px;padding:16px;box-shadow:var(--schaduw)}
.pd-kop,.pc-kop{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px}
.pd h2,.pc h2{margin:0;font:750 17px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.01em}
.pd-tag,.pc-tag{font-size:12px;color:var(--muted)}
.pd-modi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:12px 0 6px;padding:4px;background:#eef2f7;border-radius:10px}
.pd-modi a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:48px;padding:6px 4px;border-radius:8px;text-align:center;text-decoration:none;color:var(--tekst);line-height:1.2}
.pd-modi strong{font-size:12.5px;color:var(--ink)}.pd-modi small{font-size:11px;color:var(--muted)}
.pd-modi a[aria-current]{background:#fff;box-shadow:0 1px 3px #0e1d4524}.pd-modi a[aria-current] strong{color:var(--blauw-d)}
.pd-modi-t{margin:0 0 10px;font-size:12.5px;line-height:1.45;color:var(--muted)}.pd-modi-t.is-scenario{color:var(--duur-d)}
.pd-per{display:flex;gap:6px;overflow-x:auto;margin:0 -2px 12px;padding:2px;scrollbar-width:none}.pd-per::-webkit-scrollbar{display:none}
.pd-per a{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:4px 13px;border-radius:999px;border:1px solid var(--lijn);font-size:13px;text-decoration:none;color:var(--tekst);background:#fff}
.pd-per a[aria-current]{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:650}
.pd-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px}
.pd-c{min-width:0;padding:10px 10px 10px;border-radius:10px;background:#f6f8fb}
.pd-c span{display:block;font-size:12px;font-weight:650;color:var(--tekst);line-height:1.25}.pd-c em{font-style:normal;font-weight:500;color:var(--muted)}
.pd-c strong{display:block;margin:3px 0 2px;font:800 22px/1.1 Inter,system-ui,sans-serif;letter-spacing:-.03em;color:var(--ink);white-space:nowrap}
.pd-c strong.is-tekst{font-size:16px;white-space:normal;line-height:1.25}.pd-c strong.is-lager{color:var(--goed-d)}
.pd-c small{display:block;font-size:11.5px;line-height:1.35;color:var(--muted)}
.pd-c.is-tibber strong{color:var(--blauw-d)}.pd-c.is-laagste strong{color:var(--goed-d)}.pd-breed{grid-column:span 2}
.pd-meta{display:flex;flex-wrap:wrap;gap:2px 0;margin:0 0 8px;font-size:12px;color:var(--muted)}.pd-meta span+span:before{content:'•';margin:0 7px;color:#9aa6b8}
.pd-let{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;padding:2px 0 2px 10px;border-left:3px solid var(--duur);font-size:12.5px;line-height:1.45;color:var(--tekst)}.pd-let .ed-ic{display:none}
.pd-acties{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0}
.pd-knop{min-height:40px;padding:6px 14px;border-radius:8px;border:1px solid var(--lijn);background:#fff;font-size:13px;font-weight:650;color:var(--blauw-d);cursor:pointer}
.pd-uitleg summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--blauw-d);list-style:none}.pd-uitleg p{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted);flex-basis:100%}
.pd-acties .pd-uitleg{flex:1 1 100%}
.pd .ed-range{margin:0 0 10px}

/* Gedeeld: thuisaccu */
.pc-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 4px}
.pc-c{padding:10px 12px;border-radius:10px;background:var(--goed-t);min-width:0}.pc-c.is-scenario{background:#fff;border:1.5px dashed #8fcaa8}
.pc-c span{display:block;font-size:12px;font-weight:650;line-height:1.3;color:var(--tekst)}.pc-c em{font-style:normal;font-weight:500;color:var(--muted)}
.pc-c strong{display:block;margin-top:3px;font:800 26px/1.1 Inter,system-ui,sans-serif;letter-spacing:-.03em;color:var(--goed-d)}
.pc .ed-ac-det{margin-top:8px}

/* Gedeeld: kostenopbouw */
.po{padding:2px 4px 14px}
.po-t{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.po-som{display:flex;flex-wrap:wrap;gap:6px;margin:0;align-items:stretch}
.po-som>div{flex:1 1 84px;min-width:0;padding:7px 10px;border-radius:8px;background:#f6f8fb}
.po-som>b{align-self:center;color:var(--muted)}
.po-som dt{font-size:11.5px;color:var(--muted)}.po-som dd{margin:1px 0 0;font-size:17px;font-weight:800;color:var(--ink)}
.po-som .is-net{background:#eef2f7}

/* ── Ontwerp A ── */
.pa-kpi{background:#fff;border:1px solid var(--lijn);border-radius:14px;padding:16px;box-shadow:var(--schaduw);display:grid;grid-template-columns:minmax(0,1fr) 104px;grid-template-areas:'top meter' 'n n' 'note note';gap:12px 12px;align-items:start}
.pa-kpi-top{grid-area:top}.pa-kpi-n{grid-area:n}.pa-note{grid-area:note}.pa-kpi .pa-meter{grid-area:meter}
.pa-kpi h2{margin:0;font:750 17px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.01em}
.pa-oordeel{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:6px 0 0;font-size:14px;color:var(--tekst)}
.pa-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:750;background:var(--grijs-t);color:#4a5a73}.pa-badge .ed-ic{width:16px;height:16px}
.pa-kpi.is-groen .pa-badge{background:var(--goed-t);color:var(--goed-d)}.pa-kpi.is-oranje .pa-badge{background:var(--duur-t);color:var(--duur-d)}
.pa-kpi-n{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pa-k{display:block;font-size:12px;font-weight:650;color:var(--muted)}
.pa-groot{display:block;margin:2px 0;font:800 36px/1.05 Inter,system-ui,sans-serif;letter-spacing:-.035em;color:var(--ink)}
.pa-kpi.is-groen .pa-groot:not(.is-drempel){color:var(--goed-d)}.pa-groot.is-drempel{color:var(--tekst)}
.pa-kpi-n small{display:block;font-size:12px;color:var(--muted);line-height:1.35}
.pa-note{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:0;font-size:12px;line-height:1.45;color:var(--muted)}
.pa-grid{display:grid;gap:14px;margin-top:14px}
.pa-rail{display:grid;gap:14px;align-content:start}
.pa-chart{background:#fff;border:1px solid var(--lijn);border-radius:14px;padding:16px;box-shadow:var(--schaduw);min-width:0}
.pa-ch-kop{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:6px}
.pa-ch-kop h2{margin:0;font:750 17px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.01em}
.pa-leg{display:flex;gap:12px;margin:0;font-size:12px;color:var(--muted)}
.pa-leg span:before{content:'';display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px;background:var(--goed)}
.pa-leg .is-duur:before{background:var(--duur)}.pa-leg .is-ref:before{background:var(--ref);border-radius:50%}
.pa-rijen{list-style:none;margin:0;padding:0}
.pa-r{border-bottom:1px solid #eef1f5}.pa-r[hidden]{display:none}
.pa-r summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto 16px;grid-template-areas:'n v c' 't t t';gap:6px 8px;align-items:center;padding:10px 4px;border-radius:8px}
.pa-r summary:hover{background:#f6f8fb}
.pa-n{grid-area:n;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;line-height:1.3}.pa-n strong{font-size:14.5px;color:var(--ink);overflow-wrap:anywhere}
.pa-n em{font-style:normal;font-size:10.5px;font-weight:700;color:var(--goed-d);background:var(--goed-t);padding:1px 7px;border-radius:99px}
.pa-n small{flex-basis:100%;font-size:11.5px;color:var(--muted)}
.pa-v{grid-area:v;text-align:right;font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.pa-r.is-goed .pa-v{color:var(--goed-d)}.pa-r.is-duur .pa-v{color:var(--duur-d)}.pa-r.is-ref .pa-v{color:var(--blauw-d)}.pa-r.is-onvolledig .pa-v{font-size:12px;font-weight:600;color:var(--muted)}
.pa-chev{grid-area:c;width:16px;height:16px;color:#94a1b4;transition:transform .2s}.pa-r details[open] .pa-chev{transform:rotate(90deg)}
.pa-t{grid-area:t;position:relative;display:block;height:12px;border-radius:4px;background:#f0f3f8}
.pa-t:before{content:'';position:absolute;top:-3px;bottom:-3px;left:var(--z);width:2px;margin-left:-1px;background:var(--navy);border-radius:1px;z-index:1}
.pa-t i{position:absolute;top:1px;bottom:1px;left:var(--l);width:var(--w);border-radius:3px;background:var(--goed)}
.pa-r.is-duur .pa-t i{background:var(--duur)}.pa-r.is-gelijk .pa-t i{background:#97a3b5}.pa-r.is-ref .pa-t i{display:none}
.pa-r.is-ref .pa-t:after{content:'';position:absolute;top:50%;left:var(--z);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--ref);border:2px solid #fff;box-shadow:0 0 0 1px var(--ref);z-index:2}
.pa-r.is-onvolledig .pa-t{background:none}.pa-r.is-onvolledig .pa-t:before{display:none}
.pa-plot.is-alle .pa-t:before{left:var(--z2)}.pa-plot.is-alle .pa-t i{left:var(--l2);width:var(--w2)}.pa-plot.is-alle .pa-r.is-ref .pa-t:after{left:var(--z2)}
.pa-as{padding-top:4px}.pa-as>div{position:relative;height:26px;border-top:1px solid #c9d2de}
.pa-as span{position:absolute;top:5px;transform:translateX(-50%);font-size:11px;color:var(--muted);white-space:nowrap}.pa-as span.is-nul{font-weight:700;color:var(--navy)}
.pa-as span:first-child{transform:none}.pa-as span:last-child{transform:translateX(-100%)}
.pa-as span:before{content:'';position:absolute;left:50%;top:-6px;height:5px;width:1px;background:#c9d2de}.pa-as span:first-child:before{left:0}.pa-as span:last-child:before{left:auto;right:0}
.pa-meer{margin-top:10px;min-height:40px;padding:6px 14px;border-radius:8px;border:1px solid var(--lijn);background:#fff;font-size:13px;font-weight:650;color:var(--blauw-d);cursor:pointer}
.pa-kleur{margin:8px 0 0;font-size:12px;color:var(--muted)}
@media(max-width:599px){.pa-as span.is-mob-uit{display:none}}
@media(min-width:760px){
 .pk h1{font-size:30px}
 .pa-oordeel{flex-direction:column;align-items:flex-start;margin-top:10px;font-size:15px}
 .pa-groot{font-size:44px}
 .pa-r summary{grid-template-columns:minmax(150px,210px) minmax(0,1fr) 84px 16px;grid-template-areas:'n t v c';gap:16px;padding:8px 6px}
 .pa-t{height:16px}.pa-t i{top:2px;bottom:2px}
 .pa-as{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr) 84px 16px;gap:16px;padding:4px 6px 0}.pa-as>div{grid-column:2}
}
@media(min-width:1040px){
 .pa-grid{grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:start}
 .pa-rail{position:sticky;top:12px}
 .pd-c strong{font-size:20px}
}

/* ── Ontwerp B ── */
@media(min-width:760px){
 .pk h1{font-size:30px}
}
.pa-grid,.pa-rail{grid-template-columns:minmax(0,1fr)}.pa-grid>*,.pa-rail>*{min-width:0}
@media(min-width:1040px){.pa-grid{grid-template-columns:minmax(0,1fr) 400px}}
.pa-rail{display:contents}
@media(min-width:1040px){
 .pa-grid{grid-template-columns:minmax(0,1fr) 440px;grid-template-areas:'chart dag' 'accu dag';align-items:start}
 .pa-chart{grid-area:chart}.pa-grid .pd{grid-area:dag}.pa-grid .pc{grid-area:accu}
}
.po-som>div{flex:1 1 64px}.po-som>b{flex:none}

/* Compacte overstapmeter (uit ontwerp B): alleen visueel, zelfde waarden als de twee bedragen. */
.pa-meter{position:relative;width:104px;justify-self:end}.pa-meter svg{display:block;width:100%;height:auto}
.pa-g-spoor,.pa-g-vul{fill:none;stroke-width:10}.pa-g-spoor{stroke:#e9eef4;stroke-linecap:round}.pa-g-vul{stroke:#9fb3d1}
.pa-kpi.is-oranje .pa-g-vul{stroke:var(--duur)}.pa-kpi.is-groen .pa-g-vul{stroke:var(--goed)}
.pa-g-drempel{fill:#fff;stroke:var(--navy);stroke-width:3}
.pa-g-0,.pa-g-max{position:absolute;bottom:0;font-size:11px;font-weight:650;color:var(--muted)}.pa-g-0{left:0}.pa-g-max{right:-4px}
@media(min-width:760px){
 .pa-kpi{grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) 150px;grid-template-areas:'top n meter' 'note note note';align-items:center;padding:20px 24px;gap:14px 32px}
 .pa-kpi .pa-meter{width:150px}
 .pa-note{padding-top:10px;border-top:1px solid #eef1f5}
}
.pa-plot:not(.is-alle) .pa-as2,.pa-plot.is-alle .pa-as1{display:none}