/* ============================================================
   EnergyDock · RCE live — premium design (handoff Claude Design).
   Cała przestrzeń nazw pod .edxr, aby NIE kolidować z motywem EnergyDock
   (.card/.btn/.kpi/.section itd. działają tylko wewnątrz .edxr).
   v77.16.48
   ============================================================ */
.edxr{
  --bg-2:#0d1828;
  /* v77.17.381 (F15): --ink-mute #6f829a dawał ~3,05–4,32:1 na gradiencie kart (poniżej AA 4,5:1 dla etykiet 12px);
     #9db0c4 = ~5,4:1 na najjaśniejszym punkcie, ~7,6:1 na najciemniejszym. UWAGA: plik wątku „widget RCE" → read-merge. */
  --ink:#eef4fb; --ink-soft:#aebfd2; --ink-mute:#9db0c4; --ink-faint:#4d5f76;
  --line:rgba(150,180,215,.11); --line-soft:rgba(150,180,215,.07); --line-strong:rgba(150,180,215,.18);
  --cyan:#16C7F3; --cyan-bright:#16C7F3; --cyan-deep:#0fa3d4;
  --green:#16C7F3; --orange:#ff6b2c; --orange-2:#ff8a52; --red:#ff6a55;
  --r-sm:10px; --r-md:16px; --r-lg:22px; --r-xl:28px;
  --font-display:'Sora',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --shadow-card:0 1px 0 rgba(255,255,255,.045) inset, 0 24px 60px -32px rgba(0,0,0,.85);
  --shadow-pop:0 18px 50px -16px rgba(0,0,0,.7);
  font-family:var(--font-body); color:var(--ink);
}
.edxr *{ box-sizing:border-box; }
.edxr h1,.edxr h2,.edxr h3,.edxr h4{ font-family:var(--font-display); margin:0; letter-spacing:-.02em; }
.edxr p{ margin:0; }
.edxr a{ color:inherit; text-decoration:none; }
.edxr .tnum{ font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1; }

.edxr .eyebrow{ display:inline-flex; align-items:center; gap:12px; font-family:var(--font-body); font-size:12.5px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--cyan); }
.edxr .eyebrow::before{ content:""; width:28px; height:1.5px; background:linear-gradient(90deg,var(--cyan),transparent); }

/* buttons */
.edxr .btn{ display:inline-flex; align-items:center; gap:9px; font-family:var(--font-body); font-weight:700; font-size:14.5px; padding:12px 20px; border-radius:999px; border:0; cursor:pointer; white-space:nowrap; transition:transform .15s ease, box-shadow .2s ease, filter .2s; }
.edxr .btn:active{ transform:translateY(1px) scale(.99); }
.edxr .btn-cta{ color:#fff; background:linear-gradient(135deg,#ff8a3e,#ff6b2c); box-shadow:0 12px 28px -10px rgba(255,110,40,.7), 0 0 0 1px rgba(255,150,90,.35) inset; }
.edxr .btn-cta:hover{ filter:brightness(1.06); box-shadow:0 16px 34px -10px rgba(255,110,40,.8), 0 0 0 1px rgba(255,170,110,.5) inset; }
.edxr .btn-ghost{ color:var(--ink); background:rgba(255,255,255,.04); border:1px solid var(--line); }
.edxr .btn-ghost:hover{ background:rgba(255,255,255,.08); }
.edxr .btn .arr{ transition:transform .2s; } .edxr .btn:hover .arr{ transform:translateX(3px); }

/* cards */
.edxr .card{ position:relative; border:1px solid rgba(255,255,255,.08); border-radius:var(--r-lg); background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.014)); box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 1px 2px rgba(0,0,0,.4), 0 28px 56px -28px rgba(0,0,0,.72); }
.edxr .card-glass{ -webkit-backdrop-filter:blur(16px) saturate(130%); backdrop-filter:blur(16px) saturate(130%); }

