/* ============================================================
   Weryfikacja podpisu — /weryfikacja-podpisu-elektronicznego
   Wersja 2 (09.2026): ciemny hero z narzędziem na pierwszym planie,
   wynik w języku raportu PDF, sekcje w siatce „bento”.
   Tylko tokeny z tokens.css + kilka lokalnych zmiennych poniżej.
   Prefiks wr- (bez kolizji z witryną).
   ============================================================ */
.wr{
  --wr-noc:#17181B;           /* tło hero: grafit z nutą granatu */
  --wr-noc-2:#1F2126;
  --wr-szklo:rgba(255,255,255,.06);
  --wr-szklo-linia:rgba(255,255,255,.12);
  --wr-na-ciemnym:#E9EEF3;
  --wr-na-ciemnym-2:#AEB6C0;
  --wr-r-xl:20px; --wr-r-2xl:28px;
  --wr-cien-karta:0 1px 2px rgba(16,24,40,.06),0 24px 60px -28px rgba(16,24,40,.45);
  --wr-cien-miekki:0 1px 2px rgba(16,24,40,.04),0 10px 30px -18px rgba(16,24,40,.28);
  background:var(--c-bg);color:var(--c-ink)
}
.wr-sprite{position:absolute;width:0;height:0;overflow:hidden}
.wr svg:has(> use){fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wr [hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ───────────── nagłówek ───────────── */
.wr-glowa{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.6) blur(14px);
  -webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--c-line)}
.wr-glowa-wnetrze{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:64px}
.wr-marka{display:inline-flex;align-items:center;gap:var(--s-2);font-weight:var(--fw-bold);color:var(--c-ink);
  text-decoration:none;font-size:var(--t-lg);letter-spacing:-.01em;white-space:nowrap}
