/* =====================================================================
   Weryfikacja-Kontrahenta.pl — style aplikacji (kreator /sprawdz, /konto, /admin, /platnosc-testowa).
   Wymaga system.css (tokeny, komponenty). Tu tylko układy i elementy aplikacji.
   ===================================================================== */

/* ---------- drobiazgi wspólne ---------- */
.mono{font-variant-numeric:tabular-nums lining-nums;letter-spacing:.02em}
.wyciszony{color:var(--grafit-3)}
.ik.mala{width:15px;height:15px}
.rzad{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}
.rzad.koniec{justify-content:flex-end}
.rozpychacz{flex:1}
.etykieta-mala{font-size:var(--t-xs);font-weight:600;color:var(--grafit-2)}
.przycisk.niebezpieczny{background:var(--papier);color:var(--stop);border-color:var(--stop)}
.przycisk.niebezpieczny:hover{background:var(--stop-tlo);color:var(--stop)}
.przycisk.tekstowy.maly{min-height:32px;padding:4px 8px}
.przycisk.mini{min-height:30px;padding:4px 10px;font-size:var(--t-xs);gap:6px}
.przycisk.mini svg{width:15px;height:15px}
select.wejscie{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23465066' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer}
textarea.wejscie{min-height:120px;resize:vertical;line-height:1.5}
.wejscie.maly{min-height:40px;padding:7px 12px;font-size:var(--t-s)}
select.wejscie.maly{padding-right:34px;background-position:right 10px center}
.wskazowka{display:flex;gap:6px;align-items:flex-start;font-size:var(--t-xs);line-height:1.45;margin-top:6px;color:var(--grafit-3)}
.wskazowka:empty{display:none}
.wskazowka svg{width:15px;height:15px;flex:none;margin-top:1px}
.wskazowka.ok{color:var(--ok)}
.wskazowka.zle{color:var(--stop);font-weight:500}
.wskazowka.uwaga{color:var(--uwaga)}
.wskazowka.uwaga svg{color:var(--uwaga-ikona)}
.wejscie.dobre{border-color:var(--ok)}
.wejscie.zle{border-color:var(--stop);background:#fff}

/* okno dialogowe */
dialog.okno{border:1px solid var(--linia);border-radius:var(--r-duzy);padding:0;width:min(640px,calc(100vw - 24px));max-height:calc(100vh - 32px);box-shadow:0 30px 80px -24px rgba(26,34,51,.55);color:var(--grafit);background:var(--papier)}
dialog.okno::backdrop{background:rgba(18,26,46,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.okno-glowa{display:flex;align-items:flex-start;gap:var(--s4);padding:var(--s5) var(--s5) var(--s3)}
.okno-glowa h2{font-size:var(--t-xl)}
.okno-glowa .przycisk{margin-left:auto;margin-top:-4px}
.okno-tresc{padding:0 var(--s5) var(--s5);overflow:auto;max-height:calc(100vh - 160px)}
.okno-tresc>*+*{margin-top:var(--s4)}
.okno-stopka{display:flex;gap:var(--s3);justify-content:flex-end;flex-wrap:wrap;padding:var(--s4) var(--s5);border-top:1px solid var(--linia);background:var(--pole-2)}

/* toast rozbudowany (lista zmian) */
.toast .toast-tytul{display:block;font-weight:600;margin-bottom:2px}
.toast ul{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:2px;color:#D6DBE6}
.toast li .bylo{color:#9AA4B8}
.toast li .lepiej{color:#7CD3A6;font-weight:600}
.toast li .gorzej{color:#F4A39B;font-weight:600}

/* zakładki */
.zakladki{display:flex;gap:4px;border-bottom:1px solid var(--linia);overflow-x:auto;scrollbar-width:none}
.zakladki::-webkit-scrollbar{display:none}
.zakladka{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:12px 16px 10px;font-weight:600;font-size:var(--t-s);color:var(--grafit-2);cursor:pointer;white-space:nowrap;display:inline-flex;gap:8px;align-items:center}
.zakladka:hover{color:var(--grafit);background:var(--pole-2)}
.zakladka[aria-selected="true"]{color:var(--atrament);border-bottom-color:var(--atrament)}
.zakladka .ile{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--pole);color:var(--grafit-2);font-variant-numeric:tabular-nums}
.zakladka .ile.uwaga{background:var(--uwaga-tlo);color:var(--uwaga)}
.zakladka .ile.stop{background:var(--stop-tlo);color:var(--stop)}
.zakladka .ile.ok{background:var(--ok-tlo);color:var(--ok)}
.panel-zakladki{padding-top:var(--s5)}

/* lista „klucz — wartość” jak w druku */
.kv{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--linia)}
.kv>div{display:grid;grid-template-columns:minmax(110px,34%) minmax(0,1fr);gap:var(--s3);padding:10px 0;border-bottom:1px solid var(--linia);font-size:var(--t-s)}
.kv dt{color:var(--grafit-2);font-size:var(--t-xs);font-weight:600;padding-top:2px}
.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}

/* lista ustaleń */
.ustalenia{list-style:none;padding:0;display:grid}
.ustalenia li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--linia);font-size:var(--t-s);line-height:1.45}
.ustalenia li:last-child{border-bottom:0}
.ustalenia li svg{width:17px;height:17px;margin-top:2px}
.ustalenia .ok svg{color:var(--ok)}
.ustalenia .uwaga svg{color:var(--uwaga-ikona)}
.ustalenia .stop svg{color:var(--stop)}
.ustalenia .info svg{color:var(--grafit-3)}

/* ======================= KREATOR ======================= */
.kroki-pas{position:sticky;top:68px;z-index:30;background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--linia)}
@media (max-width:860px){.kroki-pas{position:static}}
.kroki-in{display:flex;align-items:center;gap:var(--s4);min-height:60px}
.kroki-lista{list-style:none;padding:0;display:flex;align-items:center;gap:0;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.kroki-lista::-webkit-scrollbar{display:none}
.kroki-lista li{display:flex;align-items:center;flex:none}
.kroki-lista li+li::before{content:"";width:clamp(10px,2vw,32px);border-top:1px solid var(--linia-mocna);margin:0 4px}
.kroki-lista li.po::before{border-top-color:var(--atrament)}
.krok-b{display:flex;align-items:center;gap:10px;background:none;border:0;padding:8px 10px;cursor:pointer;text-align:left;color:var(--grafit);border-radius:10px}
.krok-b:hover:not(:disabled){background:var(--pole-2)}
.krok-b:disabled{cursor:not-allowed}
.krok-n{width:28px;height:28px;display:grid;place-items:center;border:1.5px solid var(--linia-mocna);border-radius:50%;font-family:var(--mono);font-weight:500;font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--grafit-2);background:var(--papier);flex:none}
.krok-n svg{width:15px;height:15px}
.krok-t{display:grid;line-height:1.25;min-width:0}
.krok-t b{font-size:var(--t-s);font-weight:600;white-space:nowrap}
.krok-t span{font-size:var(--t-xs);color:var(--grafit-3);white-space:nowrap}
.krok-b.zrobiony .krok-n{background:var(--atrament-jasny);border-color:var(--atrament-jasny);color:var(--atrament)}
.krok-b.pominiety .krok-n{border-style:dashed}
.krok-b.nd .krok-t b{color:var(--grafit-3)}
.krok-b.zablokowany .krok-n{border-style:dashed;color:var(--grafit-3)}
.krok-b.zablokowany .krok-t b{color:var(--grafit-3)}
.krok-b[aria-current="step"]{background:var(--atrament-jasny)}
.krok-b[aria-current="step"] .krok-n{border-color:var(--atrament);background:var(--atrament);color:#fff;box-shadow:0 0 0 3px #fff}
.krok-b[aria-current="step"] .krok-t b{color:var(--atrament)}
@media (max-width:1100px){.krok-t span{display:none}}
@media (max-width:640px){.krok-t b{font-size:var(--t-xs)}.krok-b{padding:10px 4px;gap:6px}.krok-n{width:24px;height:24px}.kroki-lista li+li::before{width:8px;margin:0 2px}}
@media (max-width:420px){.krok-b:not([aria-current="step"]) .krok-t{display:none}}
.kroki-stan{display:flex;align-items:center;gap:var(--s3);flex:none}
.kroki-stan:empty{display:none}
.wynik-mini{display:inline-flex;align-items:baseline;gap:2px;font-family:var(--sans);font-weight:600;letter-spacing:-.02em;font-size:1.5rem;line-height:1;font-variant-numeric:tabular-nums}
.wynik-mini small{font-size:var(--t-s);color:var(--grafit-3)}
.kroki-stan .alerty-mini{font-size:var(--t-xs);font-weight:600;color:var(--grafit-2);white-space:nowrap}
.kroki-stan .alerty-mini.uwaga{color:var(--uwaga)}
.kroki-stan .alerty-mini.stop{color:var(--stop)}
@media (max-width:860px){
  .kroki-in{flex-wrap:wrap;gap:0 var(--s3);padding-bottom:var(--s2)}
  .kroki-lista{flex-basis:100%}
  .kroki-stan{flex-basis:100%;justify-content:flex-start;padding-top:var(--s2);border-top:1px solid var(--linia);flex-wrap:wrap;row-gap:var(--s2);min-width:0}
  .kroki-stan .akcje-raportu{margin-left:auto}
  /* długi status („Nie stwierdzono punktowanych czynników…”) zawija się, a przyciski schodzą do drugiej linii zamiast
     wypychać „Pobierz PDF” poza ekran telefonu */
  .kroki-stan>.znacznik{white-space:normal;flex:1 1 160px;min-width:0}
}
@media (max-width:520px){.kroki-stan .ukryj-waskie{display:none}}

/* nagłówek kroku */
.krok-glowa{padding-block:clamp(28px,4vw,48px) var(--s5)}
.krok-glowa .nadtytul{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--atrament);display:flex;gap:8px;align-items:center;margin-bottom:var(--s2)}
.krok-glowa .nadtytul .nr{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--atrament);color:#fff;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:0}
.krok-glowa h1{font-size:clamp(2rem,1.5rem + 1.8vw,2.75rem);line-height:1.1;max-width:24ch}
.krok-glowa .lead{margin-top:var(--s3);font-size:var(--t-m)}
.kreator-tlo{background:radial-gradient(900px 360px at 95% 0%,rgba(143,177,255,.24),transparent 70%),linear-gradient(180deg,#fff,var(--tlo));border-bottom:1px solid var(--linia)}
.kreator-tlo .krok-glowa{padding-bottom:var(--s4)}

/* krok 1: formularz */
.sprawdz-siatka{display:grid;gap:var(--s6);padding-bottom:clamp(32px,4vw,56px)}
@media (min-width:1040px){.sprawdz-siatka{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s8);align-items:start}}
.co-sprawdzimy{background:var(--papier);border:1px solid var(--linia);border-radius:var(--r-duzy);padding:var(--s5);box-shadow:var(--cien-kartki)}
.co-sprawdzimy h2{font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--atrament);font-weight:600;padding-bottom:var(--s3);border-bottom:1px solid var(--linia);margin-bottom:var(--s2)}
.co-sprawdzimy ul{list-style:none;padding:0;display:grid;gap:0}
.co-sprawdzimy li{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--linia);font-size:var(--t-s)}
.co-sprawdzimy li:last-child{border-bottom:0}
.co-sprawdzimy li svg{width:16px;height:16px;color:var(--ok);margin-top:3px}
.co-sprawdzimy p{margin-top:var(--s3)}

/* postęp zadania */
.postep{margin-block:var(--s5)}
.postep-glowa{display:flex;gap:var(--s4);align-items:flex-start}
.postep-glowa h2{font-family:var(--sans);font-size:var(--t-l);font-weight:600;line-height:1.3}
.postep-glowa .czas{margin-left:auto;text-align:right;font-size:var(--t-xs);color:var(--grafit-3);white-space:nowrap}
.postep-glowa .czas b{display:block;font-size:var(--t-xl);font-weight:600;letter-spacing:-.02em;color:var(--grafit);font-variant-numeric:tabular-nums;line-height:1.1}
.postep-ikona{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--atrament-jasny);flex:none}
.postep-ikona .krecik{width:18px;height:18px;border-radius:50%;border:2px solid var(--atrament);border-right-color:transparent;animation:obrot .8s linear infinite}
.postep-ikona.blad{border-color:var(--stop);color:var(--stop)}
.pasek-postepu{height:4px;border-radius:2px;background:var(--linia);overflow:hidden;position:relative;margin-top:var(--s4)}
.pasek-postepu i{position:absolute;inset:0 auto 0 0;width:30%;border-radius:2px;background:linear-gradient(90deg,var(--akcent),var(--atrament))}
@media (prefers-reduced-motion:no-preference){.pasek-postepu i{animation:pasek 1.5s ease-in-out infinite}@keyframes pasek{0%{left:-30%}100%{left:100%}}}
.dziennik{list-style:none;padding:0;margin-top:var(--s3);max-height:300px;overflow:auto;counter-reset:dz}
.dziennik li{display:grid;grid-template-columns:2.2em 18px minmax(0,1fr);gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--linia);font-size:var(--t-s);color:var(--grafit-2);counter-increment:dz}
.dziennik li::before{content:counter(dz,decimal-leading-zero);font-size:var(--t-xs);color:var(--grafit-3);font-variant-numeric:tabular-nums}
.dziennik li:last-child{border-bottom:0}
.dziennik li svg{width:16px;height:16px;color:var(--ok)}
.dziennik li .krecik{width:14px;height:14px;border-radius:50%;border:2px solid var(--atrament);border-right-color:transparent;animation:obrot .8s linear infinite}
.dziennik li.teraz{color:var(--grafit);font-weight:600}