/* hero */
.edxr .hero-grid{ display:grid; grid-template-columns:1.12fr .88fr; gap:52px; align-items:center; }
@media (max-width:980px){ .edxr .hero-grid{ grid-template-columns:1fr; gap:34px; } }
.edxr .hero-copy{ min-width:0; }
.edxr .rce-h1{ font-size:clamp(36px,5vw,62px); font-weight:700; line-height:1.04; margin:20px 0 0; color:#fff; letter-spacing:-.02em; }
.edxr .rce-h1 em{ font-style:normal; color:var(--cyan-bright); }
.edxr .lede{ margin-top:20px; max-width:60ch; font-size:18px; line-height:1.55; color:var(--ink-soft); }
.edxr .lede b{ color:var(--ink); font-weight:700; }
.edxr .lede .pos{ color:var(--green); font-weight:700; } .edxr .lede .neg{ color:var(--orange-2); font-weight:700; }
.edxr .hero-actions{ margin-top:26px; display:flex; gap:14px; flex-wrap:wrap; }

/* live glance card */
.edxr .live-card{ padding:26px; border-radius:var(--r-xl); display:flex; flex-direction:column; gap:16px; }
.edxr .live-card::after{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(120% 80% at 85% -10%, rgba(22,199,243,.16), transparent 60%); }
.edxr .live-card>*{ position:relative; }
.edxr .lc-top{ display:flex; align-items:center; justify-content:space-between; }
.edxr .lc-time{ font-size:13px; font-weight:600; color:var(--ink-mute); }
.edxr .lc-price{ display:flex; align-items:baseline; gap:9px; font-family:var(--font-display); }
.edxr .lc-price .num{ font-size:clamp(46px,6vw,58px); font-weight:700; line-height:1; letter-spacing:-.02em; color:var(--cyan-bright); }
.edxr .lc-price .cur{ font-size:15px; font-weight:600; color:var(--ink-mute); }
.edxr .lc-spark{ height:84px; margin:2px 0 0; } /* v77.16.51-fix4: wyższy sparkline — był spłaszczony przy szerokiej karcie */
.edxr .lc-spark svg{ display:block; width:100%; height:100%; overflow:visible; }
.edxr .lc-scale{ display:flex; flex-direction:column; gap:9px; }
.edxr .lc-range{ display:flex; justify-content:space-between; font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:var(--ink-faint); }
.edxr .lc-bar{ position:relative; height:8px; border-radius:999px; background:linear-gradient(90deg,#16C7F3,#16C7F3 52%,#ff6b2c); }
.edxr .lc-marker{ position:absolute; top:50%; width:5px; height:18px; border-radius:3px; background:#fff; transform:translate(-50%,-50%); box-shadow:0 0 0 3px rgba(8,15,26,.92), 0 2px 6px rgba(0,0,0,.6); }
.edxr .lc-vals{ display:flex; justify-content:space-between; font-size:13px; font-weight:700; font-variant-numeric:tabular-nums; }
.edxr .lc-vals .g{ color:var(--green); } .edxr .lc-vals .o{ color:var(--orange-2); }
.edxr .lc-link{ display:inline-flex; align-items:center; gap:7px; font-weight:700; font-size:14.5px; color:var(--cyan-bright); }
.edxr .lc-link .arr{ transition:transform .2s; } .edxr .lc-link:hover .arr{ transform:translateX(3px); }

/* pill */
.edxr .pill{ display:inline-flex; align-items:center; gap:7px; align-self:flex-start; padding:5px 12px; border-radius:999px; font-size:12.5px; font-weight:700; background:rgba(255,255,255,.06); border:1px solid var(--line); color:var(--ink-soft); white-space:nowrap; }
.edxr .pill .d{ width:6px; height:6px; border-radius:50%; background:var(--cyan); }
.edxr .pill.is-low .d{ background:var(--green); } .edxr .pill.is-high .d{ background:var(--orange); }

/* dashboard widget */
.edxr .dash{ padding:22px; border-radius:var(--r-xl); margin-top:14px; background:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.018)); box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 2px 6px rgba(0,0,0,.35), 0 54px 96px -48px rgba(0,0,0,.85); }
.edxr .dash::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(80% 60% at 0% 0%, rgba(22,199,243,.10), transparent 60%); }
.edxr .dash>*{ position:relative; }
@media (min-width:760px){ .edxr .dash{ padding:30px; } }
.edxr .dash-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.edxr .live-tag{ display:flex; align-items:center; gap:10px; }
.edxr .live-tag .dot{ width:9px; height:9px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 0 rgba(22,199,243,.6); animation:edxrPulse 2.2s infinite; }
@keyframes edxrPulse{ 0%{ box-shadow:0 0 0 0 rgba(22,199,243,.55);} 70%{ box-shadow:0 0 0 9px rgba(22,199,243,0);} 100%{ box-shadow:0 0 0 0 rgba(22,199,243,0);} }
.edxr .live-tag .txt{ font-family:var(--font-body); font-weight:700; font-size:12.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--cyan-bright); white-space:nowrap; }
/* v77.17.144: stan „stale" (ostatni udany odczyt) — kropka nie pulsuje i jest bursztynowa,
   żeby oznaczenie „na żywo" nie kłamało; spójne z mini-widgetem i SSR. */
