/* =====================================================================================
   Strony PPA w jezyku widokow „Sprawdz” (wzor rejestr.hww.pl), 1.10.2026. PROJEKT DO POKAZU.

   Wszystko, co jest we wzorze (kontener .rj, nazwa .rj-h1, biala karta .rj-karta z polem i rozwijakiem
   „Filtry”, siatka lista 1/3 + prawa kolumna 2/3, pas liczb, wiersz .rj-w z pigulkami, stronicowanie,
   mapa, ramka zastosowania .rj-uc, karta obiektu .rj-glowa/.rj-fakty/.rj-zakl/.rj-sek z tabelami .rj-tab,
   rozwijaki .rj-baton), daje assets/wyszukiwarka-rejestr.css i tego tu NIE nadpisujemy.
   Ten arkusz dokłada wyłącznie to, czego wzór nie ma:
     1. dwa wejscia w bialej karcie strony ppa.html (zamiast pola wyszukiwania),
     2. portret zrodla z akwarela i suwak pokrycia zuzycia na karcie ogloszenia,
     3. kreator ogloszenia (rola, kroki, pola formularza, bledy, ekran konta, potwierdzenie),
     5. pasek liczby z danych PSE o cenach ujemnych na ppa.html (2.10.2026).
   Kolory: wylacznie tokeny wzoru (--rj-*). Czerwien bledu i ochra uwagi to te same wartosci, ktore
   wzor juz niesie w karcie firmy (assets/karta-firmy.css: --rj-kryt, --rj-uwaga), nie nowe kolory.
   Drobny druk: najmniej 14 px (tools/check_min_font.py). Bez kroju starej karty, bez kafelkow, bez kickerow.
   ===================================================================================== */

.rj{--rj-kryt:#b3261e;--rj-kryt-tlo:#fdecea;--rj-kryt-linia:#f3c6c1;--rj-uwaga:#7d5300;--rj-uwaga-tlo:#fdf3e1}
.rj [hidden]{display:none !important}
.rj .rj-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- 1. dwa wejscia w bialej karcie (ppa.html) ---------- */
.rj .rj-karta.ppa-wejscia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;overflow:hidden}
.rj .ppa-wejscie{display:flex;flex-direction:column;min-width:0;padding:24px 26px 24px}
.rj .ppa-wejscie+.ppa-wejscie{border-left:1px solid var(--rj-linia)}
.rj .ppa-wejscie h2{display:flex;align-items:center;gap:12px;margin:0;font:700 22px/1.25 var(--rj-font);letter-spacing:-.02em;color:var(--rj-ink)}
.rj .ppa-wejscie h2 svg{flex:none;color:var(--rj-akcent)}
.rj .ppa-wejscie p{margin:10px 0 0;font-size:16px;line-height:1.6;color:var(--rj-tekst);max-width:34em}
.rj .ppa-wejscie-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:auto 0 0;padding-top:20px}
.rj .ppa-link{display:inline-flex;align-items:center;min-height:44px;font:600 16px var(--rj-font);color:var(--rj-akcent);text-decoration:none}
.rj .ppa-link:hover{text-decoration:underline;text-underline-offset:3px}
.rj .ppa-link:focus-visible{outline:2px solid var(--rj-akcent);outline-offset:2px;border-radius:4px}
.rj .rj-wyniki>.rj-wiecej{display:block;margin:14px 4px 2px;text-align:center}
.rj .rj-split .rj-w-m>span:not(.rj-pig){white-space:nowrap}

/* zaslona jako odnosnik do pelnego dostepu (jak w karcie przykladu dzialki) */
.rj a.rj-zasl{text-decoration:none;cursor:pointer;border-radius:4px}
.rj a.rj-zasl:hover{color:var(--rj-akcent-ciem)}
.rj a.rj-zasl:focus-visible{outline:2px solid var(--rj-akcent);outline-offset:1px}
.rj .rj-w-m .rj-zasl{cursor:help}
.rj .rj-liczby b .rj-zasl{font-weight:400}

