/* ===================================================================================== siec.css v1 (7.10.2026): strona „Sprawdź sieć" (sprawdz-siec.html), lista i karta stacji. Z zatwierdzonej makiety ~/dev/toze-projekty/2026-10-05-sprawdz-siec (assets/siec.css, wersje 2, 3, 3a) i WYŁĄCZNIE to, czego wspólne arkusze assets/wyszukiwarka-rejestr.css i karta-jednostki.css nie mają. Żadnej nowej miary ani barwy: każda reguła niżej jest kopią istniejącej reguły z innym selektorem, źródło w komentarzu. Drobny druk najmniej 14 px (próg TOZE, tools/check_min_font.py). ===================================================================================== */ /* 1. Podpowiedzi pod polem z etykietą typu. Geometria jak lista podpowiedzi adresu (adres-podpowiedzi.js: top calc(100% + 4px), padding 4px, ramka 1px, promień 10px, ten sam cień, max-height 280px), barwy i krój z tokenów rejestru; pozycja jak wiersz listy (.rj-w). */ .rj .sn-pole{position:relative;flex:1;min-width:0;display:flex} .rj .sn-pole input{width:100%} .rj .sn-podp{position:absolute;left:-32px;right:0;top:calc(100% + 4px);z-index:60;margin:0;padding:4px;list-style:none; background:var(--rj-bialy);border:1px solid var(--rj-linia);border-radius:10px;box-shadow:0 18px 40px -22px rgba(17,48,46,.45); max-height:280px;overflow:auto} .rj .sn-podp[hidden]{display:none} .rj .sn-podp li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 10px;border-radius:7px;cursor:pointer; font:400 16px/1.35 var(--rj-font);color:var(--rj-ink)} .rj .sn-podp li[aria-selected="true"]{background:var(--rj-hover)} .rj .sn-podp li b{font-weight:600} .rj .sn-podp li small{display:block;font-size:14px;color:var(--rj-slaby)} /* etykieta typu: szara pigułka wzoru (.rj-pig.rj-szary) */ .rj .sn-podp .rj-pig{justify-self:auto;flex:none} /* 2. Wybór warstwy mapy: kopia kontrolki „Sortuj" (.rj .rj-grupa .rj-sort, label i select). */ .rj .sn-warstwa{display:flex;align-items:center;gap:10px;margin:0 0 12px} .rj .sn-warstwa label{font-size:14px;font-weight:600;color:var(--rj-tekst)} .rj .sn-warstwa select{flex:1;min-width:0;height:40px;border:1px solid var(--rj-ramka);border-radius:6px;padding:0 10px; font:500 14.4px var(--rj-font);background:var(--rj-bialy);color:var(--rj-ink)} .rj .sn-warstwa select:focus-visible{outline:2px solid var(--rj-akcent);outline-offset:1px} /* 3. Zasłona „•••" jako odnośnik do cennika. Regułę kłódki (.sn-klodka) niesie od pakietu P6 (7.10.2026) wspólny arkusz assets/wyszukiwarka-rejestr.css: jeden znak zasłony w całym serwisie (decyzja AL nr 29). */ .rj a.rj-zasl{text-decoration:none;color:var(--rj-zasl)} .rj a.rj-zasl:focus-visible{outline:2px solid var(--rj-akcent);outline-offset:1px;border-radius:3px} /* 4. Pas faktów karty stacji: ostatnie pole (pigułka „Elastyczność") bierze szerokość pigułki, a pozostałe dzielą resztę po równo; pigułka się nie łamie. Ta sama reguła co pas karty jednostki (karta-jednostki.css, sekcja 6). Karta bez wiersza wykazu ma mniej pól. */ .rj .rj-fakty.sn-fakty-7{grid-template-columns:repeat(6,minmax(0,1fr)) max-content} .rj .rj-fakty.sn-fakty-6{grid-template-columns:repeat(5,minmax(0,1fr)) max-content} .rj .rj-fakty.sn-fakty-5{grid-template-columns:repeat(4,minmax(0,1fr)) max-content} .rj .rj-fakty.sn-fakty-4{grid-template-columns:repeat(3,minmax(0,1fr)) max-content} .rj .rj-fakty[class*="sn-fakty-"] .rj-pig{white-space:nowrap} /* 5. Odnośnik w komórce tabeli i w wierszu listy kart: wygląd odnośnika dostawcy w tabeli aukcji (karta-jednostki.css: .jw-tab-aukcje td[data-lab="Dostawca"] a). */ .rj .rj-tab td a.sn-link,.rj .rj-w-m a.sn-link{color:var(--rj-akcent);font-weight:600;text-decoration:none} .rj .rj-tab td a.sn-link:hover,.rj .rj-w-m a.sn-link:hover{text-decoration:underline;text-underline-offset:3px} .rj .rj-tab td a.sn-link:focus-visible{outline:2px solid var(--rj-akcent);outline-offset:2px;border-radius:3px} /* 6. Dział „Zestawienia" pod siatką wyników: odstęp jak siatki od karty wyszukiwania (.rj .rj-split, 26 px). */ .rj .rj-split+.rj-sek{margin-top:26px} /* 7. Licznik i źródło w nagłówku sekcji karty stoją po prawej (jak #przyklad .rj-sek-h em w dzialka-rejestr.css). */ .rj .sn-sek-zr{margin-left:auto;text-align:right} /* 8. Najważniejsze filtry na wierzchu (AL 5.10.2026 po pokazie: „więcej opcji wyszukiwania"): te same pola .rj-f co w rozwijaku „Więcej filtrów", w odstępach rozwijaka (.rj-filtry: margin 14px 8px 0), w jednym rzędzie: liczba kolumn równa liczbie pól, jak wariant pasa liczb .rj-liczby.rj-5; selecty wyrównane do dołu, gdy etykieta się łamie. */ .rj .sn-wierzch{margin:14px 8px 0} .rj .sn-wierzch .rj-siatka{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end} /* wygaszone pole wyboru wygląda jak wygaszone pole liczby (.rj .rj-f input:disabled we wspólnym arkuszu) */ .rj .rj-f select:disabled{background:var(--rj-tlo);color:#8a8a8a;cursor:not-allowed} .rj .rj-f select:disabled:hover{border-color:var(--rj-ramka)} /* kontrolka „Promień" to ta sama .rj-sort co „Sortuj"; display:flex wzoru przebija hidden (jak .rj .rj-pg[hidden] w oferty-rejestr.css) */ .rj .rj-sort[hidden]{display:none} /* select „Sortuj" i „Promień" w kolumnie listy: bez min-width:0 najdłuższa opcja („zapotrzebowanie na elastyczność") rozpychała kolumnę na telefonie (zmierzone 5.10.2026: scrollWidth 395 i 510 przy oknie 390) */ .rj .rj-split .rj-grupa .rj-sort select{min-width:0} /* kopia reguły z oferty-rejestr.css: kolumna 1fr na telefonie ma minimum auto, więc treść ją rozpychała */ .rj .rj-split>.rj-wyniki,.rj .rj-split>.rj-prawa{min-width:0} /* przycisk „Obserwuj stację" to .rj-b2 jako