.edxr .live-tag.is-stale .dot{ background:#e0a24a; box-shadow:none; animation:none; }
.edxr .live-tag.is-stale .txt{ color:#e0a24a; }
.edxr .dash-src.is-stale{ color:#e0a24a; }
.edxr .dash-src.is-stale .dot{ background:#e0a24a; }
.edxr .dash-date{ font-size:13.5px; color:var(--ink-mute); font-weight:600; }
.edxr .day-toggle{ display:inline-flex; gap:4px; padding:4px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.03); }
.edxr .day-toggle button{ border:0; background:transparent; color:var(--ink-mute); font-family:var(--font-body); font-weight:700; font-size:13px; padding:7px 16px; border-radius:999px; cursor:pointer; }
.edxr .day-toggle button.on{ color:var(--ink); background:rgba(255,255,255,.07); }
.edxr .day-toggle button[disabled]{ opacity:.4; cursor:not-allowed; }

/* KPI segmented panel */
.edxr .kpis{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:24px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.09); border-radius:var(--r-md); overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
@media (max-width:880px){ .edxr .kpis{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ .edxr .kpis{ grid-template-columns:1fr 1fr; gap:1px; } } /* v77.17.224: wartości RCE 2x2 zamiast 1x4 (jak na głównej) */
.edxr .kpi{ position:relative; overflow:hidden; padding:20px 22px 18px; background:linear-gradient(180deg,rgba(13,24,40,.92),rgba(10,19,31,.92)); transition:background .25s ease; }
.edxr .kpi:hover{ background:linear-gradient(180deg,rgba(22,36,55,.95),rgba(14,25,40,.95)); }
.edxr .kpi.lead{ background:linear-gradient(180deg,rgba(20,58,80,.95),rgba(11,30,44,.95)); box-shadow:inset 0 2px 0 var(--cyan); }
.edxr .kpi .label{ font-size:12px; font-weight:700; letter-spacing:.02em; color:var(--ink-mute); }
.edxr .kpi .val{ margin-top:12px; display:flex; align-items:baseline; gap:7px; font-family:var(--font-display); }
.edxr .kpi .val .num{ font-size:34px; font-weight:700; line-height:1; letter-spacing:-.025em; color:#fff; }
.edxr .kpi .val .unit{ font-size:13.5px; font-weight:600; color:var(--ink-mute); }
.edxr .kpi.lead .num{ color:var(--cyan-bright); }
.edxr .kpi .num.green{ color:var(--green); } .edxr .kpi .num.red{ color:var(--orange-2); }
.edxr .kpi .sub{ margin-top:9px; font-size:12.5px; color:var(--ink-mute); font-weight:500; }
.edxr .kpi .pill{ margin-top:12px; }

/* chart */
.edxr .chart-block{ margin-top:26px; }
.edxr .chart-title{ font-size:21px; font-weight:700; color:#fff; }
.edxr .chart-sub{ margin-top:7px; font-size:14.5px; color:var(--ink-soft); }
.edxr .chart-sub b{ color:#fff; }
.edxr .chart-host{ position:relative; margin-top:14px; }
.edxr .chart-host svg{ display:block; width:100%; height:auto; overflow:visible; }
.edxr .c-tip{ position:absolute; pointer-events:none; z-index:5; transform:translate(-50%,-118%); padding:8px 12px; border-radius:11px; background:rgba(12,22,36,.96); border:1px solid var(--line-strong); box-shadow:var(--shadow-pop); font-size:13px; white-space:nowrap; opacity:0; transition:opacity .12s; }
.edxr .c-tip .h{ color:var(--ink-mute); font-weight:600; font-size:12px; }
.edxr .c-tip .v{ color:#fff; font-weight:700; font-family:var(--font-display); font-size:15px; margin-top:1px; }
.edxr .c-tip.show{ opacity:1; }
.edxr .legend{ display:flex; flex-wrap:wrap; gap:18px; margin-top:8px; padding-left:4px; }
.edxr .legend .item{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ink-soft); }
.edxr .legend .swatch{ width:13px; height:13px; border-radius:4px; }
.edxr .legend .swatch.line{ width:16px; height:3px; border-radius:2px; background:var(--cyan); }
.edxr .dash-foot{ margin-top:22px; padding-top:20px; border-top:1px solid var(--line-soft); display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.edxr .dash-foot .note{ font-size:14.5px; color:var(--ink-soft); max-width:62ch; } .edxr .dash-foot .note b{ color:#fff; }
.edxr .dash-src{ margin-top:16px; font-size:12.5px; color:var(--ink-faint); display:flex; align-items:center; gap:8px; }
.edxr .dash-src .dot{ width:5px; height:5px; border-radius:50%; background:var(--green); }

/* heatmap strip */
.edxr .strip-wrap{ margin-top:26px; }
.edxr .strip-head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.edxr .strip-head h3{ font-size:18px; color:#fff; }
.edxr .strip-head .key{ display:flex; gap:14px; font-size:12.5px; color:var(--ink-mute); }
.edxr .strip-head .key i{ display:inline-block; width:9px; height:9px; border-radius:3px; margin-right:6px; vertical-align:-1px; }
.edxr .bars{ display:grid; grid-template-columns:repeat(24,1fr); gap:4px; margin-top:14px; align-items:end; height:148px; } /* v77.17.172: wyższy pasek „Cena godzina po godzinie" (było 92px) — mniej „spłaszczony" */
.edxr .bar{ position:relative; border-radius:5px 5px 3px 3px; min-height:6px; transition:transform .15s, filter .15s; cursor:default; }
.edxr .bar:hover{ filter:brightness(1.25); transform:scaleY(1.02); }
.edxr .bar.now{ outline:2px solid rgba(255,255,255,.85); outline-offset:1px; }
.edxr .bar .bt{ position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); background:rgba(12,22,36,.96); border:1px solid var(--line-strong); border-radius:9px; padding:6px 9px; font-size:12px; white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .12s; z-index:4; box-shadow:var(--shadow-pop); }
.edxr .bar:hover .bt{ opacity:1; } .edxr .bar .bt b{ color:#fff; font-family:var(--font-display); }
.edxr .bars-axis{ display:grid; grid-template-columns:repeat(24,1fr); margin-top:8px; font-size:11px; color:var(--ink-faint); }
.edxr .bars-axis span{ text-align:center; }

/* blocks: info cards / faq / calc */
.edxr .block-head{ max-width:760px; }
.edxr .block-head h2{ font-size:clamp(28px,3.6vw,44px); font-weight:700; color:#fff; margin-top:16px; line-height:1.06; }
.edxr .block-head p{ margin-top:18px; font-size:17px; line-height:1.6; color:var(--ink-soft); } .edxr .block-head p b{ color:var(--ink); }
.edxr .info-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:36px; }
@media (max-width:880px){ .edxr .info-grid{ grid-template-columns:1fr; } }
.edxr .info-card{ padding:28px; border-radius:var(--r-lg); transition:transform .25s ease, box-shadow .25s ease; }
.edxr .info-card:hover{ transform:translateY(-4px); box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.4), 0 40px 70px -30px rgba(0,0,0,.8); }
.edxr .info-card .ic{ width:46px; height:46px; border-radius:13px; display:grid; place-items:center; background:linear-gradient(180deg,rgba(22,199,243,.16),rgba(22,199,243,.04)); border:1px solid rgba(22,199,243,.22); color:var(--cyan-bright); }
.edxr .info-card.warm .ic{ background:linear-gradient(180deg,rgba(255,107,44,.16),rgba(255,107,44,.04)); border-color:rgba(255,107,44,.28); color:var(--orange-2); }
.edxr .info-card.green .ic{ background:linear-gradient(180deg,rgba(22,199,243,.16),rgba(22,199,243,.04)); border-color:rgba(22,199,243,.26); color:var(--green); }
.edxr .info-card .ic svg{ width:22px; height:22px; }
.edxr .info-card h3{ margin-top:18px; font-size:20px; color:#fff; }
.edxr .info-card p{ margin-top:12px; font-size:15px; line-height:1.6; color:var(--ink-soft); }
.edxr .faq{ margin-top:36px; display:flex; flex-direction:column; gap:12px; }
.edxr .qa{ border-radius:var(--r-md); border:1px solid var(--line); background:rgba(255,255,255,.02); overflow:hidden; transition:border-color .2s, background .2s; }
.edxr .qa:hover{ border-color:var(--line-strong); }
.edxr .qa.open{ background:rgba(255,255,255,.035); border-color:rgba(22,199,243,.25); }
.edxr .qa-q{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; cursor:pointer; }
.edxr .qa-q h4{ font-size:17.5px; font-weight:600; color:#fff; }
.edxr .qa-q .tog{ width:26px; height:26px; flex:none; border-radius:50%; border:1px solid var(--line-strong); display:grid; place-items:center; color:var(--cyan-bright); transition:transform .25s, background .2s; }
.edxr .qa.open .tog{ transform:rotate(45deg); background:rgba(22,199,243,.12); }
.edxr .qa-a{ max-height:0; overflow:hidden; transition:max-height .3s ease; }
.edxr .qa-a p{ padding:0 24px 22px; font-size:15px; line-height:1.62; color:var(--ink-soft); max-width:90ch; }
.edxr .calc{ padding:34px; border-radius:var(--r-xl); margin-top:36px; display:grid; grid-template-columns:1fr 1px .9fr; gap:36px; }
@media (max-width:920px){ .edxr .calc{ grid-template-columns:1fr; gap:28px; } .edxr .calc .divider{ display:none; } }
.edxr .calc .divider{ background:var(--line); }
.edxr .calc h3{ font-size:22px; color:#fff; }
.edxr .ctrl{ margin-top:24px; }
.edxr .ctrl .row{ display:flex; align-items:baseline; justify-content:space-between; }
.edxr .ctrl label{ font-size:14.5px; color:var(--ink-soft); font-weight:600; }
.edxr .ctrl .out{ font-family:var(--font-display); font-weight:700; font-size:18px; color:var(--cyan-bright); }
.edxr input[type=range]{ -webkit-appearance:none; appearance:none; width:100%; height:6px; margin-top:14px; border-radius:999px; background:linear-gradient(90deg,#16C7F3 0%,#1FA3FF var(--p,50%),rgba(255,255,255,.09) var(--p,50%)); box-shadow:0 0 14px -3px rgba(22,199,243,.55); outline:none; } /* v77.17.540: wypełnienie do pozycji suwaka (--p z JS + start z markupu) */
.edxr input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; width:20px; height:20px; border-radius:50%; background:linear-gradient(180deg,#fff,#d8ecf6); cursor:pointer; box-shadow:0 0 0 4px rgba(22,199,243,.25), 0 2px 6px rgba(0,0,0,.5); }
.edxr input[type=range]::-moz-range-thumb{ width:20px; height:20px; border:0; border-radius:50%; background:#fff; cursor:pointer; box-shadow:0 0 0 4px rgba(22,199,243,.25); }
.edxr .calc-result{ display:flex; flex-direction:column; justify-content:center; }
.edxr .calc-result .rlabel{ font-size:14px; color:var(--ink-mute); font-weight:600; }
.edxr .calc-result .big{ font-family:var(--font-display); font-weight:700; font-size:clamp(42px,6vw,58px); line-height:1; margin-top:10px; color:#fff; letter-spacing:-.02em; }
.edxr .calc-result .big .cur{ color:var(--green); }
.edxr .calc-result .rsub{ margin-top:14px; font-size:14.5px; color:var(--ink-soft); line-height:1.55; } .edxr .calc-result .rsub b{ color:#fff; }
.edxr .calc-result .btn{ margin-top:22px; align-self:flex-start; }

/* sticky price bar */
.edxr-sticky{ position:fixed; left:0; right:0; bottom:0; z-index:70; transform:translateY(120%); transition:transform .35s cubic-bezier(.2,.8,.2,1); pointer-events:none; }
.edxr-sticky.show{ transform:translateY(0); pointer-events:auto; }
.edxr-sticky .sticky-inner{ max-width:1240px; margin:0 auto 16px; padding:12px 14px 12px 22px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; border:1px solid var(--line-strong); border-radius:999px; background:linear-gradient(180deg,rgba(18,30,46,.95),rgba(10,18,30,.95)); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); box-shadow:var(--shadow-pop); }
.edxr-sticky .now{ display:flex; align-items:center; gap:11px; }
.edxr-sticky .now .dot{ width:9px; height:9px; border-radius:50%; background:var(--cyan); animation:edxrPulse 2.2s infinite; }
.edxr-sticky .now .v{ font-family:var(--font-display); font-weight:700; font-size:18px; color:var(--cyan-bright); }
.edxr-sticky .now .v small{ color:var(--ink-mute); font-size:12px; font-weight:600; }
.edxr-sticky .meta{ font-size:13.5px; color:var(--ink-soft); } .edxr-sticky .meta b{ color:#fff; }
.edxr-sticky .btn{ margin-left:auto; }
/* v77.17.232: dolny sticky bar jest RODZEŃSTWEM poza `.edxr` (po </main>), więc reguły `.edxr .btn`/`.edxr .btn-cta`
   NIE łapią jego CTA → renderowało się bez kształtu i bez pomarańczu. Odtwarzamy bazę przycisku + pomarańczowy CTA. */
.edxr-sticky .btn{ display:inline-flex; align-items:center; gap:9px; font-weight:700; font-size:14.5px; padding:12px 20px; border-radius:999px; border:0; cursor:pointer; white-space:nowrap; text-decoration:none; transition:transform .15s ease, box-shadow .2s ease, filter .2s; }
.edxr-sticky .btn-cta{ color:#fff !important; background:linear-gradient(135deg,#ff8a3e,#ff6b2c) !important; box-shadow:0 12px 28px -10px rgba(255,110,40,.7), 0 0 0 1px rgba(255,150,90,.35) inset !important; }
.edxr-sticky .btn-cta:hover{ filter:brightness(1.06); }
.edxr-sticky .btn .arr{ transition:transform .2s; }
.edxr-sticky .btn:hover .arr{ transform:translateX(3px); }

/* reveal + finishing (scoped) */
.edxr .reveal{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
.edxr .reveal.in{ opacity:1; transform:none; }
/* v77.17.178 (audyt E06): krytyczna treść hero (H1, lede, CTA, live-card) NIE może zależeć od JS.
   Gdy LiteSpeed opóźni skrypt albo JS się nie wykona, hero i tak wchodzi czysto w CSS (0→1) i pozostaje
   widoczny — bez pustej powierzchni po kickerze. Poniżej hero nadal działa scroll-reveal sterowany JS. */
.edxr .hero .reveal{ animation:edxrHeroReveal .6s ease both; }
@keyframes edxrHeroReveal{ from{ opacity:0; transform:translateY(18px); } to{ opacity:1; transform:none; } }
.edxr ::selection{ background:rgba(22,199,243,.32); color:#fff; }
.edxr :focus-visible{ outline:2px solid var(--cyan); outline-offset:3px; border-radius:6px; }
.edxr .rce-na{ padding:18px 20px; font-size:15px; color:var(--ink-soft); border:1px solid var(--line); border-radius:var(--r-lg); background:rgba(255,255,255,.02); }
@media (prefers-reduced-motion:reduce){
  .edxr *, .edxr *::before, .edxr *::after{ animation:none; transition:none; }
  .edxr .reveal{ opacity:1; transform:none; }
  .edxr .hero .reveal{ animation:none; opacity:1; transform:none; } /* v77.17.178: nadpisuje bardziej specyficzną regułę hero */
  .edxr-sticky{ transition:none; }
}

/* v77.16.50 — wariant HOME: smuklejszy (jak „Szybka Diagnoza" ~920px), klikalny jako teaser. */
.edxr-compact{ max-width:920px; margin-left:auto; margin-right:auto; }
.edxr-compact .dash{ padding:18px; margin-top:0; }
@media (min-width:760px){ .edxr-compact .dash{ padding:22px 24px; } }
.edxr-compact .kpis{ margin-top:18px; }
.edxr-compact .kpi{ padding:14px 16px 13px; }
.edxr-compact .kpi .val{ margin-top:9px; }
.edxr-compact .kpi .val .num{ font-size:27px; }
.edxr-compact .kpi .pill{ margin-top:9px; }
.edxr-compact .chart-block{ margin-top:20px; }
.edxr-compact .chart-title{ font-size:18px; }
.edxr-compact .chart-sub{ font-size:13.5px; }
.edxr-compact .dash-foot{ margin-top:18px; padding-top:16px; }
.edxr-clickable{ cursor:pointer; }
.edxr-clickable .dash{ transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.edxr-clickable:hover .dash{ transform:translateY(-3px); border-color:rgba(22,199,243,.28); box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 2px 6px rgba(0,0,0,.35), 0 60px 110px -48px rgba(0,0,0,.9); }

/* v77.17.171 — animacja ładowania słupków „Cena godzina po godzinie" (jak wykres na /dom-i-samochod-elektryczny/):
   słupki wyrastają od dołu schodkowo (scaleY 0→1). `backwards` (nie `both`), żeby po animacji hover-scale działał. */
@keyframes edxrBarIn{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.edxr .bars.is-anim .bar{transform-origin:bottom;animation:edxrBarIn .62s cubic-bezier(.22,.9,.3,1) backwards;animation-delay:calc(var(--i,0)*26ms)}
@media (prefers-reduced-motion:reduce){.edxr .bars.is-anim .bar{animation:none}}

/* v77.17.271 — Tabela cen godzinowych + warstwa dystrybucji OSD */
.edxr .rce-table-wrap{margin-top:22px}
.edxr .rce-table-card{padding:22px 24px 24px}
.edxr .rce-table-card .rce-table-wrap{margin-top:0} /* w osobnej karcie bez dodatkowego odstępu */
@media (max-width:600px){.edxr .rce-table-card{padding:16px 14px 18px}}
.edxr .rce-table-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.edxr .rce-table-head h3{margin:0;font:600 18px/1.2 Sora,sans-serif;color:#eaf2fb}
.edxr .rce-table-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.edxr .rce-mode{display:inline-flex;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:3px}
.edxr .rce-mode button{border:0;background:transparent;color:#9fb3c8;font:600 13px/1 Inter,sans-serif;padding:7px 12px;border-radius:8px;cursor:pointer}
.edxr .rce-mode button.on{background:rgba(22,199,243,.16);color:#8CEBFF}
.edxr .rce-osd{font:500 13px/1 Inter,sans-serif;color:#9fb3c8;display:inline-flex;align-items:center;gap:8px}
.edxr .rce-osd select{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#eaf2fb;border-radius:8px;padding:7px 10px;font:600 13px/1 Inter,sans-serif}
.edxr .rce-table-scroll{overflow-x:auto;border:1px solid rgba(255,255,255,.07);border-radius:14px}
.edxr .rce-table{width:100%;border-collapse:collapse;font:500 14px/1.3 Inter,sans-serif;min-width:520px}
.edxr .rce-table th{text-align:left;font:600 12px/1 Inter,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#8ba0b6;padding:12px 14px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.08)}
.edxr .rce-table td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.045);color:#dbe7f3}
.edxr .rce-table tbody tr:last-child td{border-bottom:0}
.edxr .rce-table .u{color:#7d90a6;font-size:11px}
.edxr .rce-table td.h{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.edxr .rce-table .now-tag{display:inline-block;margin-left:6px;font:700 10px/1 Inter,sans-serif;color:#0a1826;background:#8CEBFF;padding:2px 6px;border-radius:6px;vertical-align:middle}
.edxr .rce-table tr.is-now{background:rgba(22,199,243,.06)}
.edxr .rce-table td.net,.edxr .rce-table td.gross{font-variant-numeric:tabular-nums}
.edxr .rce-badge{display:inline-block;font:600 12px/1 Inter,sans-serif;padding:4px 9px;border-radius:20px}
.edxr .rce-badge.is-low{background:rgba(22,199,243,.15);color:#8CEBFF}
.edxr .rce-badge.is-mid{background:rgba(159,179,200,.14);color:#c3d2e2}
.edxr .rce-badge.is-high{background:rgba(255,107,44,.16);color:#FFB27F}
.edxr .rce-table tr.is-low td.net{color:#8CEBFF}
.edxr .rce-table tr.is-high td.net{color:#FFB27F}
.edxr .rce-table td.dev{font-variant-numeric:tabular-nums;color:#9fb3c8}
.edxr .rce-table-wrap[data-mode="gross"] td.gross span[data-cell]{font-weight:800;color:#fff}
.edxr .rce-table-wrap[data-mode="gross"] td.net{opacity:.5}
.edxr .rce-table-wrap:not([data-mode="gross"]) td.gross{opacity:.6}
.edxr .rce-table-note{margin:10px 2px 0;font:400 12px/1.5 Inter,sans-serif;color:#8296ab}
/* v77.17.271 — pasek sygnału „najtańsza godzina" + countdown */
.edxr .rce-signal{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:14px 0 4px;padding:11px 15px;background:rgba(22,199,243,.07);border:1px solid rgba(22,199,243,.16);border-radius:12px;font:500 14px/1.3 Inter,sans-serif;color:#dbe7f3}
.edxr .rce-signal-dot{width:8px;height:8px;border-radius:50%;background:#16C7F3;box-shadow:0 0 0 0 rgba(22,199,243,.5);animation:edxrPulse 2s infinite}
.edxr .rce-signal-txt b{color:#8CEBFF}
.edxr .rce-signal-cd{color:#8CEBFF;font-weight:700}
.edxr .rce-signal-cd.is-now{color:#37f59e}
.edxr .rce-signal-cd.is-past{color:#8296ab;font-weight:500}
@keyframes edxrPulse{0%{box-shadow:0 0 0 0 rgba(22,199,243,.45)}70%{box-shadow:0 0 0 7px rgba(22,199,243,0)}100%{box-shadow:0 0 0 0 rgba(22,199,243,0)}}

/* v77.17.271 — wyróżniony selektor operatora OSD (call-to-action + stan „zapamiętany") */
.edxr .rce-osd-picker{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 16px;padding:15px 18px;border-radius:14px;background:linear-gradient(180deg,rgba(22,199,243,.09),rgba(22,199,243,.03));border:1.5px solid rgba(22,199,243,.30)}
.edxr .rce-table-wrap[data-osd-chosen="1"] .rce-osd-picker{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.09)}
.edxr .rce-osd-picker-txt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 260px}
.edxr .rce-osd-picker-title{font:700 15.5px/1.25 Sora,sans-serif;color:#eaf2fb}
.edxr .rce-osd-picker-sub{font:400 12.5px/1.45 Inter,sans-serif;color:#9fb3c8}
.edxr .rce-osd-picker-sub b{color:#8CEBFF}
.edxr .rce-osd-saved{display:none;color:#37f59e;font-weight:700;white-space:nowrap}
.edxr .rce-table-wrap[data-osd-chosen="1"] .rce-osd-saved{display:inline}
.edxr .rce-osd-select-big{appearance:none;-webkit-appearance:none;background:rgba(10,24,38,.65) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238CEBFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 14px center;border:1.5px solid rgba(22,199,243,.5);color:#fff;border-radius:12px;padding:13px 44px 13px 18px;font:700 15.5px/1 Sora,sans-serif;cursor:pointer;min-width:220px;transition:border-color .2s}
.edxr .rce-osd-select-big:hover{border-color:rgba(22,199,243,.85)}
.edxr .rce-table-wrap[data-osd-chosen="1"] .rce-osd-select-big{border-color:rgba(255,255,255,.18)}
.edxr .rce-table-wrap:not([data-osd-chosen="1"]) .rce-osd-select-big{animation:edxrOsdGlow 2.2s ease-in-out infinite}
@keyframes edxrOsdGlow{0%,100%{box-shadow:0 0 0 0 rgba(22,199,243,0)}50%{box-shadow:0 0 0 5px rgba(22,199,243,.20)}}
@media (prefers-reduced-motion:reduce){.edxr .rce-osd-select-big{animation:none!important}}

/* v77.17.271b — picker jako chipy operatorów (single-select, markowe kolory) + mocne CTA */
.edxr .rce-osd-picker{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px}
.edxr .rce-osd-picker .rce-osd-picker-txt{flex:0 0 auto} /* w kolumnie flex-basis=wysokość — zeruj, inaczej blok tekstu puchnie */
.edxr .rce-table-wrap:not([data-osd-chosen="1"]) .rce-osd-picker{border-color:rgba(22,199,243,.55);box-shadow:0 0 0 1px rgba(22,199,243,.14)}
.edxr .rce-osd-req{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff6b2c;margin-right:9px;vertical-align:middle;animation:edxrPulse 1.5s infinite}
.edxr .rce-table-wrap[data-osd-chosen="1"] .rce-osd-req{display:none}
.edxr .rce-osd-chips{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
.edxr .rce-osd-chips::-webkit-scrollbar{height:5px}
.edxr .rce-osd-chips::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:3px}
.edxr .rce-table-wrap:not([data-osd-chosen="1"]) .rce-osd-chips{animation:edxrChipsWait 2.1s ease-in-out infinite}
@keyframes edxrChipsWait{0%,100%{filter:none}50%{filter:drop-shadow(0 0 5px rgba(22,199,243,.35))}}
.edxr .rce-osd-chip{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap;background:rgba(255,255,255,.045);border:1.5px solid rgba(255,255,255,.13);color:#dbe7f3;border-radius:12px;padding:8px 13px 8px 10px;font:600 13px/1 Inter,sans-serif;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .08s}
.edxr .rce-osd-chip:hover{border-color:rgba(255,255,255,.30);background:rgba(255,255,255,.08)}
.edxr .rce-osd-chip:active{transform:translateY(1px)}
.edxr .rce-osd-chip-logo{width:24px;height:24px;border-radius:6px;flex:0 0 auto;background:var(--brand,#8ba0b6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
/* realne logo na jasnym placku (czytelne na ciemnym UI, dowolny kolor logo) */
.edxr .rce-osd-chip-logo-img{width:auto;min-width:40px;height:26px;padding:3px 7px;background:#fff;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.edxr .rce-osd-chip-logo-img img{height:16px;width:auto;max-width:70px;display:block}
.edxr .rce-osd-chip-check{display:none;color:#fff;font-weight:800;font-size:13px;margin-left:1px}
.edxr .rce-osd-chip[data-brand="pge"]{--brand:#1a5fb4}
.edxr .rce-osd-chip[data-brand="tauron"]{--brand:#ef7d00}
.edxr .rce-osd-chip[data-brand="enea"]{--brand:#e4007f}
.edxr .rce-osd-chip[data-brand="energa"]{--brand:#78be20}
.edxr .rce-osd-chip[data-brand="stoen"]{--brand:#e2001a}
.edxr .rce-osd-chip.is-on{border-color:var(--brand);background:rgba(255,255,255,.08);color:#fff;box-shadow:0 0 0 1px var(--brand),0 6px 18px -8px var(--brand)}
.edxr .rce-osd-chip.is-on .rce-osd-chip-check{display:inline}
@media (prefers-reduced-motion:reduce){.edxr .rce-osd-chips,.edxr .rce-osd-req{animation:none!important}}