.wr-marka svg{width:26px;height:26px;flex:none;color:var(--c-cert)}
.wr-nav{display:flex;align-items:center;gap:var(--s-5);font-size:var(--t-sm)}
.wr-nav a{color:var(--c-ink-2);text-decoration:none;font-weight:var(--fw-medium);white-space:nowrap}
.wr-nav a:hover{color:var(--c-cert-deep)}
.wr-nav a[aria-current="page"]{color:var(--c-ink)}
.wr-nav .wr-nav-cta{padding:.5rem .95rem;border-radius:var(--r-full);background:var(--c-ink);color:#fff}
.wr-nav .wr-nav-cta:hover{background:var(--c-cert-deep);color:#fff}
/* ciemna góra strony głównej narzędzia */
.wr-ciemna-gora .wr-glowa{background:rgba(23,24,27,.92);border-bottom-color:rgba(255,255,255,.08)}
.wr-ciemna-gora{background:var(--wr-noc)}
.wr-ciemna-gora main{background:var(--c-bg)}
.wr-ciemna-gora .wr-marka{color:#fff}
.wr-ciemna-gora .wr-nav a{color:var(--wr-na-ciemnym-2)}
.wr-ciemna-gora .wr-nav a:hover,.wr-ciemna-gora .wr-nav a[aria-current="page"]{color:#fff}
.wr-ciemna-gora .wr-nav .wr-nav-cta{background:#fff;color:var(--c-ink)}
.wr-ciemna-gora .wr-nav .wr-nav-cta:hover{background:var(--c-cert);color:#fff}
@media (max-width:720px){.wr-nav a:not(.wr-nav-cta){display:none}}
@media (max-width:420px){.wr-marka{font-size:var(--t-base)}.wr-marka svg{width:22px;height:22px}.wr-nav .wr-nav-cta{padding:.45rem .8rem;font-size:var(--t-xs)}}

/* ───────────── HERO (jasny) ───────────── */
.wr-hero{position:relative;overflow:hidden;background:#F7FAFC;color:var(--c-ink);
  padding:clamp(2.5rem,6vw,5rem) 0 clamp(2.5rem,5vw,4rem);isolation:isolate;border-bottom:1px solid var(--c-line)}
.wr-hero-tlo{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(55% 60% at 50% -5%,rgba(0,163,224,.20),transparent 70%),
    radial-gradient(38% 45% at 92% 35%,rgba(0,160,79,.10),transparent 70%),
    radial-gradient(35% 45% at 6% 55%,rgba(0,119,168,.12),transparent 70%)}
.wr-hero-tlo::after{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(35,31,32,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(35,31,32,.05) 1px,transparent 1px);
  background-size:48px 48px;-webkit-mask-image:radial-gradient(70% 60% at 50% 20%,#000 25%,transparent 78%);
  mask-image:radial-gradient(70% 60% at 50% 20%,#000 25%,transparent 78%)}
.wr-hero-wnetrze{display:flex;flex-direction:column;align-items:center;text-align:center}
.wr-plakietka{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 var(--s-5);padding:.4rem .9rem;border-radius:var(--r-full);
  background:rgba(255,255,255,.8);border:1px solid var(--c-line);box-shadow:var(--sh-1);font-size:var(--t-xs);font-weight:var(--fw-medium);color:var(--c-ink-2)}
.wr-kropka{width:8px;height:8px;border-radius:50%;background:var(--c-cert-green);box-shadow:0 0 0 4px rgba(0,160,79,.16)}
.wr-hero h1{margin:0 0 var(--s-4);max-width:18ch;font-size:clamp(2.25rem,5.4vw,4.1rem);line-height:1.04;letter-spacing:-.035em;color:var(--c-ink);text-wrap:balance}
.wr-akcent{background:linear-gradient(92deg,#0B76B8 0%,#0090C8 45%,#0A8F55 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wr-hero .wr-lead{margin:0 0 clamp(1.75rem,4vw,2.5rem);max-width:40rem;font-size:clamp(1.02rem,1.6vw,1.2rem);line-height:1.55;color:var(--c-ink-2);text-wrap:pretty}
.wr-hero .wr-lead strong{color:var(--c-ink);font-weight:var(--fw-semibold)}

/* narzędzie */
.wr-narzedzie{position:relative;width:100%;max-width:720px;text-align:left;background:var(--c-bg);color:var(--c-ink);
  border-radius:var(--wr-r-2xl);padding:clamp(.75rem,2vw,1rem);border:1px solid var(--c-line);box-shadow:0 1px 2px rgba(16,24,40,.05),0 30px 70px -30px rgba(11,118,184,.35)}
.wr-pole{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center;
  min-height:220px;padding:var(--s-6) var(--s-5);border-radius:var(--wr-r-xl);cursor:pointer;
  background:linear-gradient(180deg,var(--c-cert-soft),#fff);border:2px dashed var(--c-cert-line);
  transition:border-color var(--m-base) var(--m-ease),background var(--m-base) var(--m-ease),transform var(--m-base) var(--m-ease)}
.wr-pole input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.wr-pole:hover{border-color:var(--c-cert)}
.wr-pole:focus-within{outline:3px solid rgba(0,163,224,.35);outline-offset:3px}
.wr-pole.nad{border-color:var(--c-cert);border-style:solid;background:linear-gradient(180deg,#D9F1FC,#F1FAFE);transform:scale(1.01)}
.wr-pole-ikona{display:grid;place-items:center;width:60px;height:60px;margin-bottom:.4rem;border-radius:18px;
  background:linear-gradient(135deg,var(--c-cert),var(--c-cert-deep));color:#fff;box-shadow:0 12px 28px -12px rgba(0,119,168,.8);
  transition:transform var(--m-base) var(--m-ease)}
.wr-pole-ikona svg{width:28px;height:28px}
.wr-pole:hover .wr-pole-ikona,.wr-pole.nad .wr-pole-ikona{transform:translateY(-3px)}
.wr-pole-tytul{font-size:var(--t-xl);font-weight:var(--fw-bold);letter-spacing:-.01em;color:var(--c-ink)}
.wr-pole-opis{font-size:var(--t-sm);color:var(--c-ink-3)}
.wr-pole-opis u{color:var(--c-cert-deep);text-decoration-thickness:1px;text-underline-offset:3px}
.wr-formaty{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.8rem}
.wr-formaty span{padding:.15rem .55rem;border-radius:var(--r-full);background:#fff;border:1px solid var(--c-line);font-size:.75rem;font-weight:var(--fw-semibold);color:var(--c-ink-2);font-family:var(--f-mono)}
.wr-formaty .wr-formaty-max{font-family:var(--f-sans);font-weight:var(--fw-medium);color:var(--c-ink-3);border-style:dashed}
.wr-tylko-dotyk{display:none}
@media (hover:none){.wr-tylko-mysz,.wr-pole-opis{display:none}.wr-tylko-dotyk{display:inline}}

.wr-narzedzie.wybrany .wr-pole{display:none}
.wr-wybrany{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);border-radius:var(--wr-r-xl);
  background:var(--c-bg-2);border:1px solid var(--c-line);animation:wr-wejscie .25s var(--m-ease)}
.wr-wybrany-ikona{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--c-line);color:var(--c-cert-deep);flex:none}
.wr-wybrany-ikona svg{width:22px;height:22px}
.wr-wybrany-dane{display:grid;min-width:0;flex:1}
.wr-wybrany-dane strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-wybrany-dane span{font-size:var(--t-xs);color:var(--c-ink-3)}
.wr-wybrany-usun{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--c-ink-3);cursor:pointer}
.wr-wybrany-usun:hover{background:#fff;color:var(--c-ink)}
.wr-wybrany-usun svg{width:18px;height:18px}
.wr-narzedzie .cf-turnstile{margin-top:var(--s-3)}
.wr-przycisk{width:100%;margin-top:var(--s-3);border-radius:16px;font-size:var(--t-lg)}
.wr-przycisk svg{width:20px;height:20px}
.wr-narzedzie:not(.wybrany) .wr-przycisk{display:none}
.wr-przycisk.pracuje{pointer-events:none;opacity:1}
.wr-przycisk.pracuje svg{animation:wr-puls 1s ease-in-out infinite}
.wr-narzedzie-stopka{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-2) var(--s-4);padding:var(--s-3) var(--s-2) var(--s-1)}
.wr-narzedzie-stopka p{margin:0;font-size:var(--t-xs);color:var(--c-ink-3)}
.wr-prywatnosc{display:flex;align-items:center;gap:.4rem}
.wr-prywatnosc svg{width:15px;height:15px;color:var(--c-ok-700);flex:none}
.wr-limit strong{color:var(--c-ink)}

.wr-zaufanie{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4);width:100%;max-width:960px;margin:clamp(2rem,5vw,3rem) 0 0;padding:0;list-style:none;text-align:left}
.wr-zaufanie li{display:flex;gap:.7rem;align-items:flex-start}
.wr-zaufanie svg{width:22px;height:22px;flex:none;color:var(--c-cert-deep);margin-top:2px}
.wr-zaufanie span{display:grid;font-size:var(--t-xs);color:var(--c-ink-3);line-height:1.4}
.wr-zaufanie b{font-size:var(--t-sm);color:var(--c-ink);font-weight:var(--fw-semibold)}
@media (max-width:860px){.wr-zaufanie{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
  .wr-hero{padding-top:var(--s-5)}
  .wr-plakietka{margin-bottom:var(--s-4)}
  .wr-hero .wr-lead{font-size:1rem}
  .wr-pole{min-height:180px;padding:var(--s-5) var(--s-4)}
  .wr-narzedzie-stopka{flex-direction:column;align-items:flex-start}
  .wr-zaufanie{gap:var(--s-4) var(--s-3)}
}

/* ───────────── ładowanie ───────────── */
.wr-wyniki{padding:clamp(2rem,5vw,3.5rem) 0 clamp(2.5rem,5vw,4rem);background:var(--c-bg);border-bottom:1px solid var(--c-line);scroll-margin-top:64px}
.wr-wyniki > .wrap{max-width:1040px}
.wr-ladowanie{max-width:560px;margin:0 auto;padding:var(--s-5);background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--wr-r-xl);box-shadow:var(--wr-cien-miekki)}
.wr-ladowanie-glowa{display:flex;gap:var(--s-3);align-items:center;margin-bottom:var(--s-4)}
.wr-ladowanie-glowa p{margin:.1rem 0 0;font-size:var(--t-sm);color:var(--c-ink-3)}
.wr-krecik{width:30px;height:30px;border-radius:50%;border:3px solid var(--c-cert-line);border-top-color:var(--c-cert-deep);animation:wr-obrot .9s linear infinite;flex:none}
.wr-etapy{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;counter-reset:etap}
.wr-etapy li{position:relative;display:flex;align-items:center;gap:.7rem;font-size:var(--t-sm);color:var(--c-ink-3);transition:color var(--m-base)}
.wr-etapy li::before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid var(--c-line-2);flex:none;box-sizing:border-box;transition:all var(--m-base)}
.wr-etapy li.trwa{color:var(--c-ink);font-weight:var(--fw-medium)}
.wr-etapy li.trwa::before{border-color:var(--c-cert);border-top-color:transparent;animation:wr-obrot .8s linear infinite}
.wr-etapy li.gotowe{color:var(--c-ink-2)}
.wr-etapy li.gotowe::before{border-color:var(--c-cert-line);background:var(--c-cert-line)}
@keyframes wr-obrot{to{transform:rotate(360deg)}}
@keyframes wr-puls{50%{opacity:.35}}
@keyframes wr-wejscie{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ───────────── wynik: podsumowanie ───────────── */
.wr-wynik-glowa{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-5);align-items:center;
  padding:clamp(1.25rem,3vw,2rem);border-radius:var(--wr-r-2xl);border:1px solid var(--c-line);background:var(--c-bg);box-shadow:var(--wr-cien-karta);overflow:hidden;animation:wr-wejscie .35s var(--m-ease)}
.wr-wynik-glowa::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--wr-kolor,var(--c-line-2))}
.wr-wynik-glowa.ok{--wr-kolor:var(--c-ok-700);background:linear-gradient(135deg,#EFFAF4 0%,#fff 55%)}
.wr-wynik-glowa.uwaga{--wr-kolor:#D98E04;background:linear-gradient(135deg,#FFF8EA 0%,#fff 55%)}
.wr-wynik-glowa.problem{--wr-kolor:var(--c-err-700);background:linear-gradient(135deg,#FDF0F0 0%,#fff 55%)}
.wr-pieczec{width:84px;height:84px;flex:none}
.wr-wynik-tekst .wr-etykieta{margin:0 0 .25rem;font-size:.75rem;font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--wr-kolor)}
.wr-wynik-tekst h2{margin:0 0 .4rem;font-size:clamp(1.45rem,3vw,2rem);line-height:1.12;letter-spacing:-.02em}
.wr-wynik-tekst p{margin:0;color:var(--c-ink-2);max-width:46rem}
.wr-wynik-tekst p + p{margin-top:.35rem;font-size:var(--t-sm)}
.wr-pierscien{width:112px;height:112px;flex:none}
.wr-pierscien text{font-family:var(--f-sans)}
@media (max-width:720px){
  .wr-wynik-glowa{grid-template-columns:auto 1fr;gap:var(--s-4)}
  .wr-pieczec{width:56px;height:56px}
  .wr-pierscien{display:none}
}

.wr-wynik-pasek{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3);margin:var(--s-4) 0 0}
.wr-chipy{display:flex;flex-wrap:wrap;gap:.45rem}
.wr-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--r-full);background:var(--c-bg);border:1px solid var(--c-line);font-size:var(--t-sm);color:var(--c-ink-2);white-space:nowrap}
.wr-chip b{color:var(--c-ink);font-variant-numeric:tabular-nums}
.wr-chip svg{width:16px;height:16px;color:var(--c-cert-deep)}
.wr-chip.dobry{background:var(--c-ok-100);border-color:#B6E6CF;color:var(--c-ok-700)} .wr-chip.dobry b{color:var(--c-ok-700)} .wr-chip.dobry svg{color:var(--c-ok-700)}
.wr-chip.zly{background:var(--c-err-100);border-color:#F2B8B8;color:var(--c-err-700)} .wr-chip.zly b{color:var(--c-err-700)} .wr-chip.zly svg{color:var(--c-err-700)}
.wr-chip.uwaga{background:var(--c-warn-100);border-color:var(--c-warn-line);color:var(--c-warn-700)} .wr-chip.uwaga b{color:var(--c-warn-700)} .wr-chip.uwaga svg{color:var(--c-warn-700)}
.wr-akcje{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.wr-akcje .btn svg{width:18px;height:18px}
.wr-btn-opis{display:grid;text-align:left;line-height:1.15}
.wr-btn-opis small{font-size:.72rem;font-weight:var(--fw-medium);opacity:.8}
.wr-plik-linia{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .9rem;margin:var(--s-4) 0 0;padding:var(--s-3) var(--s-4);border-radius:var(--wr-r-xl);background:var(--c-bg);border:1px solid var(--c-line);font-size:var(--t-sm);color:var(--c-ink-3)}
.wr-plik-linia svg{width:18px;height:18px;color:var(--c-ink-3)}
.wr-plik-linia strong{color:var(--c-ink);overflow-wrap:anywhere}
.wr-plik-linia code{font-family:var(--f-mono);font-size:.8rem;color:var(--c-ink-2);overflow-wrap:anywhere}
.wr-kopiuj{display:inline-flex;align-items:center;gap:.3rem;margin-left:auto;padding:.3rem .6rem;border-radius:var(--r-full);border:1px solid var(--c-line);background:var(--c-bg);color:var(--c-ink-2);font:inherit;font-size:var(--t-xs);cursor:pointer}
.wr-kopiuj:hover{border-color:var(--c-cert);color:var(--c-cert-deep)}
.wr-kopiuj svg{width:14px;height:14px}

/* oś czasu */
.wr-os{margin:var(--s-6) 0 0}
.wr-os h3,.wr-naglowek-kart{display:flex;align-items:center;gap:.5rem;margin:0 0 var(--s-3);font-size:var(--t-lg);letter-spacing:-.01em}
.wr-os h3 svg,.wr-naglowek-kart svg{width:20px;height:20px;color:var(--c-cert-deep)}
.wr-os ol{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(120px,1fr);gap:var(--s-3);margin:0;padding:0 0 .25rem;list-style:none;overflow-x:auto}
.wr-os ol::before{content:"";position:absolute;left:24px;right:24px;top:21px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--c-cert),var(--c-cert-green))}
.wr-os li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;font-size:var(--t-xs);color:var(--c-ink-3)}
.wr-os-kolo{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--c-bg);border:3px solid var(--c-cert);color:var(--c-cert-deep);z-index:1}
.wr-os-kolo svg{width:18px;height:18px}
.wr-os li.zly .wr-os-kolo{border-color:var(--c-err-700);color:var(--c-err-700)}
.wr-os li.uwaga .wr-os-kolo{border-color:#D98E04;color:var(--c-warn-700)}
.wr-os li b{color:var(--c-ink);font-size:var(--t-sm);font-weight:var(--fw-semibold);line-height:1.25}

/* karty podpisów */
.wr-karty{display:grid;gap:var(--s-3);margin-top:var(--s-6)}
.wr-karta{border:1px solid var(--c-line);border-radius:var(--wr-r-xl);background:var(--c-bg);box-shadow:var(--wr-cien-miekki);overflow:hidden;transition:box-shadow var(--m-base)}
.wr-karta[open]{box-shadow:var(--wr-cien-karta)}
.wr-karta.zly{border-color:#F2B8B8;box-shadow:inset 4px 0 0 var(--c-err-700),var(--wr-cien-miekki)}
.wr-karta.uwaga{border-color:var(--c-warn-line);box-shadow:inset 4px 0 0 #D98E04,var(--wr-cien-miekki)}
.wr-karta > summary{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:var(--s-3);align-items:center;padding:var(--s-4) var(--s-5);cursor:pointer;list-style:none}
.wr-karta > summary::-webkit-details-marker{display:none}
.wr-karta > summary:hover{background:var(--c-bg-2)}
.wr-karta-ik{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--c-cert-soft);color:var(--c-cert-deep)}
.wr-karta-ik svg{width:22px;height:22px}
.wr-karta.znacznik .wr-karta-ik{background:var(--c-bg-2);color:var(--c-ink-2)}
.wr-karta-kto{display:grid;min-width:0}
.wr-karta-kto small{font-size:.72rem;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-3)}
.wr-karta-kto strong{font-size:var(--t-lg);line-height:1.25;overflow-wrap:anywhere}
.wr-karta-kto span{font-size:var(--t-sm);color:var(--c-ink-3)}
.wr-kwal{display:inline-block;margin-left:.4rem;padding:.05rem .45rem;border-radius:5px;background:var(--c-ink);color:#fff;font-size:.68rem;font-weight:var(--fw-bold);letter-spacing:.06em;vertical-align:.15em}
.wr-karta-czas{font-size:var(--t-sm);color:var(--c-ink-3);white-space:nowrap}
.wr-strzalka{width:18px;height:18px;color:var(--c-ink-3);transition:transform var(--m-base)}
.wr-karta[open] .wr-strzalka{transform:rotate(90deg)}
.wr-karta-tresc{padding:0 var(--s-5) var(--s-5);display:grid;gap:var(--s-4);animation:wr-wejscie .25s var(--m-ease)}
.wr-wyjasnienie{margin:0;color:var(--c-ink-2)}
.wr-kontrole{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.wr-kontrola{display:flex;gap:.5rem;align-items:flex-start;padding:.7rem .75rem;border-radius:12px;background:var(--c-bg-2);font-size:var(--t-sm);line-height:1.3;color:var(--c-ink-2)}
.wr-kontrola svg{width:18px;height:18px;flex:none;margin-top:1px}
.wr-kontrola.dobry{background:var(--c-ok-100);color:#0B5A41} .wr-kontrola.dobry svg{color:var(--c-ok-700)}
.wr-kontrola.zly{background:var(--c-err-100);color:#7F1A1A} .wr-kontrola.zly svg{color:var(--c-err-700)}
.wr-kontrola.uwaga{background:var(--c-warn-100);color:#6B4600} .wr-kontrola.uwaga svg{color:var(--c-warn-700)}
@media (max-width:860px){.wr-kontrole{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
  .wr-karta > summary{grid-template-columns:auto 1fr auto auto;gap:var(--s-2);padding:var(--s-4)}
  .wr-karta > summary .wr-znak{font-size:0;gap:0;padding:.3rem}
  .wr-karta > summary .wr-znak svg{width:18px;height:18px}
  .wr-karta-czas{display:none}
  .wr-karta-tresc{padding:0 var(--s-4) var(--s-4)}
}

.wr-waznosc-e{display:flex;justify-content:space-between;gap:var(--s-3);font-size:.75rem;font-weight:var(--fw-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--c-ink-3);margin-bottom:.5rem}
.wr-waznosc-e span:last-child{text-transform:none;letter-spacing:0;font-weight:var(--fw-medium)}
.wr-tor{position:relative;height:12px;border-radius:12px;background:var(--c-bg-3)}
.wr-tor-zakres{position:absolute;top:0;bottom:0;min-width:6px;border-radius:12px;background:linear-gradient(90deg,#A9DDF6,#AFE8CB)}
.wr-tor-znak{position:absolute;top:-5px;bottom:-5px;width:3px;border-radius:3px;transform:translateX(-50%)}
.wr-tor-znak.podpis{background:var(--c-cert-deep)} .wr-tor-znak.dzis{background:var(--c-ink-3)}
.wr-tor-opis{position:relative;height:36px;font-size:.75rem;color:var(--c-ink-3)}
.wr-tor-opis span{position:absolute;top:8px;transform:translateX(-50%);white-space:nowrap}
.wr-tor-opis span.podpis{color:var(--c-cert-deep);font-weight:var(--fw-semibold)}
.wr-tor-opis span.lewo{transform:none} .wr-tor-opis span.prawo{transform:translateX(-100%)} .wr-tor-opis span.nizej{top:22px}

.wr-dane{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--s-5);margin:0}
.wr-wiersz{display:flex;gap:.6rem;padding:.7rem 0;border-top:1px solid var(--c-line);min-width:0}
.wr-wiersz svg{width:18px;height:18px;flex:none;color:var(--c-ink-3);margin-top:2px}
.wr-wiersz dt{font-size:.72rem;font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink-3)}
.wr-wiersz dd{margin:.1rem 0 0;font-size:var(--t-sm);color:var(--c-ink);overflow-wrap:anywhere}
.wr-zrodlo{display:block;font-size:var(--t-xs);color:var(--c-ink-3)}
@media (max-width:860px){.wr-dane{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.wr-dane{grid-template-columns:1fr}}
.wr-tech summary{cursor:pointer;font-size:var(--t-sm);color:var(--c-ink-3)}
.wr-tech ul{margin:.5rem 0 0;padding-left:1.1rem;font-size:var(--t-sm);color:var(--c-ink-2)}
.wr-tech li.zly{color:var(--c-err-700)} .wr-tech li.uwaga{color:var(--c-warn-700)}
.wr-przypis{margin:var(--s-5) 0 0;font-size:var(--t-xs);color:var(--c-ink-3)}

/* ───────────── sekcje treści ───────────── */
.wr-sekcja{padding:clamp(3.5rem,8vw,6rem) 0}
.wr-sekcja-szara{background:var(--c-bg-2)}
.wr-sekcja h2{margin:0 0 var(--s-4);font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.1;letter-spacing:-.025em;max-width:24ch;text-wrap:balance}
.wr-kicker{margin:0 0 var(--s-3);font-size:.78rem;font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--c-cert-deep)}
.wr-sekcja-lead{max-width:48rem;margin:0 0 var(--s-6);font-size:var(--t-lg);line-height:1.6;color:var(--c-ink-2)}
.wr-lead{color:var(--c-ink-2)}

.wr-kroki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4);margin:var(--s-6) 0 0;padding:0;list-style:none;counter-reset:krok}
.wr-kroki li{position:relative;padding:var(--s-5);border-radius:var(--wr-r-xl);border:1px solid var(--c-line);background:var(--c-bg);box-shadow:var(--wr-cien-miekki)}
.wr-kroki li > svg{width:26px;height:26px;color:var(--c-cert-deep);margin-bottom:var(--s-3)}
.wr-krok-nr{position:absolute;top:var(--s-4);right:var(--s-5);font-size:2.6rem;font-weight:var(--fw-bold);line-height:1;letter-spacing:-.05em;color:var(--c-bg-3)}
.wr-kroki h3{margin:0 0 .4rem;font-size:var(--t-lg)}
.wr-kroki p{margin:0;color:var(--c-ink-2);font-size:var(--t-sm);line-height:1.55}
.wr-kroki-test{margin:var(--s-5) 0 0;color:var(--c-ink-2)}
@media (max-width:860px){.wr-kroki{grid-template-columns:1fr}}

.wr-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(170px,auto);gap:var(--s-4)}
.wr-bento-kafel{padding:var(--s-5);border-radius:var(--wr-r-xl);background:var(--c-bg);border:1px solid var(--c-line);box-shadow:var(--wr-cien-miekki)}
.wr-bento-kafel > svg{width:26px;height:26px;color:var(--c-cert-deep);margin-bottom:var(--s-3)}
.wr-bento-kafel h3{margin:0 0 .4rem;font-size:var(--t-lg);letter-spacing:-.01em}
.wr-bento-kafel p{margin:0;color:var(--c-ink-2);font-size:var(--t-sm);line-height:1.55}
.wr-bento-duzy{grid-row:span 2;display:flex;flex-direction:column;background:linear-gradient(160deg,var(--wr-noc) 0%,var(--wr-noc-2) 100%);border-color:transparent;color:var(--wr-na-ciemnym)}
.wr-bento-duzy h3{color:#fff;font-size:var(--t-xl)}
.wr-bento-duzy p{color:var(--wr-na-ciemnym-2)}
.wr-bento-duzy > svg{color:var(--c-cert)}
.wr-bento-demo{display:grid;gap:.5rem;margin-top:auto;padding-top:var(--s-5)}
.wr-demo-wiersz{display:flex;align-items:center;gap:.55rem;padding:.6rem .8rem;border-radius:12px;background:var(--wr-szklo);border:1px solid var(--wr-szklo-linia);font-size:var(--t-sm);color:#fff}
.wr-demo-wiersz svg{width:18px;height:18px}
.wr-demo-wiersz.dobry svg{color:#3DDC97} .wr-demo-wiersz.zly svg{color:#FF8A80}
@media (max-width:980px){.wr-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.wr-bento-duzy{grid-column:1/-1;grid-row:auto}}
@media (max-width:560px){.wr-bento{grid-template-columns:1fr}}

.wr-raport-siatka{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.wr-raport-siatka > div > p:not(.wr-kicker){color:var(--c-ink-2);font-size:var(--t-lg);line-height:1.6;max-width:36rem}
.wr-lista-ok{display:grid;gap:var(--s-4);margin:var(--s-5) 0 0;padding:0;list-style:none}
.wr-lista-ok li{display:flex;gap:.8rem;align-items:flex-start;color:var(--c-ink-2)}
.wr-lista-ok svg{width:22px;height:22px;flex:none;color:var(--c-cert-deep);padding:9px;box-sizing:content-box;border-radius:12px;background:var(--c-cert-soft)}
.wr-lista-ok b{color:var(--c-ink)}
.wr-raport-podglad{position:relative;margin:0;padding:clamp(1rem,3vw,2rem);border-radius:var(--wr-r-2xl);
  background:radial-gradient(80% 70% at 70% 20%,rgba(0,163,224,.28),transparent 70%),linear-gradient(160deg,var(--wr-noc),var(--wr-noc-2));overflow:hidden}
.wr-raport-podglad img{display:block;width:78%;height:auto;margin:0 auto;border-radius:10px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7);transform:perspective(1200px) rotateY(-9deg) rotateX(3deg);transition:transform .5s var(--m-ease)}
.wr-raport-podglad:hover img{transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}
@media (max-width:860px){.wr-raport-siatka{grid-template-columns:1fr}}

.wr-statusy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-4);margin-top:var(--s-5)}
.wr-status{padding:var(--s-5);border-radius:var(--wr-r-xl);background:var(--c-bg);border:1px solid var(--c-line);border-top:4px solid var(--c-line-2)}
.wr-status.dobry{border-top-color:var(--c-ok-700)} .wr-status.uwaga{border-top-color:#D98E04} .wr-status.zly{border-top-color:var(--c-err-700)}
.wr-status p{margin:var(--s-3) 0 0;color:var(--c-ink-2);font-size:var(--t-sm);line-height:1.55}
@media (max-width:980px){.wr-statusy{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.wr-statusy{grid-template-columns:1fr}}

.wr-znak{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--r-full);font-size:var(--t-xs);font-weight:var(--fw-semibold);border:1px solid var(--c-line);color:var(--c-ink-2);background:var(--c-bg-2);white-space:nowrap}
.wr-znak svg{width:15px;height:15px}
.wr-znak.dobry{color:var(--c-ok-700);background:var(--c-ok-100);border-color:#B6E6CF}
.wr-znak.zly{color:var(--c-err-700);background:var(--c-err-100);border-color:#F2B8B8}
.wr-znak.uwaga{color:var(--c-warn-700);background:var(--c-warn-100);border-color:var(--c-warn-line)}

.wr-wiedza-siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}
.wr-wiedza-karta{padding:clamp(1.5rem,3vw,2.25rem);border-radius:var(--wr-r-xl);border:1px solid var(--c-line);background:var(--c-bg)}
.wr-wiedza-karta h2{font-size:clamp(1.3rem,2.2vw,1.6rem);max-width:none;margin-bottom:var(--s-3)}
.wr-wiedza-karta p{margin:0;color:var(--c-ink-2);line-height:1.65}
.wr-wiedza-karta p + p{margin-top:var(--s-4)}
.wr-wiedza-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--c-cert-line)}
.wr-wiedza-cta span{flex:1 1 22rem;color:var(--c-ink-2)}
.wr-wiedza-cta .btn{flex:none}
@media (max-width:560px){.wr-wiedza-cta .btn{flex:1 1 100%}}
.wr-wiedza-szeroka{grid-column:1/-1;background:var(--c-cert-soft);border-color:var(--c-cert-line)}
@media (max-width:860px){.wr-wiedza-siatka{grid-template-columns:1fr}}

.wr-faq-siatka{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.wr-faq{display:grid;gap:.6rem}
.wr-faq details{border-radius:16px;background:var(--c-bg);border:1px solid var(--c-line);transition:box-shadow var(--m-base)}
.wr-faq details[open]{box-shadow:var(--wr-cien-miekki)}
.wr-faq summary{display:flex;justify-content:space-between;gap:var(--s-3);padding:1rem 1.25rem;cursor:pointer;font-weight:var(--fw-semibold);list-style:none}
.wr-faq summary::-webkit-details-marker{display:none}
.wr-faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--c-bg-2);font-weight:var(--fw-medium);color:var(--c-ink-2);transition:transform var(--m-base)}
.wr-faq details[open] summary::after{transform:rotate(45deg)}
.wr-faq p{margin:0;padding:0 1.25rem 1.1rem;color:var(--c-ink-2);line-height:1.6}
@media (max-width:860px){.wr-faq-siatka{grid-template-columns:1fr}}

.wr-cta-sekcja{padding:0 0 clamp(3rem,7vw,5rem);background:var(--c-bg-2)}
.wr-cta{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-5);
  padding:clamp(1.75rem,4vw,3rem);border-radius:var(--wr-r-2xl);color:#fff;
  background:radial-gradient(60% 120% at 100% 0%,rgba(0,163,224,.45),transparent 60%),linear-gradient(160deg,var(--wr-noc),var(--wr-noc-2))}
.wr-cta h2{margin:0 0 .4rem;color:#fff;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.02em}
.wr-cta p{margin:0;color:var(--wr-na-ciemnym-2);max-width:34rem}
.wr-cta .btn-primary{background:#fff;border-color:#fff;color:var(--c-ink)}
.wr-cta .btn-primary:hover{background:var(--c-cert);border-color:var(--c-cert);color:#fff}

/* stopka */
.wr-stopka{border-top:1px solid var(--c-line);background:var(--c-bg);padding:var(--s-6) 0;font-size:var(--t-sm);color:var(--c-ink-2)}
.wr-stopka p{margin:0 0 var(--s-2)}
.wr-stopka-drobne{font-size:var(--t-xs);color:var(--c-ink-3)}

/* ───────────── komponenty wspólne ze stroną rejestru raportów ───────────── */
.wr-werdykt{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-4);border-radius:16px;border:1px solid var(--c-line)}
.wr-werdykt strong{font-size:var(--t-lg)}
.wr-werdykt p{margin:var(--s-1) 0 0;color:var(--c-ink-2)}
.wr-werdykt.ok{background:var(--c-ok-100);border-color:#A9E0C8}
.wr-werdykt.uwaga{background:var(--c-warn-100);border-color:var(--c-warn-line)}
.wr-werdykt.problem{background:var(--c-err-100);border-color:#F2B8B8}
.wr-ikona{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:var(--fw-bold);color:#fff;background:var(--c-ink-3)}
.ok .wr-ikona{background:var(--c-ok-700)}.uwaga .wr-ikona{background:var(--c-warn-700)}.problem .wr-ikona{background:var(--c-err-700)}
.wr-podsum{border:1px solid var(--c-line);border-radius:var(--wr-r-xl);padding:var(--s-5);box-shadow:var(--wr-cien-miekki);display:grid;gap:var(--s-4);background:var(--c-bg)}
.wr-plik{display:grid;gap:2px}
.wr-plik-nazwa{font-weight:var(--fw-semibold);word-break:break-all}
.wr-plik-meta{font-size:var(--t-xs);color:var(--c-ink-3);word-break:break-all}
.wr-plik-meta code{font-family:var(--f-mono);font-size:.95em}
.wr-kafle{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--s-2)}
.wr-kafel{border:1px solid var(--c-line);border-radius:12px;padding:var(--s-3);background:var(--c-bg)}
.wr-kafel b{display:block;font-size:var(--t-2xl);line-height:1.1;font-variant-numeric:tabular-nums}
.wr-kafel span{font-size:var(--t-xs);color:var(--c-ink-3)}
.wr-tabela{overflow-x:auto}
.wr-tabela table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}
.wr-tabela th,.wr-tabela td{text-align:left;padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--c-line);vertical-align:top}
.wr-tabela th{font-size:var(--t-xs);color:var(--c-ink-3);font-weight:var(--fw-semibold)}

/* autentyczność raportu (/raport, /raport/{numer}) */
.wr-autent{padding:var(--s-7) var(--s-5) var(--s-8);max-width:860px}
.wr-autent h1{font-size:clamp(1.9rem,4vw,var(--t-4xl));letter-spacing:-.03em;margin:0 0 var(--s-3)}
.wr-autent .wr-lead{margin:0 0 var(--s-5)}
.wr-autent-form{display:flex;gap:var(--s-2);margin-bottom:var(--s-5)}
.wr-autent-form input{flex:1;min-width:0;font-family:var(--f-mono);font-size:var(--t-sm);padding:var(--s-3) var(--s-4);border:1px solid var(--c-line-2);border-radius:14px;background:var(--c-bg)}
.wr-autent-form input:focus{outline:3px solid rgba(0,163,224,.35);outline-offset:1px;border-color:var(--c-cert)}
.wr-autent-wynik code{font-family:var(--f-mono);font-size:.9em;word-break:break-all}
.wr-porownaj{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap;padding:var(--s-3);border:1px dashed var(--c-line-2);border-radius:14px;font-size:var(--t-sm);color:var(--c-ink-2);cursor:pointer}
.wr-porownaj input{font-size:var(--t-sm);max-width:100%}
.wr-porownaj-wynik{margin:0;font-size:var(--t-sm);font-weight:var(--fw-semibold);padding:var(--s-2) var(--s-3);border-radius:12px;background:var(--c-bg-2)}
.wr-porownaj-wynik.dobry{color:var(--c-ok-700);background:var(--c-ok-100)}
.wr-porownaj-wynik.zly{color:var(--c-err-700);background:var(--c-err-100)}
.wr-autent-dalej{margin-top:var(--s-5)}
@media (max-width:560px){.wr-autent-form{flex-direction:column}.wr-autent{padding:var(--s-6) var(--s-4)}}

/* pojawianie się sekcji przy przewijaniu (JS dodaje .wr-widoczne) */
.wr-js .wr-odslon{opacity:0;transform:translateY(14px);transition:opacity .6s var(--m-ease),transform .6s var(--m-ease)}
.wr-js .wr-odslon.wr-widoczne{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.wr-js .wr-odslon{opacity:1;transform:none}}

/* mobile: oś czasu pionowo, przyciski na całą szerokość */
@media (max-width:560px){
  .wr-os ol{grid-auto-flow:row;grid-auto-columns:auto;gap:var(--s-3);overflow:visible;padding-left:0}
  .wr-os ol::before{left:21px;right:auto;top:10px;bottom:10px;width:3px;height:auto;background:linear-gradient(180deg,var(--c-cert),var(--c-cert-green))}
  .wr-os li{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:var(--s-3);row-gap:0;align-items:center;text-align:left}
  .wr-os li .wr-os-kolo{grid-row:1/3;grid-column:1}
  .wr-os li > span:first-child{grid-column:2;grid-row:2}
  .wr-os li b{grid-column:2;grid-row:1}
  .wr-akcje{width:100%}
  .wr-akcje .btn{flex:1 1 100%}
  .wr-kopiuj{margin-left:0}
}

/* pieczęć 2Secure — zamówienie, gdy stacja offline (23.09.2026) */
.wr-akcje .btn.pracuje{opacity:.85;cursor:progress}
.wr-pieczec-zamow{display:grid;grid-template-columns:1fr auto;gap:var(--s-3) var(--s-4);align-items:center;margin:var(--s-4) 0 0;
  padding:var(--s-4);border-radius:var(--wr-r-xl);border:1px dashed #BFD3EA;background:linear-gradient(135deg,#F3F9FE,#F2FBF6)}
.wr-pieczec-zamow-tekst{display:flex;gap:var(--s-3);align-items:flex-start;font-size:var(--t-sm);color:var(--c-ink-2)}
.wr-pieczec-zamow-tekst svg{flex:none;width:22px;height:22px;color:#0A8F55;margin-top:2px}
.wr-pieczec-zamow-tekst strong{display:block;color:var(--c-ink);margin-bottom:2px}
.wr-pieczec-pola{display:flex;gap:var(--s-2)}
.wr-pieczec-pola input{min-width:0;width:15rem;padding:.6rem .8rem;border:1px solid var(--c-line);border-radius:10px;font:inherit;background:#fff}
.wr-pieczec-pola input:focus{outline:2px solid #1C8FD6;outline-offset:1px}
.wr-pieczec-status{grid-column:1/-1;margin:0;font-size:var(--t-sm)}
.wr-pieczec-status.dobry{color:#0A6E4F}.wr-pieczec-status.zly{color:#A02020}
@media (max-width:760px){.wr-pieczec-zamow{grid-template-columns:1fr}.wr-pieczec-pola{flex-wrap:wrap}.wr-pieczec-pola input{flex:1 1 12rem;width:auto}}