/* VORTEVO — Premium Energy Editorial, Phase B2.
   Isolated interaction layer for the existing invoice analysis. */
.energy-house #rechnung{--invoice-accent:#efad68;--invoice-accent-soft:#ffd39d;--invoice-focus-top:49%}
.energy-house #rechnung .eh-stage{min-height:1050px}
.energy-house #rechnung .eh-analysis-values{top:118px!important}
.energy-house #rechnung .eh-value{
 appearance:none;width:100%;font:inherit;text-align:left;color:inherit;background:transparent;cursor:pointer;
 grid-template-columns:126px minmax(170px,1fr) 18px;column-gap:28px;min-height:125px;
 transition:opacity .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.energy-house #rechnung .eh-value::after{content:"";grid-column:3;grid-row:1 / span 2;align-self:center;width:7px;height:7px;border-radius:50%;background:#e8d4ae52;box-shadow:0 0 0 0 transparent;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.energy-house #rechnung .eh-value .eh-value-label{grid-column:1;font-size:10px;font-weight:500;line-height:1.45;color:#d8c7a9;letter-spacing:.17em;text-transform:uppercase;margin:0}
.energy-house #rechnung .eh-value strong{grid-column:2;grid-row:1 / span 2;align-self:center}
.energy-house #rechnung .eh-value:hover{background:#f3ead708}
.energy-house #rechnung .eh-analysis-values:has(.eh-value[aria-pressed="true"]) .eh-value:not([aria-pressed="true"]){opacity:.56}
.energy-house #rechnung .eh-value[aria-pressed="true"]{opacity:1!important;background:linear-gradient(90deg,#e89a5310,transparent);border-color:#efad6870;transform:translateX(-8px);padding-left:8px}
.energy-house #rechnung .eh-value[aria-pressed="true"] strong{color:#ffd8aa;text-shadow:0 0 22px #e89a533c}
.energy-house #rechnung .eh-value[aria-pressed="true"]::after{background:var(--invoice-accent-soft);box-shadow:0 0 0 5px #efad6815,0 0 20px #efad687d;transform:scale(1.12)}
.energy-house #rechnung .eh-value:focus-visible{outline:1px solid #ffd39db8;outline-offset:5px;background:#e89a5310}

.energy-house #rechnung .eh-invoice-detail{position:absolute;left:7%;top:570px;width:min(430px,37%);padding:20px 0 0 22px;border-left:1px solid #efad6899;color:#efe7d7}
.energy-house #rechnung .eh-invoice-detail-label{margin:0 0 10px;font-size:11px;line-height:1.45;text-transform:uppercase;letter-spacing:.15em;color:#d6bea0}
.energy-house #rechnung .eh-invoice-detail-label span{color:#ffd3a2}
.energy-house #rechnung .eh-invoice-detail-copy{margin:0;max-width:410px;font-size:16px;line-height:1.65;color:#d9dcd2}

.energy-house #rechnung .eh-invoice-paper-focus{position:absolute;z-index:-1;left:26%;top:var(--invoice-focus-top);width:28%;min-height:70px;padding:12px 18px;transform:rotate(-12deg) skewX(7deg);color:#392b1c;background:linear-gradient(90deg,transparent,#ffd6931f 24%,#ffd69327 72%,transparent);border-block:1px solid #8c663924;filter:drop-shadow(0 0 18px #f2ae5148);transition:top .2s ease,opacity .18s ease;opacity:.76}
.energy-house #rechnung .eh-invoice-paper-focus span{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#58452f}
.energy-house #rechnung .eh-invoice-paper-focus strong{display:block;margin-top:5px;font-size:clamp(18px,1.75vw,30px);font-weight:520;letter-spacing:-.025em;color:#3e2d1c}
.energy-house #rechnung[data-invoice-active="0"]{--invoice-focus-top:48%}
.energy-house #rechnung[data-invoice-active="1"]{--invoice-focus-top:52%}
.energy-house #rechnung[data-invoice-active="2"]{--invoice-focus-top:56%}
.energy-house #rechnung[data-invoice-active="3"]{--invoice-focus-top:60%}
.energy-house #rechnung[data-invoice-active="4"]{--invoice-focus-top:64%}
.energy-house #rechnung .eh-firefly-pulse{position:absolute;z-index:-1;left:55%;top:44%;width:10px;height:10px;border-radius:50%;pointer-events:none;background:#ffe0a9;opacity:0}
.energy-house #rechnung .eh-firefly-pulse.is-pulsing{animation:invoice-firefly-pulse .52s ease-out}
@keyframes invoice-firefly-pulse{0%{opacity:0;box-shadow:0 0 0 0 #ffd38c00}38%{opacity:.72;box-shadow:0 0 35px 14px #ffd38c4a}100%{opacity:0;box-shadow:0 0 60px 25px #ffd38c00}}

@media(max-width:980px) and (min-width:601px){
 .energy-house #rechnung .eh-value{grid-template-columns:105px minmax(150px,1fr) 16px;column-gap:18px}
 .energy-house #rechnung .eh-invoice-detail{width:36%}
}
@media(max-width:600px){
 .energy-house #rechnung .eh-stage{min-height:0!important;padding:78px 24px 62px!important}
 .energy-house #rechnung .eh-analysis-values{top:auto!important;margin-top:38px!important}
 .energy-house #rechnung .eh-value{display:grid!important;grid-template-columns:minmax(90px,.75fr) minmax(145px,1.25fr) 12px!important;column-gap:14px;min-height:72px;padding:14px 0!important;align-items:center}
 .energy-house #rechnung .eh-value .eh-value-label{grid-column:1;grid-row:1;font-size:9px;margin:0}
 .energy-house #rechnung .eh-value strong,.energy-house #rechnung .eh-value-word strong{grid-column:2;grid-row:1;font-size:clamp(22px,7.1vw,29px);line-height:1.12;margin:0}
 .energy-house #rechnung .eh-value strong span{display:block;font-size:.47em;line-height:1.3;margin-top:2px}
 .energy-house #rechnung .eh-value::after{grid-column:3;grid-row:1}
 .energy-house #rechnung .eh-value[aria-pressed="true"]{transform:none;padding-left:8px!important;padding-right:8px!important}
 .energy-house #rechnung .eh-analysis-values:has(.eh-value[aria-pressed="true"]) .eh-value:not([aria-pressed="true"]){opacity:.64}
 .energy-house #rechnung .eh-invoice-detail{position:relative;left:auto;top:auto;bottom:auto;width:auto;min-height:122px;margin-top:26px;padding:18px 0 0 18px}
 .energy-house #rechnung .eh-invoice-detail-copy{font-size:15px;line-height:1.62}
 .energy-house #rechnung .eh-analysis-bottom{margin-top:26px!important}
 .energy-house #rechnung .eh-invoice-paper-focus{display:none}
 .energy-house #rechnung .eh-firefly-pulse{left:68%;top:25%}
}
@media(prefers-reduced-motion:reduce){
 .energy-house #rechnung .eh-value,.energy-house #rechnung .eh-value::after,.energy-house #rechnung .eh-invoice-paper-focus{transition:none!important}
 .energy-house #rechnung .eh-firefly-pulse.is-pulsing{animation:none!important}
}
.energy-house.eh-reduced #rechnung .eh-value,.energy-house.eh-reduced #rechnung .eh-value::after,.energy-house.eh-reduced #rechnung .eh-invoice-paper-focus{transition:none!important}
.energy-house.eh-reduced #rechnung .eh-firefly-pulse.is-pulsing{animation:none!important}