/* filtry wygaszone bez pelnego dostepu: pole zostaje widoczne, powod niesie title i opis dla czytnika */
.rj .rj-f select:disabled{background:var(--rj-tlo);color:var(--rj-slaby);cursor:not-allowed}

/* ---------- 2. karta ogloszenia (ppa-oferta.html) ---------- */
.rj .rj-glowa h1 .ppa-przyklad{color:var(--rj-tekst);font-weight:500}
.rj .ppa-brak{color:var(--rj-slaby);font-weight:400}
/* tabele parametrow: kolumna nazw tej samej szerokosci w kazdej sekcji karty */
.rj .rj-tab.ppa-tab th:first-child{width:58%}
.rj .rj-b2[disabled]{color:var(--rj-slaby);background:var(--rj-tlo);border-color:var(--rj-linia);cursor:not-allowed}
.rj .ppa-portret{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:22px 28px;align-items:start}
.rj .ppa-portret figure{margin:0}
.rj .ppa-portret img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--rj-r);background:var(--rj-bialy)}
.rj .ppa-portret figcaption{margin:8px 0 0;font-size:14px;color:var(--rj-slaby)}
.rj .ppa-historia{margin:0;font-size:16px;line-height:1.7;color:var(--rj-ink);white-space:pre-line}
.rj .ppa-portret .rj-w-m{margin:14px 0 0}
.rj .ppa-opis{margin:0;font-size:16px;line-height:1.7;color:var(--rj-ink);white-space:pre-line;max-width:62em}
.rj .ppa-suwak{display:flex;align-items:center;gap:20px;margin:4px 0 0}
.rj .ppa-suwak input[type=range]{flex:1;min-width:0;height:44px;margin:0;accent-color:var(--rj-akcent);cursor:pointer}
.rj .ppa-suwak input[type=range]:focus-visible{outline:2px solid var(--rj-akcent);outline-offset:2px;border-radius:6px}
.rj .ppa-suwak output{flex:none;min-width:8.5em;text-align:right;font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.rj .ppa-suwak label{flex:none;font-size:14px;font-weight:600;color:var(--rj-tekst)}
.rj .ppa-pokrycie{margin:14px 0 0;font-size:16px;line-height:1.6;color:var(--rj-ink);max-width:46em}
.rj .ppa-pokrycie b{font-variant-numeric:tabular-nums}

/* ---------- 3. kreator (ppa-dodaj.html) ---------- */
.rj .rj-karta.ppa-kreator{padding:0;overflow:hidden}
.rj .ppa-rola{display:flex;gap:4px;margin:0;padding:0 18px;border-bottom:1px solid var(--rj-linia)}
.rj .ppa-rola button{flex:none;min-height:52px;padding:0 14px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:none;
  font:500 16px var(--rj-font);color:var(--rj-tekst);cursor:pointer}
.rj .ppa-rola button:hover{color:var(--rj-akcent)}
.rj .ppa-rola button[aria-pressed="true"]{color:var(--rj-ink);font-weight:700;border-bottom-color:var(--rj-akcent)}
.rj .ppa-rola button:focus-visible{outline:2px solid var(--rj-akcent);outline-offset:-2px}
.rj .ppa-tresc{padding:22px 26px 26px}
.rj .ppa-kroki{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid var(--rj-linia);counter-reset:k}
.rj .ppa-kroki li{counter-increment:k;display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:500;color:var(--rj-slaby)}
.rj .ppa-kroki li::before{content:counter(k);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;
  border:1px solid var(--rj-ramka);background:var(--rj-bialy);color:var(--rj-tekst);font-size:14px;font-weight:700}
.rj .ppa-kroki li.on{color:var(--rj-ink);font-weight:700}
.rj .ppa-kroki li.on::before{background:var(--rj-akcent);border-color:var(--rj-akcent);color:#fff}
.rj .ppa-kroki li.zrobione::before{content:"✓";background:var(--rj-akcent-tlo);border-color:var(--rj-akcent-tlo);color:var(--rj-akcent-ciem)}
.rj .ppa-krok{display:none}
.rj .ppa-krok.on{display:block}
.rj .ppa-krok>h2{margin:0;font:700 19.2px/1.3 var(--rj-font);letter-spacing:-.01em;color:var(--rj-ink)}
.rj .ppa-krok>.ppa-wstep{margin:6px 0 18px;font-size:16px;line-height:1.6;color:var(--rj-tekst);max-width:46em}
.rj .ppa-pola{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:0 0 18px}
.rj .ppa-pola .ppa-szer{grid-column:1/-1}
/* etykieta pola: ta sama miara co <span> w filtrach wzoru (.rj-f>span), tu jako <label for> */
.rj .rj-f>label{display:block;font-size:14px;font-weight:600;line-height:1.4;color:var(--rj-tekst);margin:0 0 6px}
.rj .rj-f textarea{display:block;width:100%;min-height:104px;border:1px solid var(--rj-ramka);border-radius:6px;padding:10px;resize:vertical;
  font:400 16px/1.55 var(--rj-font);color:var(--rj-ink);background:var(--rj-bialy)}
.rj .rj-f textarea:hover{border-color:var(--rj-akcent)}
.rj .rj-f textarea:focus-visible{outline:2px solid var(--rj-akcent);outline-offset:1px}
.rj .rj-f .ppa-pomoc{display:block;margin:6px 0 0;font-size:14px;line-height:1.5;font-weight:400;color:var(--rj-slaby)}
.rj .rj-f .ppa-licznik{display:block;margin:4px 0 0;font-size:14px;color:var(--rj-slaby);text-align:right;font-variant-numeric:tabular-nums}
.rj .rj-f .ppa-licznik.za-duzo{color:var(--rj-kryt);font-weight:600}
.rj .ppa-blad{display:none;margin:6px 0 0;font-size:14px;line-height:1.45;font-weight:600;color:var(--rj-kryt)}
.rj .ppa-blad.on{display:block}
.rj .rj-f .ppa-zle,.rj .rj-f .ppa-zle:hover{border-color:var(--rj-kryt);background:var(--rj-kryt-tlo)}
.rj .ppa-para{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rj .ppa-uwaga{display:none;margin:0 0 18px;padding:12px 16px;border-radius:var(--rj-r);background:var(--rj-uwaga-tlo);color:var(--rj-uwaga);
  font-size:14.4px;line-height:1.6;max-width:52em}
.rj .ppa-uwaga.on{display:block}
.rj .ppa-zgoda{display:flex;gap:12px;align-items:flex-start;margin:4px 0 0;font-size:16px;line-height:1.55;color:var(--rj-ink);cursor:pointer;max-width:46em}
.rj .ppa-zgoda input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--rj-akcent);cursor:pointer}
.rj .ppa-kreator .rj-filtry{margin:0 0 18px}
.rj .ppa-kreator .rj-filtry-tresc{padding:4px 16px 18px}
.rj .ppa-kreator .rj-filtry-tresc>.ppa-wstep{margin:0 0 16px;font-size:14.4px;line-height:1.6;color:var(--rj-tekst)}
.rj .ppa-podglad{margin:0 0 18px}
.rj .ppa-podglad>h3{margin:0 0 8px;font:700 16px/1.4 var(--rj-font);color:var(--rj-ink)}
.rj .ppa-nawigacja{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--rj-linia)}
.rj .ppa-nawigacja .rj-b2{height:52px}
.rj .ppa-nawigacja .rj-btn[disabled]{opacity:.6;cursor:progress}
.rj .ppa-komunikat{display:none;margin:0 0 18px;padding:14px 16px;border:1px solid var(--rj-kryt-linia);border-radius:var(--rj-r);background:var(--rj-kryt-tlo);
  color:var(--rj-kryt);font-size:16px;line-height:1.55}
