/* karta-jednostki.css, dodatki karty jednostki rynku mocy do wspólnej anatomii kart.
   v3 (23.09.2026, decyzja AL): karta w języku karty miejsca: mapa nad treścią, pas liczb
   z wyróżnioną pierwszą, blok „Najpierw sprawdź", sekcje-pytania z kartami-faktami
   (.kd-k z assets/karta-dzialki.css), bez szyny, bez numerów sekcji, przejścia w siatce.

   Wspólny arkusz to assets/karta-obiektu.css (klasy .ko-*, właściciel: karta firmy). Tutaj
   siedzi wyłącznie to, czego tamten arkusz nie ma, a czego ta strona potrzebuje:
     1. otwarta karta zajmuje stronę, więc lista, mapa listy i noty pod nią znikają,
     2. zasłona pełnego dostępu (.jw-zaslona z assets/karta-miejsca.css) wchodzi na koniec
        sekcji .ko-sec i potrzebuje własnego marginesu,
     3. wiersz najnowszej aukcji głównej w tabeli historii jest wyróżniony,
     4. widoczny fokus dla każdego odnośnika karty: wspólny arkusz maluje sam najechanie
        myszą, a z klawiatury nie było widać, gdzie się stoi,
     5. etykieta metody przy wartości (.km-metoda), czyli krótka nazwa tego, skąd wzięta jest
        liczba obok, razem ze stopniem pisma noty pod mapą, w której ta etykieta stoi.

   Kontrast policzony wobec bieli: #007672 to 4,74:1, #5d646d to 5,98:1, #161922 to 16,5:1. */

/* ---- 1. otwarta karta zajmuje stronę -------------------------------------------------- */
/* Do 15.09.2026 karta stała MIĘDZY listą a jej przypisami, więc pod jej końcem czytelnik
   widział cudze wiersze i brał je za dane tej jednostki. Pasek zapytania i filtry zostają
   u góry, bo „Sprawdź inną jednostkę" ma być jednym ruchem. */
body.jw-karta-otwarta .jw-tylko-lista{display:none}