/* arkusz raportu (wynik) */
.raport-arkusz .firma{font-weight:600;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.15;margin:8px 0 6px;letter-spacing:-.02em;overflow-wrap:anywhere}
.raport-arkusz .identyfikatory{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:var(--t-xs);color:var(--grafit-2)}
.raport-arkusz .identyfikatory b{color:var(--grafit);font-weight:600;font-variant-numeric:tabular-nums}
.raport-arkusz .arkusz-glowka .nr{white-space:nowrap}
@media (max-width:599px){.raport-arkusz .arkusz-glowka{flex-direction:column-reverse;gap:var(--s2)}.raport-arkusz .arkusz-glowka .nr{text-align:left;white-space:normal}.raport-arkusz .arkusz-glowka .nr b{display:inline;margin:0 8px 0 4px}}
.ra-srodek{display:grid;gap:var(--s5);padding-top:var(--s5)}
@media (min-width:760px){.ra-srodek{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}.ra-wynik{border-right:1px solid var(--linia);padding-right:var(--s5)}}
.ra-etykieta{font-size:var(--t-xs);color:var(--grafit-2);margin-bottom:var(--s2)}
.ra-etykieta b{color:var(--grafit)}
.ra-status{font-weight:600;margin-top:10px;display:flex;align-items:center;gap:8px}
.ra-potracenia{margin-top:var(--s3)}
.ra-alerty{display:grid;gap:var(--s2)}
.ra-obszary{list-style:none;padding:0;margin-top:var(--s4);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px var(--s4);padding-top:var(--s4);border-top:1px solid var(--linia)}
@media (min-width:1100px){.ra-obszary{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ra-obszary li{display:grid;gap:2px;font-size:var(--t-xs);color:var(--grafit-3);min-width:0}
.ra-obszary .status{font-size:var(--t-xs);align-items:flex-start}
.ra-obszary .status svg{width:14px;height:14px;margin-top:1px}
.raport-arkusz .pieczatka{width:clamp(150px,20vw,190px);right:clamp(-24px,-1.5vw,-8px);bottom:-74px}
.raport-arkusz.z-pieczatka{margin-bottom:72px}
/* telefon: pieczątka w obrębie karty (pod treścią, nie poza krawędzią) */
@media (max-width:759px){.raport-arkusz.z-pieczatka{margin-bottom:0;padding-bottom:116px;overflow:hidden}.raport-arkusz .pieczatka{width:132px;right:16px;bottom:14px}}
.skala-opis{position:relative;display:block;height:14px}
.skala-opis span{position:absolute;transform:translateX(-50%)}
.skala-opis span:first-child{transform:none}

.bez-alertow{display:grid;grid-template-columns:20px 1fr;gap:10px;padding:14px 16px;border:1px solid #BFE3CF;border-left:3px solid var(--ok);border-radius:10px;background:var(--ok-tlo);color:var(--ok);font-weight:600;font-size:var(--t-s)}
.bez-alertow svg{width:20px;height:20px}
.alert-kafel.nowy{box-shadow:0 0 0 3px var(--atrament-jasny)}

/* podgląd bez dostępu (static/js/podglad.js): „zaklejona koperta” (decyzja 10.10.2026). Atrapa raportu to same
   kształty z CSS – stała dla każdej firmy; wynik, kategoria i alerty nie trafiają do przeglądarki. */
.podglad-koperta{display:grid;gap:var(--s5)}
.koperta{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(340px,36vw,400px);margin-top:var(--s1);border:1px solid var(--linia);border-radius:var(--r-kartka);
  background:radial-gradient(520px 260px at 82% 0%,rgba(143,177,255,.30),transparent 70%),linear-gradient(180deg,#F3F6FD,#E9EEF9);display:grid;place-items:center;padding:clamp(20px,4vw,40px) var(--s4)}
.koperta-atrapa{position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none}
.atr-kartka,.atr-strona{position:absolute;left:50%;top:28px;width:min(84%,520px);height:calc(100% + 40px);background:#fff;border:1px solid #DCE3F1;border-radius:6px;box-shadow:0 18px 40px -18px rgba(22,48,122,.35)}
.atr-tyl2{transform:translateX(-36%) rotate(6deg);opacity:.55;filter:blur(2px)}
.atr-tyl1{transform:translateX(-42%) rotate(3deg);opacity:.75;filter:blur(2px)}
.atr-strona{transform:translateX(-50%) rotate(-1.5deg);padding:22px 26px;display:grid;align-content:start;gap:18px;filter:blur(3.5px)}
.atr-strona i,.atr-strona b,.atr-strona span,.atr-strona p{display:block;border-radius:999px;margin:0}
.atr-glowa{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:2px solid #E3E8F3}
.atr-glowa i:first-child{width:46%;height:16px;background:#1F3A85;opacity:.75}
.atr-glowa i:last-child{width:24%;height:10px;background:#B9C6E6;margin-top:4px}
.atr-srodek{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:20px}
.atr-wynik b{width:62%;height:54px;border-radius:12px;background:linear-gradient(135deg,#16307A,#5A7BD8)}
.atr-wynik span{width:44%;height:11px;margin-top:12px;background:#8FB1FF}
.atr-skala{display:flex;gap:3px;margin-top:14px}
.atr-skala i{flex:1;height:7px;border-radius:2px;background:#C9D9FF}
.atr-skala i:nth-child(4){background:#5A7BD8}
.atr-karty{display:grid;gap:9px}
.atr-karty p{height:30px;border-radius:7px;background:#F2F5FC;border-left:4px solid #8FB1FF}
.atr-karty p:nth-child(2){border-left-color:#16307A;width:88%}
.atr-karty p:nth-child(3){width:74%}
.atr-wiersze{display:grid;gap:10px}
.atr-wiersze i{height:9px;background:#DCE3F1}
.atr-wiersze i:nth-child(2n){width:82%}.atr-wiersze i:nth-child(3n){width:64%}
.koperta-plomba{position:relative;display:grid;justify-items:center;gap:var(--s2);max-width:400px;margin-top:clamp(40px,6vw,90px);text-align:center;padding:clamp(20px,3vw,28px) clamp(18px,3vw,32px);
  background:rgba(255,255,255,.82);border:1px solid rgba(195,202,216,.9);border-radius:var(--r-duzy);box-shadow:var(--cien-duzy);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.koperta-plomba .zamek-duzy{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--atrament);color:#fff;box-shadow:0 8px 20px -8px rgba(22,48,122,.6);margin-bottom:var(--s1)}
.koperta-plomba .zamek-duzy svg{width:24px;height:24px}
.koperta-plomba h3{font-size:var(--t-xl);line-height:1.2;letter-spacing:-.015em}
.koperta-plomba p{font-size:var(--t-s);color:var(--grafit-2)}
@media (max-width:599px){.atr-srodek{grid-template-columns:1fr}.atr-karty{display:none}.atr-strona{width:88%;padding:18px}}
.co-sprawdzilismy{display:grid;gap:var(--s2);padding-top:var(--s2)}
.co-sprawdzilismy h3{display:flex;align-items:center;gap:12px;font-size:var(--t-xl);line-height:1.2;letter-spacing:-.015em}
.co-sprawdzilismy .znak{width:30px;height:30px;display:grid;place-items:center;border:1.5px solid var(--atrament);border-radius:6px;color:var(--atrament);flex:none}
.co-sprawdzilismy .znak svg{width:18px;height:18px}
.co-sprawdzilismy>.przypis{max-width:none;padding-bottom:var(--s2);border-bottom:1px solid var(--linia)}
.zrodla-lista{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--s6)}
@media (min-width:640px){.zrodla-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
.zrodla-lista li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid var(--linia);font-size:var(--t-s);color:var(--grafit)}
.zrodla-lista li>svg{width:16px;height:16px;margin-top:3px;color:var(--ok)}
.zrodla-lista li.info>svg{color:var(--grafit-3)}
.zrodla-lista small{display:block;font-size:var(--t-xs);color:var(--grafit-3)}
.zrodla-lista time{font-family:var(--mono);font-size:var(--t-xs);color:var(--grafit-3);font-variant-numeric:tabular-nums;padding-top:2px;white-space:nowrap}

/* paygate */
.paygate-siatka{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6);padding-bottom:var(--s7)}
/* telefon/tablet: zakup zaraz pod „Raport gotowy”, lista źródeł pod nim (bez dwóch ekranów przewijania) */
@media (max-width:1039.98px){.paygate-siatka>.paygate{order:-1}}
@media (min-width:1040px){.paygate-siatka{grid-template-columns:minmax(0,7fr) minmax(0,4.4fr);gap:0 var(--s7);align-items:start}.pg-arkusz{grid-column:1;grid-row:1}.paygate{grid-column:2;grid-row:1;position:sticky;top:148px}}
.paygate{border:1px solid var(--linia);border-radius:var(--r-duzy);background:var(--papier);padding:0;display:grid;gap:0;box-shadow:var(--cien-duzy);overflow:hidden}
.paygate-glowa{position:relative;display:grid;grid-template-columns:44px 1fr;gap:4px 14px;align-items:center;padding:clamp(20px,2.6vw,28px);color:#fff;
  background:radial-gradient(400px 180px at 100% 0%,rgba(143,177,255,.4),transparent 70%),linear-gradient(135deg,#16307A,#0E2160)}
.paygate-glowa .klodka{grid-row:1/span 2}
.paygate-glowa .nadtytul{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--akcent)}
.paygate-glowa h2{color:#fff}
.paygate-tresc{display:grid;gap:var(--s4);padding:clamp(20px,2.6vw,28px)}
.paygate .klodka{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff}
.paygate .klodka svg{width:22px;height:22px}
.paygate h2{font-size:var(--t-xl);line-height:1.2;letter-spacing:-.015em}
.paygate p{font-size:var(--t-s);color:var(--grafit-2)}
.paygate .akcje{display:grid;gap:var(--s3)}
.paygate .cena{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap;padding:var(--s3) var(--s4);background:var(--tlo);border:1px solid var(--linia);border-radius:10px}
.paygate .cena b{font-size:var(--t-2xl);font-weight:600;letter-spacing:-.025em}
.paygate .cena span{font-size:var(--t-xs);color:var(--grafit-3)}
.paygate .zgoda{font-size:var(--t-xs)}
/* wybór produktu: raport podstawowy / rozszerzony (pierwszy ekran kreatora i paygate) */
.wariant{border:0;padding:0;margin:0;min-width:0}
.wariant legend{font-size:var(--t-s);font-weight:600;margin-bottom:var(--s2);padding:0}
.wariant .opcje{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2)}
@media (min-width:640px){.wariant-start .wariant .opcje{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wariant .opcja{padding:12px 14px}
.wariant .wariant-cena{white-space:nowrap;font-weight:500;color:var(--grafit-2)}
.wariant-start{display:grid;gap:var(--s2);margin-top:var(--s5)}
.rozszerz .cena{display:flex;align-items:baseline;gap:var(--s3);flex-wrap:wrap;padding:var(--s3) var(--s4);background:var(--tlo);border:1px solid var(--linia);border-radius:10px}
.rozszerz .cena b{font-size:var(--t-xl);font-weight:600;letter-spacing:-.02em}
.rozszerz .cena span{font-size:var(--t-xs);color:var(--grafit-3)}
.rozszerz .zgoda{font-size:var(--t-xs)}
.paygate-lista{list-style:none;padding:var(--s4) 0 0;display:grid;gap:8px;font-size:var(--t-s);border-top:1px solid var(--linia)}
.paygate-lista li{display:grid;grid-template-columns:18px 1fr;gap:10px;color:var(--grafit-2)}
.paygate-lista svg{width:16px;height:16px;color:var(--atrament);margin-top:3px}

/* sekcje raportu (krok 4) */
.raport-sekcja{margin-top:clamp(40px,5vw,64px)}
.raport-sekcja .sekcja-naglowek{margin-bottom:var(--s5)}
.raport-sekcja .sekcja-naglowek h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}
.kwestie{display:grid;gap:var(--s4)}
.kwestia{border:1px solid var(--linia);border-left:3px solid var(--uwaga-ikona);border-radius:var(--r-kartka);background:var(--papier);padding:var(--s4) var(--s5) var(--s5);box-shadow:var(--cien-1)}
.kwestia.stop{border-left-color:var(--stop)}
.kwestia.informacyjna{border-left-color:var(--linia-mocna);border-left-style:dashed}
.kwestia dl>div.zr{grid-column:1/-1;border-left:0;padding-left:0}
.kwestia.nowy{box-shadow:0 0 0 3px var(--atrament-jasny)}
.kwestia-glowa{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);align-items:center;margin-bottom:var(--s4)}
.kwestia-glowa h3{font-size:var(--t-l);margin-right:auto}
.kwestia-glowa .status{font-size:var(--t-xs)}
.kwestia dl{display:grid;gap:var(--s4);margin:0}
@media (min-width:900px){.kwestia dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s6)}}
.kwestia dl>div{display:grid;gap:4px;align-content:start}
@media (min-width:900px){.kwestia dl>div:nth-child(even){border-left:1px solid var(--linia);padding-left:var(--s5)}}
.kwestia dt{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--grafit-3);display:flex;gap:6px;align-items:center}
.kwestia dt .krok{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--atrament-jasny);font-family:var(--mono);font-size:10px;font-weight:500;color:var(--atrament);letter-spacing:0}
.kwestia dd{margin:0;font-size:var(--t-s);color:var(--grafit);line-height:1.5}
.dwie-kolumny{display:grid;gap:var(--s6)}
@media (min-width:960px){.dwie-kolumny{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s7)}}
.podsumowanie-opisowe{font-family:var(--sans);font-size:1.0625rem;line-height:1.7;color:var(--grafit);border-left:3px solid var(--akcent);padding-left:var(--s4)}
.podsumowanie-opisowe p+p{margin-top:var(--s3)}
.uzupelnij{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin-top:var(--s4)}
.zakres-tabela td:last-child{white-space:normal}
.stopka-kroku{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--linia);padding-bottom:var(--s7)}
.stopka-kroku .rozpychacz{min-width:0}
.stopka-kroku .dlaczego{font-size:var(--t-xs);color:var(--grafit-3);max-width:34ch;text-align:right}
@media (max-width:640px){.stopka-kroku{flex-direction:column;align-items:stretch}.stopka-kroku .przycisk{width:100%}.stopka-kroku .dlaczego{text-align:left;max-width:none}.stopka-kroku .rozpychacz{display:none}}

/* krok 2: osoby */
.odpis{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:var(--s3);align-items:center;padding:var(--s3) 0;border-bottom:1px solid var(--linia)}
.odpis .ikona-kw{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--atrament-jasny);color:var(--atrament)}
.odpis .ikona-kw svg{width:20px;height:20px}
.odpis b{display:block;font-size:var(--t-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.odpis span{font-size:var(--t-xs);color:var(--grafit-3)}
@media (max-width:560px){.odpis{grid-template-columns:40px minmax(0,1fr)}.odpis .przycisk{grid-column:1/-1}}
.czekam{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:var(--s3);align-items:start;padding:var(--s4);background:var(--atrament-jasny);border:1px solid var(--akcent-2);border-radius:var(--r-kartka);margin-block:var(--s3)}
.czekam .krecik{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--atrament);border-right-color:transparent;animation:obrot .8s linear infinite;margin-top:2px}
.czekam b{display:block}
.czekam p{font-size:var(--t-s);color:var(--grafit-2);margin-top:2px}
.czekam kbd{font-family:var(--sans);font-size:var(--t-xs);font-weight:600;border:1px solid var(--linia-mocna);border-bottom-width:2px;padding:0 5px;background:#fff}
@media (max-width:560px){.czekam{grid-template-columns:24px minmax(0,1fr)}.czekam .przycisk{grid-column:1/-1}}
.wgrane{list-style:none;padding:0;margin-top:var(--s3)}
.wgrane li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--linia);font-size:var(--t-s)}
.wgrane li svg{width:16px;height:16px;color:var(--grafit-3)}
.wgrane .nazwa{overflow:hidden;text-overflow:ellipsis}
.inne-sposoby{border:1px solid var(--linia);border-radius:var(--r-kartka);margin-top:var(--s5)}
.inne-sposoby>summary{cursor:pointer;list-style:none;padding:var(--s4);font-weight:600;display:flex;gap:10px;align-items:center}
.inne-sposoby>summary::-webkit-details-marker{display:none}
.inne-sposoby>summary svg{width:18px;height:18px;transition:transform .2s}
.inne-sposoby[open]>summary svg{transform:rotate(45deg)}
.inne-sposoby>summary small{font-weight:400;color:var(--grafit-3);font-size:var(--t-xs)}
.inne-sposoby .wnetrze{padding:0 var(--s4) var(--s5)}
.przelacznik{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border:1.5px solid var(--linia-mocna);border-radius:var(--r-pole);overflow:hidden;margin-bottom:var(--s4);max-width:100%}
.przelacznik button{background:var(--papier);border:0;padding:9px 14px;font-weight:600;font-size:var(--t-s);color:var(--grafit-2);cursor:pointer;white-space:nowrap}
.przelacznik button+button{border-left:1.5px solid var(--linia-mocna)}
.przelacznik button[aria-pressed="true"]{background:var(--atrament);color:#fff}
@media (max-width:560px){.przelacznik{grid-auto-flow:row;width:100%}.przelacznik button+button{border-left:0;border-top:1.5px solid var(--linia-mocna)}}
.instrukcja{counter-reset:in;list-style:none;padding:0;display:grid;gap:8px;margin-block:var(--s3)}
.instrukcja li{counter-increment:in;display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:var(--t-s);color:var(--grafit-2)}
.instrukcja li::before{content:counter(in);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--atrament);font-family:var(--mono);font-size:11px;font-weight:500;color:#fff}
.upusc{display:grid;justify-items:center;gap:4px;border:1.5px dashed var(--linia-mocna);border-radius:var(--r-kartka);padding:var(--s5);text-align:center;cursor:pointer;background:var(--pole-2)}
.upusc:hover,.upusc.nad{border-color:var(--atrament);background:var(--atrament-jasny)}
.upusc svg{width:28px;height:28px;color:var(--atrament)}
.upusc b{font-size:var(--t-s)}
.upusc span{font-size:var(--t-xs);color:var(--grafit-3)}
.osoba-karta{border:1px solid var(--linia);border-radius:var(--r-kartka);padding:var(--s4);display:grid;gap:var(--s3)}
.osoba-karta+.osoba-karta{margin-top:var(--s3)}
.osoba-karta .glowa{display:flex;gap:var(--s3);justify-content:space-between;align-items:flex-start}
.osoba-karta .glowa b{display:block;font-size:var(--t-s)}
.osoba-karta .glowa small{font-size:var(--t-xs);color:var(--grafit-3)}
.maska{font-family:var(--mono);font-size:var(--t-m);font-weight:500;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.maska-opis{font-size:var(--t-xs);color:var(--grafit-3)}
.dwa-pola{display:grid;gap:var(--s3)}
@media (min-width:560px){.dwa-pola{grid-template-columns:1fr 1fr}}
.prywatnosc{margin-top:var(--s5)}
.gotowe-osoby{border:1px solid var(--linia);border-left:3px solid var(--ok);border-radius:var(--r-kartka);padding:var(--s5);display:grid;gap:var(--s3)}
.gotowe-osoby h2{font-size:var(--t-xl)}
.gotowe-osoby ul{list-style:none;padding:0;display:grid;gap:8px}
@media (min-width:760px){.gotowe-osoby ul{grid-template-columns:1fr 1fr}}
.gotowe-osoby li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:var(--t-s)}
.gotowe-osoby li svg{width:16px;height:16px;color:var(--ok);margin-top:3px}
.gotowe-osoby li small{display:block;color:var(--grafit-3);font-size:var(--t-xs)}

/* krok 3: transakcja — pytania jak w druku */
.pytania{border-top:1px solid var(--linia)}
.pytanie{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--s2) var(--s4);padding:var(--s5) 0;border-bottom:1px solid var(--linia)}
.pytanie .nr{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--atrament-jasny);color:var(--atrament);font-family:var(--mono);font-weight:500;font-size:var(--t-xs);font-variant-numeric:tabular-nums}
.pytanie h3{font-size:var(--t-m);line-height:1.4}
.pytanie .poco{font-size:var(--t-s);color:var(--grafit-2);margin-top:2px}
.pytanie .odp{grid-column:2;display:grid;gap:var(--s2);margin-top:var(--s2)}
@media (max-width:560px){.pytanie{grid-template-columns:28px minmax(0,1fr);gap:var(--s2) var(--s3)}.pytanie .nr{width:26px;height:26px}.pytanie .odp{grid-column:1/-1}}
.opcje{display:flex;flex-wrap:wrap;gap:var(--s2)}
.opcje.pion{flex-direction:column}
.opcja{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;padding:10px 14px;border:1px solid var(--linia-mocna);border-radius:10px;cursor:pointer;background:var(--papier);font-size:var(--t-s)}
.opcja:hover{border-color:var(--grafit-2)}
.opcja:has(input:checked){border-color:var(--atrament);background:var(--atrament-jasny);box-shadow:0 0 0 1px var(--atrament)}
.opcja input{appearance:none;width:20px;height:20px;margin:1px 0 0;border:1.5px solid var(--grafit-2);background:#fff;display:grid;place-items:center;cursor:pointer}
.opcja input[type=radio]{border-radius:50%}
.opcja input[type=radio]:checked{border-color:var(--atrament)}
.opcja input[type=radio]:checked::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--atrament)}
.opcja input[type=checkbox]{border-radius:5px}
.opcja input[type=checkbox]:checked{background:var(--atrament);border-color:var(--atrament)}
.opcja input[type=checkbox]::after{content:"";width:11px;height:6px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.opcja input[type=checkbox]:checked::after{opacity:1}
.opcja b{font-weight:600}
.opcja small{display:block;font-size:var(--t-xs);color:var(--grafit-3);margin-top:2px}
.pytania-przypis{margin-top:var(--s4)}

/* struktura właścicielska */
.drzewo{display:grid}
.drzewo-wiersz{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,140px) 64px 72px;gap:var(--s3);align-items:center;padding:10px 0;border-bottom:1px solid var(--linia);font-size:var(--t-s)}
.drzewo-wiersz.glowka{font-size:var(--t-xs);font-weight:600;color:var(--grafit-2);border-bottom:1px solid var(--linia);padding-top:0}
.drzewo-wiersz .kto{display:flex;align-items:center;gap:10px;min-width:0;padding-left:calc(var(--g,0) * 22px)}
.drzewo-wiersz .kto svg{width:16px;height:16px;color:var(--grafit-3);flex:none}
.drzewo-wiersz .kto b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drzewo-wiersz .kto small{display:block;font-size:var(--t-xs);color:var(--grafit-3)}
.drzewo-wiersz .pas{height:6px;border-radius:3px;overflow:hidden;background:var(--pole)}
.drzewo-wiersz .pas i{display:block;height:100%;background:var(--atrament)}
.drzewo-wiersz.reszta .pas i{background:var(--uwaga-ikona)}
.drzewo-wiersz .liczba{text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:600px){.drzewo-wiersz{grid-template-columns:minmax(0,1fr) 56px 56px}.drzewo-wiersz .pas,.drzewo-wiersz.glowka .k-pas{display:none}}
.pokrycie{display:grid;gap:6px;margin-top:var(--s5);max-width:520px}
.pokrycie .pas{height:10px;border-radius:5px;overflow:hidden;background:var(--pole);display:flex}
.pokrycie .pas i{display:block;height:100%;background:var(--atrament)}
.pokrycie .pas i+i{background:var(--uwaga-ikona)}

/* sankcje: macierz */
.macierz td.lista,.macierz th.lista{text-align:center;padding-right:8px;white-space:nowrap}
.macierz .znacznik{padding:2px 8px}
.macierz tr.trafienie th,.macierz tr.trafienie td{background:var(--stop-tlo)}

/* archiwum dowodów */
.suma-sha{font-family:var(--mono);font-size:var(--t-xs);word-break:break-all;background:var(--pole-2);border:1px solid var(--linia);border-radius:8px;padding:10px 12px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.liczniki{display:flex;flex-wrap:wrap;gap:var(--s5)}
.liczniki div{display:grid}
.liczniki b{font-size:var(--t-xl);font-weight:600;letter-spacing:-.02em;line-height:1.1}
.liczniki span{font-size:var(--t-xs);color:var(--grafit-3)}

/* ======================= KONTO / ADMIN ======================= */
.konto-glowa{background:radial-gradient(800px 300px at 95% 0%,rgba(143,177,255,.22),transparent 70%),linear-gradient(180deg,#fff,var(--tlo));border-bottom:1px solid var(--linia);padding-block:clamp(28px,4vw,56px) clamp(24px,3vw,40px)}
.konto-glowa-siatka{display:grid;gap:var(--s5);align-items:end}
@media (min-width:900px){.konto-glowa-siatka{grid-template-columns:minmax(0,1fr) auto}}
.konto-glowa h1{font-size:clamp(2rem,1.5rem + 1.8vw,3rem)}
.konto-glowa .kto-zalogowany{margin-top:var(--s2);color:var(--grafit-2);font-size:var(--t-s);overflow-wrap:anywhere}
.saldo{background:var(--papier);border:1px solid var(--linia);border-radius:var(--r-kartka);box-shadow:var(--cien-kartki);padding:var(--s4) var(--s5);display:grid;grid-template-columns:auto auto;gap:var(--s2) var(--s5);align-items:center}
.saldo .ile{font-size:2.75rem;font-weight:600;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.saldo .opis{font-size:var(--t-xs);color:var(--grafit-2);line-height:1.35}
.saldo .opis b{display:block;font-size:var(--t-s);color:var(--grafit)}
.saldo .akcje{grid-column:1/-1;display:flex;gap:var(--s2);flex-wrap:wrap}
@media (max-width:420px){.saldo .akcje .przycisk{flex:1}}

.filtry{display:grid;gap:var(--s3);padding:var(--s4);background:var(--pole-2);border:1px solid var(--linia);border-top:1px solid var(--linia)}
.filtry-gora{display:grid;gap:var(--s3);grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.filtry-gora{grid-template-columns:minmax(0,1fr) auto auto}}
.szukaj{position:relative}
.szukaj svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--grafit-3);pointer-events:none}
.szukaj .wejscie{padding-left:42px;background:#fff}
.filtry-wiecej{display:grid;gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:760px){.filtry-wiecej{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.filtry-wiecej{grid-template-columns:1.1fr 1.1fr 1fr 1fr 1.6fr}}
.filtry .pole-f>label{font-size:var(--t-xs);color:var(--grafit-2)}
.filtry .wejscie{background-color:#fff}
.zakres-pola{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:center}
.zakres-pola span{color:var(--grafit-3);font-size:var(--t-xs)}
.filtr-check{display:flex;gap:10px;align-items:center;font-size:var(--t-s);cursor:pointer;min-height:40px;white-space:nowrap}
.filtr-check input{appearance:none;width:20px;height:20px;border:1.5px solid var(--linia-mocna);border-radius:5px;background:#fff;display:grid;place-items:center;cursor:pointer;margin:0}
.filtr-check input:checked{background:var(--atrament);border-color:var(--atrament)}
.filtr-check input::after{content:"";width:11px;height:6px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.filtr-check input:checked::after{opacity:1}
.filtry-dol{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;font-size:var(--t-xs);color:var(--grafit-3)}
.filtry-dol .przycisk{margin-left:auto}
.wyniki-info{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);flex-wrap:wrap;padding:var(--s4) 0 var(--s2);font-size:var(--t-s);color:var(--grafit-2)}
.wyniki-info b{color:var(--grafit)}

/* tabela raportów (konto, admin) — na wąskim ekranie karty */
.tabela.gesta th,.tabela.gesta td{padding:11px 14px 11px 0}
.tabela.gesta td{vertical-align:middle}
.tabela .firma-k b{display:block;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.tabela .firma-k a{color:var(--grafit);text-decoration:none}
.tabela .firma-k a:hover{color:var(--atrament);text-decoration:underline}
.tabela .firma-k small{display:block;font-size:var(--t-xs);color:var(--grafit-3);font-variant-numeric:tabular-nums}
.tabela .wynik-k{display:flex;align-items:center;gap:10px;white-space:nowrap}
.tabela .wynik-k b{font-size:var(--t-l);font-weight:600;letter-spacing:-.02em;min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}
.tabela .alerty-k{font-size:var(--t-xs);color:var(--grafit-2);line-height:1.35}
.tabela .alerty-k b{display:block;font-size:var(--t-s)}
.tabela .alerty-k b.uwaga{color:var(--uwaga)}
.tabela .alerty-k b.stop{color:var(--stop)}
.tabela .alerty-k b.ok{color:var(--ok)}
.tabela .akcje-k{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;align-items:center}
.tabela .alerty-k b{white-space:nowrap}
.tabela tbody tr:hover>*{background:var(--pole-2)}
.tabela td.data-k{white-space:nowrap;font-size:var(--t-xs);color:var(--grafit-2);font-variant-numeric:tabular-nums}
.tabela td.data-k .wygasa{display:block;margin-top:4px;color:var(--grafit-3);white-space:normal;max-width:16ch}
.tabela td.data-k .wygasa.uwaga{color:var(--uwaga);font-weight:500}
.tabela td.data-k .wygasa svg{width:12px;height:12px;vertical-align:-2px;margin-right:3px;color:var(--uwaga-ikona)}
@media (max-width:860px){
  .tabela.karty thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tabela.karty,.tabela.karty tbody{display:block}
  .tabela.karty tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px var(--s3);padding:var(--s4) 0;border-bottom:1px solid var(--linia)}
  .tabela.karty td{display:block;border:0;padding:0}
  .tabela.karty td[data-k]::before{content:attr(data-k);display:block;font-size:11px;color:var(--grafit-3);font-weight:600}
  .tabela.karty td.firma-k{grid-column:1/-1}
  .tabela.karty td.akcje-td{grid-column:1/-1;padding-top:6px}
  .tabela.karty .akcje-k{justify-content:flex-start}
  .tabela.karty tbody tr:hover>*{background:none}
}
.stronicowanie{display:flex;gap:var(--s2);align-items:center;justify-content:center;flex-wrap:wrap;margin-top:var(--s5)}
.stronicowanie .gdzie{font-size:var(--t-s);color:var(--grafit-2);padding:0 var(--s3);font-variant-numeric:tabular-nums}
.ladowanie-wiersze{display:grid;gap:10px;padding:var(--s4) 0}
.ladowanie-wiersze .szkielet{height:44px}

.konto-sekcje{padding-block:clamp(32px,4vw,56px)}
.konto-sekcje section+section{margin-top:clamp(48px,6vw,80px)}
.haslo-siatka{display:grid;gap:var(--s6)}
@media (min-width:960px){.haslo-siatka{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s8)}}
.haslo-siatka form{display:grid;gap:var(--s4);max-width:460px}
.powrot-platnosci{margin-bottom:var(--s5)}
.powrot-platnosci .notka>div{display:grid;gap:var(--s3)}

/* admin */
.admin-zakladki{margin-top:var(--s5)}
.admin-panel{padding-block:var(--s5) var(--s8)}
.admin-pasek{display:flex;gap:var(--s3);align-items:end;flex-wrap:wrap;margin-bottom:var(--s3)}
.admin-pasek .pole-f{min-width:min(100%,220px)}
.admin-pasek .szukaj{flex:1;min-width:min(100%,260px)}
.tabela .email-k{overflow-wrap:break-word;word-break:normal}
.tabela .email-k small{display:block;font-size:var(--t-xs);color:var(--grafit-3)}
.szczegoly-k{font-size:var(--t-xs);color:var(--grafit-2);line-height:1.45;overflow-wrap:anywhere;max-width:520px}
.szczegoly-k span{display:inline-block;margin-right:10px}
.szczegoly-k b{font-weight:600;color:var(--grafit)}
.kod-k{font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--grafit-2);overflow-wrap:anywhere}

/* ======================= PŁATNOŚĆ TESTOWA ======================= */
.baner-testowy{background:repeating-linear-gradient(-45deg,var(--uwaga-tlo) 0 14px,#FBE4C6 14px 28px);border-bottom:2px solid var(--uwaga-ikona);color:var(--uwaga);padding:var(--s3) 0;font-weight:700;letter-spacing:.02em}
.baner-testowy .kontener{display:flex;gap:var(--s3);align-items:center;justify-content:center;text-align:center}
.baner-testowy svg{width:22px;height:22px;color:var(--uwaga-ikona);flex:none}
.platnosc-strona{background:var(--tlo);min-height:calc(100vh - 120px);padding-block:clamp(32px,6vw,80px)}
.platnosc-arkusz{max-width:620px;margin-inline:auto}
.platnosc-arkusz h1{font-size:clamp(1.75rem,1.4rem + 1.4vw,2.5rem);margin:var(--s4) 0 var(--s2)}
.zamowienie{border-top:1px solid var(--linia);margin-top:var(--s5)}
.zamowienie>div{display:flex;justify-content:space-between;gap:var(--s4);padding:12px 0;border-bottom:1px solid var(--linia);font-size:var(--t-s)}
.zamowienie dt{color:var(--grafit-2)}
.zamowienie dd{margin:0;text-align:right;font-weight:600}
.zamowienie .razem dd{font-size:var(--t-2xl);font-weight:600;letter-spacing:-.02em;line-height:1}
.zamowienie .razem dd small{display:block;font-family:var(--sans);font-size:var(--t-xs);color:var(--grafit-3);font-weight:500;margin-top:6px}
.platnosc-akcje{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s6)}
.platnosc-akcje .przycisk.glowny{flex:1}
@media (max-width:480px){.platnosc-akcje .przycisk{width:100%}}

@media print{.kroki-pas,.stopka-kroku,.paygate,.zakladki{display:none!important}}
.uzupelnij .przycisk{white-space:normal;text-align:left}
.pusty svg.ik.duza{width:40px;height:40px;margin:0 auto var(--s4);color:var(--grafit-3)}
@media (min-width:1100px){#panel-uzytkownicy .akcje-k{flex-wrap:nowrap}}
.tabela .email-k b{overflow-wrap:break-word;word-break:normal}
.zamowienie dd{min-width:0;overflow-wrap:anywhere}

/* Cloudflare Turnstile (gdy włączony): widżet pod kreatorem, widoczny tylko przy potrzebie interakcji */
.turnstile-pole { margin-block: 16px; }

/* przewinięcie do postępu sprawdzania: odstęp na przyklejony nagłówek i pasek kroków */
#prog{scroll-margin-top:190px}

/* ===== /konto po odchudzeniu (08.10.2026): jeden nagłówek, zwijane filtry, ustawienia w <details> ===== */
.konto-glowa{padding-block:clamp(24px,3vw,40px)}
.konto-pasek{display:flex;gap:var(--s4);align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.konto-kto{min-width:0}
.konto-kto h1{font-size:clamp(1.9rem,1.5rem + 1.4vw,2.6rem)}
.konto-akcje{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}
.saldo-etykieta{display:inline-flex;align-items:baseline;gap:6px;padding:8px 14px;border:1px solid var(--linia);border-radius:999px;background:var(--papier);
  color:var(--grafit-2);text-decoration:none;font-size:var(--t-s);white-space:nowrap}
@media (max-width:560px){  /* saldo dwóch rodzajów kredytów + „Dokup” nie mieści się w jednej linii telefonu */
  .saldo-etykieta{white-space:normal;flex-wrap:wrap;row-gap:4px;max-width:100%;border-radius:var(--r-duzy, 16px)}
  .saldo-etykieta .dokup{margin-left:auto}
}
.saldo-etykieta b{font-family:var(--sans);font-weight:600;font-size:1.25rem;color:var(--grafit);font-variant-numeric:tabular-nums;line-height:1}
.saldo-etykieta .dokup{margin-left:6px;padding-left:10px;border-left:1px solid var(--linia);color:var(--atrament);font-weight:600}
.saldo-etykieta:hover{border-color:var(--grafit-3)}
.saldo-etykieta:hover .dokup{text-decoration:underline}
@media (max-width:560px){.konto-akcje{width:100%}.konto-akcje .przycisk{flex:1}}

.konto-sekcje{padding-block:clamp(20px,3vw,36px) clamp(40px,5vw,64px)}
.filtry{background:none;border:0;padding:0;gap:var(--s3)}
.filtry-gora{grid-template-columns:minmax(0,1fr) auto}
.filtry-gora .sortowanie{grid-column:1/-1}
@media (min-width:640px){.filtry-gora{grid-template-columns:minmax(0,1fr) auto auto}.filtry-gora .sortowanie{grid-column:auto}}
.filtry-gora .sortowanie select{min-width:0}
.filtry-przelacz{gap:8px}
.filtry-przelacz[aria-expanded="true"]{background:var(--pole-2)}
.filtry-przelacz .licznik{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--atrament);color:#fff;font-size:12px;font-weight:700}
.filtry-panel{display:grid;gap:var(--s3);padding:var(--s4);background:var(--pole-2);border:1px solid var(--linia);border-radius:var(--r-kartka)}
.filtry-panel[hidden]{display:none}
.filtry-wiecej{grid-template-columns:minmax(0,1fr)}
@media (min-width:520px){.filtry-wiecej{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.filtry-wiecej{grid-template-columns:1fr 1fr 1fr 1fr 1.3fr}}
.filtry-wiecej .pole-f,.filtry-wiecej .wejscie,.zakres-pola{min-width:0;max-width:100%}
.zakres-pola input{min-width:0;width:100%}
.filtry-dol{justify-content:flex-end}
.wyniki-info:empty{display:none}
.konto-sekcje [data-lista]{margin-top:var(--s3)}

.konto-pakiety{margin-bottom:clamp(28px,4vw,44px)}
.konto-pakiety h2{font-size:var(--t-l,1.25rem);margin-bottom:4px}
.ustawienia-konta{margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--linia)}
.ustawienia-konta>summary{display:flex;gap:var(--s3);align-items:baseline;flex-wrap:wrap;padding:var(--s4) 0;cursor:pointer;list-style:none}
.ustawienia-konta>summary::-webkit-details-marker{display:none}
.ustawienia-konta>summary::before{content:"";width:8px;height:8px;border-right:2px solid var(--grafit-2);border-bottom:2px solid var(--grafit-2);transform:rotate(-45deg);margin-right:4px;transition:transform .15s}
.ustawienia-konta[open]>summary::before{transform:rotate(45deg)}
.ustawienia-konta .ust-tytul{font-family:inherit;font-size:var(--t-m);font-weight:600;color:var(--grafit);line-height:1.3}
.ustawienia-konta .ust-opis{font-size:var(--t-xs);color:var(--grafit-3)}
.ustawienia-tresc form{display:grid;gap:var(--s4);max-width:460px;padding-bottom:var(--s4)}
.rzad-przyciskow{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}

/* telefon: nic nie może wychodzić poza ekran */
@media (max-width:640px){
  .konto-sekcje,.konto-sekcje *{min-width:0}
  .tabela-wrap:has(>.tabela.karty){overflow-x:visible}  /* tabele-karty mieszczą się same; zwykłe tabele (np. zakres
                                                          weryfikacji w kreatorze) przewijają się w ramce */
}

/* ---------- /pakiet: lista NIP-ów z pliku → raport zbiorczy ---------- */
.pakiet-krok{display:grid;gap:var(--s4)}
.pakiet-krok h2{font-size:var(--t-l)}
.pakiet-zasady{display:grid;gap:var(--s2);padding-left:1.2em;font-size:var(--t-s);color:var(--grafit-2)}
.pakiet-podglad{display:grid;gap:var(--s4);margin-top:var(--s4)}
.pakiet-podglad h3{font-size:var(--t-m);overflow-wrap:anywhere}
.pakiet-liczniki{display:flex;flex-wrap:wrap;gap:var(--s3)}
.pakiet-liczniki>div{border:1px solid var(--linia);border-radius:var(--r-kartka);background:var(--papier);padding:10px 16px;min-width:130px;display:grid}
.pakiet-liczniki b{font-size:var(--t-xl);line-height:1.1;font-variant-numeric:tabular-nums}
.pakiet-liczniki span{font-size:var(--t-xs);color:var(--grafit-3)}
.pakiet-liczniki .zle b{color:var(--stop)}.pakiet-liczniki .uw b{color:var(--uwaga)}
.pakiet-bledy summary{cursor:pointer;font-weight:600;font-size:var(--t-s)}
.pakiet-nipy{font-size:var(--t-s);margin-top:var(--s2);overflow-wrap:anywhere}
.pakiet-glowa{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:space-between;align-items:flex-end}
.pakiet-pasek{margin-top:0}.pakiet-pasek i{transition:width .4s}
.pakiet-tabela .pakiet-rf{color:var(--stop)}.pakiet-tabela .pakiet-al{color:var(--uwaga)}
.pakiet-poprzednie{margin-top:clamp(40px,5vw,64px)}
.pakiet-poprzednie h2{font-size:var(--t-l);margin-bottom:var(--s3)}
.pakiet-pasek i{animation:none;left:0}
.pakiet-liczniki .ok b{color:var(--ok)}