/* === przeniesione z klasy-uzupelnienie.css 2026-09-13_23-43-18 (css-podziel.py) ===
   Reguly uzywane WYLACZNIE przez ten szablon; laduje je autoAsset() z
   layout_meta.html.twig. Zrodlo prawdy dla tych klas jest TUTAJ. */

.wyniki-tabela__pasek{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}

/* Zakresy na tabeli losowan — TEN SAM zestaw liczb co na mapach cieplnych
   (7, 14, 25, 50, 100, 250, 500) plus pole na wlasna liczbe. Wczesniej byla
   tu lista 10/25/50/100: inny zestaw na stronie o tych samych danych, wiec
   czytelnik nawykly do „ostatnich 25" z mapy nie znajdowal tej wartosci.
   Wyglad przycisku ten sam co paginacji, zeby nie mnozyc stylow. */
.wyniki-tabela__zakresy{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}

.wyniki-tabela__wiersze{display:inline-flex;align-items:center;gap:8px}

.wyniki-tabela__wiersze select{min-height:40px;padding:4px 10px;border:1px solid var(--obramowanie,#E5E7EB);border-radius:6px;background:var(--tlo,#fff);color:var(--tekst,#212529);font-size:14px}

.wyniki-tabela__szukaj{min-height:40px;flex:1 1 220px;max-width:340px;padding:6px 12px;border:1px solid var(--obramowanie,#E5E7EB);border-radius:6px;font-size:14px;color:var(--tekst,#212529)}

.wyniki-tabela__szukaj:focus-visible,.wyniki-tabela__wiersze select:focus-visible{outline:2px solid var(--hover-link,#0A6EBD);outline-offset:1px}

.wyniki-tabela__stopka{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}

.wyniki-tabela__strony{display:inline-flex;flex-wrap:wrap;gap:4px}

.wyniki-strona{min-width:40px;min-height:40px;padding:0 10px;border:1px solid var(--obramowanie,#E5E7EB);border-radius:6px;background:var(--tlo,#fff);color:var(--tekst,#212529);font-size:14px;cursor:pointer;transition:background-color .15s ease-out}

/* Zeton, nie #f8f9fa: w ciemnym profilu hover dawal jasny przycisk z jasna cyfra (14.09.2026). */
.wyniki-strona:hover{background:var(--tlo2,#f8f9fa)}

.wyniki-strona--akt{background:var(--hover-link,#0A6EBD);border-color:var(--hover-link,#0A6EBD);color:#fff;font-weight:700}

/* BIALA CYFRA NA BIALYM TLE. `.wyniki-strona:hover` to klasa + pseudoklasa,
   czyli specyficznosc 0,2,0; `.wyniki-strona--akt` to sama klasa, 0,1,0.
   Hover wygrywal wiec ZAWSZE, niezaleznie od kolejnosci w pliku: podmienial
   tlo na #f8f9fa, zostawiajac color:#fff. Numer biezacej strony znikal pod
   kursorem. Zgloszone 11.09.2026 na /wyniki/kaskada.
   Lekarstwo to podniesienie specyficznosci, nie !important - z !important
   nie da sie juz zrobic wyjatku. */
.wyniki-strona--akt:hover,
.wyniki-strona--akt:focus-visible,
.wyniki-strona--akt[disabled]{background:var(--hover-link,#0A6EBD);color:#fff;opacity:1}

/* `opacity:1` nie jest ozdoba: biezaca strona ma atrybut `disabled`, zeby
   Tab ja pomijal, a przegladarki dokladaja wtedy wlasne przygaszenie.
   Bez tego zabieg na rzecz klawiatury psulby kontrast, ktory wlasnie
   naprawilismy - 5,28:1 zeszloby ponizej progu. */
.wyniki-strona--akt{cursor:default}

/* Przycisk pelnego ekranu tabeli, per gra. */
.wyniki-tabela__akcje{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}

.wyniki-tabela__pelny,.wyniki-tabela__dopasuj{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--obramowanie,#E5E7EB);border-radius:6px;background:var(--tlo,#fff);color:var(--tekst,#212529);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease-out}

.wyniki-tabela__pelny:hover,.wyniki-tabela__dopasuj:hover{background:var(--tlo2,#f1f3f5)}

.wyniki-tabela__dopasuj[aria-pressed="true"]{background:var(--gra-kolor,#B25E00);border-color:var(--gra-kolor,#B25E00);color:#fff}

.wyniki-tabela--dopasowana .tabela-scroll{overflow:hidden}

.wyniki-tabela:fullscreen{background:var(--tlo,#fff);padding:16px;overflow:auto}

.wyniki-tabela:fullscreen .tabela-scroll{max-height:none}