.ko-karta{display:block;margin:0;padding:0;background:#fff}
.ko-karta[hidden]{display:none}
.ko-karta:focus{outline:none}
.ko-karta:focus-visible{outline:2px solid var(--ko-green,#007672);outline-offset:3px}

/* Pasek okrucha nad kartą: ta sama wysokość co w makiecie, przycisk powrotu do listy
   wygląda jak przycisk zapytania w makiecie (tam to <form>, tu lista jest o jeden ekran wyżej). */
.ko-karta .ko-search{margin-bottom:0}
.ko-karta .ko-search .ko-wrap{justify-content:space-between}
.ko-inna{height:40px;border:0;border-radius:10px;padding:0 16px;background:var(--ko-ink,#161922);
  color:#fff;font:700 14px "Lato",sans-serif;cursor:pointer;white-space:nowrap}
.ko-inna:hover{background:var(--ko-green,#007672)}

/* Przyciski akcji nagłówka i końca karty: w makiecie to odnośniki, tutaj część z nich zamyka
   kartę bez opuszczania strony, więc są przyciskami i muszą wyglądać tak samo. */
button.ko-end-btn{border:1px solid #cfd8d6;border-radius:10px;padding:9px 14px;
  font:800 14px "Lato",sans-serif;color:var(--ko-ink,#161922);background:#fff;cursor:pointer}
button.ko-end-btn:hover{border-color:var(--ko-green,#007672);color:var(--ko-green,#007672)}

/* ---- 2. zasłona pełnego dostępu w sekcji ---------------------------------------------- */
/* Zasłona ma brzmienie, klasy i kolory wspólne dla trzech kart (assets/karta-miejsca.css).
   Zmienia się tylko miejsce: koniec sekcji, której dotyczy. */
.ko-sec .jw-zaslona{margin:20px 0 4px}
.ko-sec .jw-zaslona+.ko-sum{margin-top:12px}

/* ---- 3. tabele i listy karty ---------------------------------------------------------- */
/* Wiersz najnowszej aukcji głównej: ten jeden ma wielkość obowiązku bezpłatnie i to on
   odpowiada pasowi liczb u góry, więc czytelnik ma go znaleźć bez czytania dat. */
.ko-tab tr.ko-teraz td{background:#f4f8f7}
/* Bez paska przy pierwszej komorce: nachodzil na rok (AL 23.09.2026 19:00). Wiersz odroznia
   tlo i pogrubiona liczba. */
.ko-karta .ko-sum--metoda{margin-top:6px}
.ko-karta .ko-sum--metoda .km-metoda::before{content:none}
.ko-tab td .jw-dim{color:#5d646d}
.ko-tab td .jw-dim i{font-style:normal;letter-spacing:.16em}
.ko-kody{margin:0;font-size:14.5px;line-height:1.7}
.ko-kody a{color:var(--ko-green,#007672);font-weight:700;text-decoration:none}
.ko-kody a:hover{text-decoration:underline}
.ko-kody b{color:var(--ko-ink,#161922)}
.ko-pse{margin:14px 0 0;font-size:13.5px;line-height:1.55;color:var(--ko-muted,#5d646d);max-width:46em}
.ko-pusto{margin:14px 0 0;font-size:15px;line-height:1.55;color:var(--ko-muted,#5d646d);max-width:46em}

/* ---- 5. etykieta metody przy wartości -------------------------------------------------- */
/* .km-metoda (spec z 21.09.2026, rozdział 7) mówi, skąd wzięta jest liczba obok: „odczyt
   w rejestrze" przy obowiązku mocowym, „proxy: miejscowość" przy punktach mapy. Stopień pisma
   14 px, czyli minimum czytelności przyjęte dla kart, grubość zwykła i kolor stonowany, żeby
   etykieta stała PRZY wartości, a nie zamiast niej. Koloru oceny (zielony lepszy, czerwony
   gorszy) tu nie ma i być nie może: etykieta nazywa metodę, a nie jakość wyniku. Kontrast
   #5d646d wobec bieli to 5,98:1.
   Kropka rozdzielająca jest po to, żeby etykieta czytała się jak etykieta także w akapicie
   o tym samym stopniu i kolorze pisma (nota pod mapą). Bez niej zrzut z 21.09.2026 pokazał
   „w 2 miejscowościach proxy: miejscowość", czyli napis wtopiony w zdanie. Kropka pośrodku
   linii to ten sam znak, którym karta rozdziela metadane w linii identyfikatorów i w dymku. */
.km-metoda{font-size:14px;font-weight:400;line-height:1.4;color:#5d646d;white-space:nowrap}
.km-metoda::before{content:"·";margin:0 6px}


/* Mapa nad treścią: zdanie o nieudanym wczytaniu leży na kontenerze, bo kafelków wtedy nie ma. */
.ko-map .ko-map-blad{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  margin:0;padding:18px;text-align:center;font-size:13.5px;line-height:1.5;color:var(--ko-muted,#5d646d);
  background:#eef2f3;border-radius:14px}
.ko-map .leaflet-popup-content{margin:10px 12px;font:14px/1.45 "Lato",sans-serif}
.ko-dymek b{display:block;font-weight:900;color:var(--ko-ink,#161922)}
.ko-dymek span{display:block;color:var(--ko-muted,#5d646d);font-size:13px}
.ko-dymek a{display:inline-block;margin-top:6px;color:var(--ko-green,#007672);font-weight:800;text-decoration:none}
.ko-dymek a:hover{text-decoration:underline}

/* Przypisy w rozwijaku: wygląd wspólny (assets/przypisy.css), tu tylko odstęp od zdania
   o źródłach i o tym, że blok bywa otwierany znacznikiem z treści karty. */
.ko-foot-body .km-fns{margin:2px 0 0}
.ko-foot-body .km-fns p:target{background:#eef6f5;border-radius:6px}

/* ---- 4. fokus z klawiatury ------------------------------------------------------------ */
.ko-fact:focus-visible,.ko-toc a:focus-visible,.ko-go:focus-visible,.ko-crumb a:focus-visible,
.ko-tab a:focus-visible,.ko-a a:focus-visible,.ko-dl dd a:focus-visible,.ko-end a:focus-visible,
.ko-more:focus-visible,.ko-actions button:focus-visible,.ko-actions a:focus-visible,
.ko-inna:focus-visible,button.ko-end-btn:focus-visible,.ko-foot summary:focus-visible{
  outline:2px solid var(--ko-green,#007672);outline-offset:2px;border-radius:4px}

/* ---- 6. układ w języku karty miejsca (23.09.2026) ---------------------------------- */
/* Te same miary co strona wyniku działki (.kd-strona w karta-dzialki.css): kolumna 1120 px,
   nazwa 36/1,1, mapa 380 px nad treścią, pas liczb w siatce, sekcje bez kreski górnej
   i bez numeru, nagłówek sekcji to samo pytanie nad własną kreską. */
.ko-karta .ko-wrap{max-width:1120px;padding:0 32px;box-sizing:border-box}
.ko-karta .ko-search .ko-wrap{max-width:1120px}
.ko-karta .ko-head{padding:20px 0 0;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px}
.ko-karta .ko-name{font-size:36px;line-height:1.1;letter-spacing:-.02em;max-width:20em}
.ko-karta .ko-actions{align-self:flex-start}
.ko-karta .ko-mapblock{margin:26px 0 0}
.ko-karta .ko-map.ko-map--top{height:380px;border-radius:16px;border:1px solid var(--ko-line,#e6e9ec)}
.ko-karta .ko-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:18px 20px;
  align-items:stretch;padding:22px 0 26px;border-top:0}
.ko-karta .ko-fact.is-glowny{background:#eef5f4;border-radius:12px;padding:14px 16px}
.ko-karta .ko-body{display:block}
.ko-karta .ko-main{min-width:0}
.ko-karta .ko-sec{padding:0;border-top:0;margin-top:44px}
.ko-karta .ko-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px 24px;
  flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--ko-line,#e6e9ec)}
.ko-karta .ko-sec-h h3{margin:0;font:900 22px/1.2 "Lato",system-ui,sans-serif;letter-spacing:-.015em;color:var(--ko-ink,#161922)}
.ko-karta .ko-q{margin-top:14px;max-width:46em}
.ko-karta .ko-q a{color:var(--ko-green,#007672);font-weight:800;text-decoration:none}
.ko-karta .ko-q a:hover{text-decoration:underline}
.ko-karta .kd-siatka{margin-top:16px}
.ko-karta .kd-lock{display:inline-block;width:12px;height:12px;margin-left:6px;vertical-align:-1px;color:#9aa4ab}
.ko-karta .kd-val b.dim{font-size:24px;letter-spacing:.06em;color:#8f989e}
/* Etykieta metody pod liczba karty-faktu: osobna linia bez kropki rozdzielajacej (kropka ma
   sens w zdaniu, nie na poczatku wiersza). Stopien 14 px jak w .km-metoda. */
.ko-karta .kd-val .km-metoda{display:block;white-space:normal;margin-top:2px}
.ko-karta .kd-val .km-metoda::before{content:none;margin:0}
.ko-karta .kd-val b small{font-size:16px;font-weight:700;color:var(--ko-muted,#5d646d);margin-left:4px}
.ko-karta .kd-val code{font:inherit;background:none;padding:0}
.ko-karta .kd-det .ko-kody{margin:12px 0 0}
.ko-karta .kd-det .ko-pse{margin-top:10px}
.ko-karta .ko-tab{margin-top:22px}
.ko-karta .ko-sec .jw-zaslona{margin-top:18px}
.ko-karta .ko-foot{margin-top:44px}
.ko-karta .kd-dalej{margin-top:26px}
.ko-karta .kd-dalej button{display:block;width:100%;text-align:left;padding:18px 20px;border:1px solid var(--ko-line,#e6e9ec);
  border-radius:14px;background:#fff;font:inherit;cursor:pointer;color:inherit}
.ko-karta .kd-dalej button:hover{border-color:var(--ko-green,#007672)}
/* Blok „Najpierw sprawdź" jest w karta-miejsca.css przypięty do #l360-app, więc karta jednostki
   dostaje te same reguły pod własnym kontenerem, zamiast dziedziczyć cudzy identyfikator. */
.ko-karta .km-najpierw{margin-top:26px;padding:16px 18px;border-radius:12px;background:#f7faf9}
.ko-karta .km-najpierw h3{margin:0 0 8px;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--ko-muted,#5d646d);font-weight:800}
.ko-karta .km-next{list-style:none;margin:0;padding:0}
.ko-karta .km-next li{position:relative;padding:4px 0 4px 22px;font-size:15px;line-height:1.55;color:#33403d}
.ko-karta .km-next li::before{content:"";position:absolute;left:2px;top:11px;width:9px;height:9px;border-radius:50%;background:var(--ko-muted,#5d646d)}
.ko-karta .km-next li.uwaga::before{background:#8a5d00}
.ko-karta .km-next li.ok::before{background:var(--ko-green,#007672)}
.ko-karta .km-next li.kontekst::before{background:#2a6b8f}

@media (max-width:860px){
  .ko-karta .ko-search .ko-wrap{gap:10px}
  .ko-inna{width:100%}
  /* Naglowek w jednej kolumnie, akcje pod nazwa: regula siatki dwukolumnowej wyzej jest
     bardziej szczegolowa niz wspolny arkusz i na 390 px sciskala nazwe obok przyciskow
     do szerokosci jednego slowa (obejrzane 23.09.2026). */
  .ko-karta .ko-head{grid-template-columns:1fr;gap:14px}
  .ko-karta .ko-actions{order:2}
  .ko-karta .ko-map.ko-map--top{height:260px}
  .ko-karta .ko-tab tr.ko-teraz{background:#f4f8f7}
  .ko-karta .kd-dalej,.ko-karta .kd-dalej:has(>:nth-child(4)):not(:has(>:nth-child(5))){grid-template-columns:1fr}
}
@media (max-width:720px){
  .ko-karta .ko-wrap{padding:0 20px}
  .ko-karta .ko-name{font-size:28px}
  .ko-karta .km-najpierw{padding:14px}
}