.rj .ppa-komunikat.on{display:block}
.rj .ppa-ekran{padding:28px 30px 30px;max-width:46em}
.rj .ppa-ekran h2{margin:0;font:700 22px/1.3 var(--rj-font);letter-spacing:-.02em;color:var(--rj-ink)}
.rj .ppa-ekran p{margin:12px 0 0;font-size:16px;line-height:1.65;color:var(--rj-tekst)}
.rj .ppa-ekran .rj-akcje{margin:22px 0 0}
.rj .ppa-czekaj{margin:0;padding:26px 30px;font-size:16px;color:var(--rj-tekst)}
/* blok magazynu (2.10.2026): wewnetrzna siatka pol na pelnej szerokosci; odstep daje siatka zewnetrzna */
.rj .ppa-magazyn>.ppa-pola{margin:0}

/* ---------- 5. pasek PSE na ppa.html (2.10.2026) ----------
   Pas liczb wzoru (.rj-liczby: biala karta, liczba i opis obok, pionowa kreska) z jedna liczba i dwoma
   odnosnikami w drugiej kolumnie. Bez nowych kolorow i bez kafelka: ta sama karta co pas nad mapa. */
.rj .rj-liczby.ppa-pse{margin:28px 0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.rj .rj-liczby.ppa-pse>div{align-items:center;gap:14px}
.rj .rj-liczby.ppa-pse b{font-size:36px}
.rj .rj-liczby.ppa-pse span{font-size:16px;line-height:1.45;max-width:30em}
.rj .rj-liczby.ppa-pse .ppa-pse-linki{flex-wrap:wrap;gap:0 24px;padding-top:8px;padding-bottom:8px}

/* ---------- szerokosci ---------- */
@media (max-width:980px){
  .rj .ppa-portret{grid-template-columns:1fr}
  .rj .rj-liczby.ppa-pse{grid-template-columns:1fr}
  .rj .rj-liczby.ppa-pse>div+div{border-left:0;border-top:1px solid var(--rj-linia)}
}
@media (max-width:640px){
  .rj .rj-karta.ppa-wejscia{grid-template-columns:1fr}
  .rj .ppa-wejscie{padding:20px 18px}
  .rj .ppa-wejscie+.ppa-wejscie{border-left:0;border-top:1px solid var(--rj-linia)}
  .rj .ppa-wejscie h2{font-size:20px}
  .rj .ppa-wejscie-akcje .rj-btn{flex:1 0 100%}
  .rj .ppa-rola{padding:0 8px;overflow-x:auto}
  .rj .ppa-tresc{padding:18px 16px 20px}
  .rj .ppa-pola,.rj .ppa-para{grid-template-columns:1fr}
  .rj .ppa-suwak{flex-wrap:wrap;gap:4px 12px}
  .rj .ppa-suwak input[type=range]{flex:1 0 100%;order:3}
  .rj .ppa-suwak output{min-width:0;text-align:left}
  .rj .ppa-nawigacja .rj-btn{flex:1}
  .rj .ppa-ekran{padding:20px 16px 22px}
  .rj .ppa-ekran .rj-akcje{flex-direction:column;align-items:stretch}
  .rj .rj-liczby.ppa-pse>div{flex-direction:row;align-items:center;gap:12px;padding:14px 16px}
  .rj .rj-liczby.ppa-pse b{font-size:30px}
  .rj .rj-liczby.ppa-pse .ppa-pse-linki{flex-direction:column;align-items:flex-start;gap:0;padding-top:4px;padding-bottom:4px}
}

/* ---------- 4. lamanie tekstu (AL 2.10.2026 „popraw łamanie tekstów") ----------
   Caly tekst strony bez zawieszonego jednego slowa w ostatnim wierszu (text-wrap:pretty, dziedziczone),
   naglowki, tytuly ogloszen i podpisy liczb wyrownane wierszami (balance). Przyciski stronicowania
   nie lamia sie w srodku („‹ Poprzednia"), bo kolumna listy przy 1024 px ma ok. 300 px.
   Twarde spacje po „i, w, z, o, a, u" i miedzy liczba a jednostka niosa same teksty (&nbsp;,
   funkcja twarde() w ppa-wspolne.js), CSS tego nie zalatwia. */
.rj{text-wrap:pretty}
.rj h1,.rj h2,.rj h3,.rj .rj-w-t,.rj .rj-liczby>div,.rj dt,.rj th{text-wrap:balance}
.rj .rj-pg button,.rj .rj-pg span{white-space:nowrap}