/* ============================================================================
   RAPORT — arkusz odsłaniany po wysłaniu formularza
   ----------------------------------------------------------------------------
   Prefiks .rp- obejmuje treść generowaną przez js/raport.js. Wersja mailowa
   tego samego raportu ma własne style inline w js/email.js — nic stąd do niej
   nie dociera, bo klienty pocztowe nie ładują arkuszy zewnętrznych.
   ========================================================================== */

/* ======== raport po odblokowaniu ======== */
.rp-blok{display:flex;flex-direction:column;gap:11px;padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}
.rp-h-row{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.rp-h{font-family:"Schibsted Grotesk",sans-serif;font-size:15px;font-weight:700;color:var(--green)}
.rp-sub{font-size:12.5px;line-height:1.5;color:var(--ink-faint)}
.rp-sub b{color:var(--ink-soft);font-weight:600}
.rp-nota{font-size:11px;line-height:1.45;color:var(--ink-faint)}

.rp-metryka{display:flex;flex-direction:column;gap:9px;padding-bottom:17px;border-bottom:2px solid var(--green)}
.rp-znak{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.rp-logo{font-family:"Schibsted Grotesk",sans-serif;font-size:18px;font-weight:800;color:var(--green)}
.rp-data{font-size:11px;color:var(--ink-faint);font-variant-numeric:tabular-nums}
.rp-tytul{font-family:"Schibsted Grotesk",sans-serif;font-size:19px;line-height:1.18;font-weight:700;color:var(--green)}
.rp-chipy,.rp-meta{display:flex;flex-wrap:wrap;gap:5px}
.rp-chip{font-size:10.5px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;
  color:var(--ink-soft);background:var(--ground);white-space:nowrap}
.rp-meta .rp-chip{background:var(--green-soft)}

.rp-kafle{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.rp-kafel{min-height:108px;padding:14px;border-radius:12px;display:flex;flex-direction:column}
.rp-kafel--zl{background:var(--green)}
.rp-kafel--h{background:var(--sand);border:1px solid var(--line)}
.rp-et{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;line-height:1.3}
.rp-kafel--zl .rp-et{color:#C2D6CB}
.rp-kafel--h .rp-et{color:var(--ink-faint)}
.rp-lb{margin-top:auto;font-family:"Schibsted Grotesk",sans-serif;font-size:22px;font-weight:700;
  letter-spacing:-.025em;line-height:1.05;font-variant-numeric:tabular-nums}
.rp-kafel--zl .rp-lb{color:#fff}
.rp-kafel--h .rp-lb{color:var(--ink)}
.rp-jed{margin-top:5px;font-size:11px}
.rp-kafel--zl .rp-jed{color:#C2D6CB}
.rp-kafel--h .rp-jed{color:var(--ink-faint)}
@media(max-width:440px){ .rp-kafle{grid-template-columns:1fr} }

.rp-slupki{display:flex;flex-direction:column;gap:8px}
.rp-slupek{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(70px,2.4fr) auto;gap:9px;align-items:center}
.rp-nm{font-size:12px;color:var(--ink-soft);min-width:0}
.rp-tor{height:9px;border-radius:3px;background:var(--line)}
.rp-wyp{display:block;height:100%;border-radius:0 3px 3px 0;background:var(--green-mid)}
.rp-hh{font-size:11.5px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:520px){ .rp-slupek{grid-template-columns:1fr auto;gap:3px 9px} .rp-tor{grid-column:1/-1;order:3} }

.rp-pas{display:flex;flex-direction:column;gap:6px;padding:10px 2px 2px}
.rp-pas-tor{position:relative;height:30px}
.rp-pas-osnowa{position:absolute;inset:auto 0 11px 0;height:9px;border-radius:3px;background:var(--line)}
.rp-pas-band{position:absolute;bottom:11px;height:9px;border-radius:3px;background:var(--sand);border:1px solid #E0D2B4}
.rp-pas-mark{position:absolute;bottom:8px;height:15px;border-radius:3px;background:var(--green-mid);box-shadow:0 0 0 2px #fff}
.rp-os{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-faint);font-variant-numeric:tabular-nums}
.rp-leg{display:flex;flex-wrap:wrap;gap:5px 16px;font-size:11.5px;color:var(--ink-soft)}
.rp-leg span{display:flex;align-items:center;gap:6px}
.rp-sw{width:12px;height:10px;border-radius:3px;flex:none}
.rp-sw--m{background:var(--green-mid)}
.rp-sw--b{background:var(--sand);border:1px solid #E0D2B4}
.rp-badge{font-size:10px;font-weight:600;padding:3px 9px;border-radius:999px;
  background:var(--amber-bg);border:1px solid var(--amber-line);color:var(--amber-ink)}
.rp-fallback{background:var(--ground);border:1px dashed var(--line);border-radius:10px;
  padding:11px 13px;font-size:12.5px;line-height:1.5;color:var(--ink-soft)}
.rp-werdykt{background:var(--green-soft);border-radius:9px;padding:10px 12px;font-size:12.5px;
  color:var(--green);font-weight:600}
.rp-kontekst{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.rp-kw{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 0;
  border-bottom:1px solid var(--line);font-size:12px}
.rp-kw:last-child{border-bottom:0}
.rp-kl{color:var(--ink-faint)}
.rp-kv{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.rp-kr{color:var(--ink-faint)}

.rp-zrodla{display:flex;flex-direction:column}
.rp-zrodlo{padding:11px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.rp-zrodlo:last-child{border-bottom:0}
.rp-gl{display:flex;justify-content:space-between;gap:11px;align-items:baseline;flex-wrap:wrap}
.rp-zt{font-size:13px;font-weight:600;color:var(--ink)}
.rp-zh{font-size:11px;color:var(--ink-faint);white-space:nowrap}
.rp-zd{font-size:12px;line-height:1.5;color:var(--ink-soft)}

.rp-stany{display:flex;flex-direction:column}
.rp-stan{display:flex;flex-direction:column;gap:4px;padding:11px 0;border-bottom:1px solid var(--line)}
.rp-stan:last-child{border-bottom:0}
.rp-stan-gl{display:flex;justify-content:space-between;gap:11px;align-items:baseline;flex-wrap:wrap}
.rp-stan-nm{font-size:12.5px;font-weight:700;color:var(--ink)}
.rp-stan-kw{font-size:12.5px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.rp-stan-tor{position:relative;height:15px}
.rp-stan-osnowa{position:absolute;inset:3px 0 auto 0;height:9px;border-radius:3px;background:var(--line)}
.rp-stan-bar{position:absolute;top:0;height:15px;border-radius:3px;box-shadow:0 0 0 2px #fff}
.rp-stan-bar--dzis{background:var(--green-mid)}
.rp-stan-bar--po{background:#6E9C87}
.rp-stan-godz{font-size:11.5px;color:var(--ink-faint)}
.rp-stan-zr{font-size:10px;color:var(--ink-faint)}

.rp-ceny{display:flex;flex-direction:column;align-items:stretch;gap:7px}
.rp-cena{min-width:0;display:flex;flex-direction:column;gap:3px;padding:12px 14px;
  border-radius:12px;background:var(--ground);border:1px solid var(--line)}
.rp-cena--po{background:var(--green-soft)}
.rp-cena-et{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint)}
.rp-cena-lb{font-family:"Schibsted Grotesk",sans-serif;font-size:20px;font-weight:700;
  letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.rp-cena--po .rp-cena-lb{color:var(--green)}
.rp-cena-zr{font-size:10.5px;line-height:1.4;color:var(--ink-faint)}
.rp-strz{align-self:center;font-size:17px;color:var(--ink-faint);line-height:1;transform:rotate(90deg)}

.rp-kroki{display:flex;flex-direction:column;gap:13px}
.rp-krok{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start}
.rp-nr{width:21px;height:21px;border-radius:6px;background:var(--green);color:#fff;font-size:11px;
  font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}
.rp-tr{display:flex;flex-direction:column;gap:4px;min-width:0}
.rp-kt{font-size:13px;font-weight:700;color:var(--ink)}
.rp-kd{font-size:12px;line-height:1.5;color:var(--ink-soft)}

.rp-slepe{margin-top:18px;border-left:3px solid var(--amber-line);background:var(--amber-bg);
  border-radius:0 10px 10px 0;padding:13px 15px;display:flex;flex-direction:column;gap:6px}
.rp-slepe-t{font-size:13px;font-weight:700;color:var(--amber-ink)}
.rp-slepe p,.rp-slepe li{font-size:12px;line-height:1.5;color:var(--amber-ink)}
.rp-slepe ul{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:2px}


/* ---------- ramka odsłoniętego raportu ---------- */
.av-revealed{padding:20px;background:#fff}
.av-revealed:focus{outline:none}
.av-note{
  padding:12px 14px;margin-bottom:16px;background:var(--green-soft);border-left:4px solid var(--green);
  font-size:12px;line-height:1.45;color:var(--green);
}
.av-note b{display:block;font-weight:700}
.av-note--demo{background:var(--amber-bg);border-left-color:var(--amber-line);color:var(--amber-ink)}
.av-verdict{
  background:var(--green-soft);border-radius:10px;padding:11px 13px;margin-bottom:10px;
  font-size:12.5px;line-height:1.5;color:var(--green);
}