/* Karta miejsca („Sprawdz dzialke pod OZE"): dodatki do wspolnej anatomii kart
   assets/karta-obiektu.css (klasy .ko-*, wlasciciel: karta firmy). Tutaj stoi wylacznie to,
   czego wspolny arkusz nie ma albo co karta miejsca ma inaczej, bo stoi w szufladzie mapy,
   a nie na wlasnej stronie:
     1. szuflada ma 640 px przy KAZDEJ szerokosci okna, wiec o liczbie kolumn rozstrzyga
        szerokosc KARTY (kontener zapytan `t360karta` z tool-360.css), nie szerokosc okna;
     2. naglowki karty schodza o jeden poziom (strona ma juz h1), wiec sekcje sa h3, a szyna
        i stopka h4, i potrzebuja tych samych regul, ktore wspolny arkusz daje h2 i h3;
     3. werdykty w trzech kolorach, plakietka braku odpowiedzi zrodla, blok „Najpierw sprawdz",
        przypisy, stopka dat i tabela wpisow MIOZE;
     4. komponent zaslony pelnego dostepu, WSPOLNY dla trzech kart (miejsce, firma, jednostka).
   Klasy .km-* i reguly pod #l360-app dotycza wylacznie wyniku sprawdzenia dzialki.
   Miary, kolory i tokeny z karta-obiektu.css i styl.css. Kontrast liczony na bialym tle:
   #007672 = 4,9:1, #8a5d00 = 6,4:1, #5d646d = 5,9:1, #33403d = 10,6:1. */

/* ===== 1. Karta w szufladzie: jedna kolumna, wlasny rytm ===== */
#l360-app{display:block}
#l360-app .ko-crumb{margin:0 0 4px}
#l360-app .ko-head{padding:6px 0 18px}
#l360-app .ko-name{font-size:28px;max-width:20em}
#l360-app .ko-q{color:#33403d}
#l360-app .ko-dop{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--ko-muted,#5d646d)}
#l360-app .ko-actions{flex-wrap:wrap;align-items:center}
#l360-app .km-kopiuj-stan{font-size:14px;color:var(--ko-green,#007672);font-weight:700}
#l360-app .ko-mapblock{margin:0 0 6px}
#l360-app .ko-map{background:#e9eef0}
#l360-app .km-mapa-brak{margin:0;padding:18px;font-size:14px;line-height:1.6;color:var(--ko-muted,#5d646d)}
/* Naglowek sekcji: te same miary co `.ko-sec h2` we wspolnym arkuszu, bo karta miejsca
   schodzi o jeden poziom naglowkow (strona niesie h1, karta h2, sekcje h3). */
#l360-app .ko-sec h3{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.01em;font-weight:900;color:var(--ko-ink,#161922)}
#l360-app .ko-rail h4,#l360-app .ko-foot-body h4{margin:26px 0 10px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ko-muted,#5d646d);font-weight:800}
#l360-app .ko-rail h4:first-child{margin-top:0}
#l360-app .ko-foot-body h4:first-child{margin-top:0}

/* ===== 2. Blok „Najpierw sprawdz" pod pasem liczb ===== */
#l360-app .km-najpierw{padding:16px 18px;border-radius:12px;background:#f7faf9}
#l360-app .km-najpierw h3{margin:0 0 8px;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--ko-muted,#5d646d);font-weight:800}
#l360-app .km-next{list-style:none;margin:0;padding:0}
#l360-app .km-next li{position:relative;padding:4px 0 4px 22px;font-size:15px;line-height:1.55;color:#33403d}
#l360-app .km-next li::before{content:"";position:absolute;left:2px;top:11px;width:9px;height:9px;border-radius:50%;background:var(--ko-muted,#5d646d)}
#l360-app .km-next li.uwaga::before{background:#8a5d00}
#l360-app .km-next li.brak::before{background:#98a0a6}
#l360-app .km-next li.ok::before{background:var(--ko-green,#007672)}
#l360-app .km-next li.kontekst::before{background:#2a6b8f}

/* ===== 3. Warstwy ===== */
/* Do 22.09.2026 stal tu komplet regul wiersza warstwy: werdykt przy wartosci (.ko-m),
   plakietka stanu (.km-stan, .km-tag) i rozwijak „Szczegoly warstwy" (.km-roz). Decyzja AL
   z 22.09.2026 zamienila wiersz na karte, ktora zamknieta pokazuje nazwe, wartosc i jeden
   fakt, a opis, zrodlo, date i szczegoly chowa pod klapka. Cala anatomia karty warstwy stoi
   od tej pory w assets/karta-dzialki.css, wiec tutaj nie ma juz czego nadpisywac. */

/* Pas liczb: wartosc pod zaslona ma byc widocznie inna niz liczba, a nie udawac liczby. */
#l360-app .ko-fact b.dim{color:#5d646d;letter-spacing:.08em;font-weight:700}
#l360-app .ko-fact b.dim small{letter-spacing:0}

/* Tabela wpisow MIOZE w grupie „Co juz dzieje sie w okolicy". */
#l360-app .km-tabh{margin:26px 0 0;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--ko-muted,#5d646d);font-weight:800}

/* ===== 4. Rozwijak pod karta: daty, zrodla, przypisy ===== */
/* Reguly pisma i wciecia wiszacego przypisow trzyma assets/przypisy.css, wspolny dla
   platformy; tutaj wylacznie rozmieszczenie, zeby te same parametry nie mnozyly sie
   w dwoch plikach. */
#l360-app .km-fns{margin:2px 0 0}
#l360-app .km-daty{margin:0 0 10px;font-size:14px;line-height:1.6;color:var(--muted,#5d646d)}
/* Linia rekordu w rozwijaku zrodel: identyfikator, punkt, zrodlo ewidencji z data odczytu
   i sposob dopasowania, czyli to, co do 22.09.2026 stalo pod nazwa dzialki (decyzja AL:
   „odchudź o tego typu informacje"). Kroj jak .km-daty, identyfikator w kroju maszynowym
   jak dawniej w .ko-ids. */
#l360-app .km-rekord{margin:0 0 10px;font-size:14px;line-height:1.6;color:var(--muted,#5d646d)}
#l360-app .km-rekord code{font:14px ui-monospace,Menlo,monospace;color:var(--ko-ink,#161922);letter-spacing:.01em}
#l360-app .km-daty b{font-weight:600;color:#5d646d}
#l360-app .km-zrodla{list-style:none;margin:0 0 6px;padding:0;font-size:14px;line-height:1.6;color:var(--ko-muted,#5d646d)}
#l360-app .km-zrodla b{color:var(--ko-ink,#161922);font-weight:700}
#l360-app .ko-end a:focus-visible,#l360-app .ko-actions a:focus-visible,#l360-app .ko-actions button:focus-visible,
#l360-app .ko-fact:focus-visible,#l360-app .ko-go:focus-visible,#l360-app .ko-foot summary:focus-visible{
  outline:3px solid var(--ko-green,#007672);outline-offset:2px;border-radius:6px}

/* ===== 5. Szerokosc KARTY, nie szerokosc okna =====
   AL 9.09.2026 (zrzut 20:32, okno ok. 940 px z otwarta karta): „Plan miejscowy" i cala
   odpowiedz warstwy lamaly sie po jednej literze. Karta stoi w szufladzie mapy szerokiej
   do 640 px przy oknie 1440 px, wiec bramka @media po szerokosci OKNA nigdy nie padala.
   Rozstrzyga wiec szerokosc KARTY (kontener `t360karta` z tool-360.css). */
@container t360karta (max-width:860px){
  #l360-app .ko-body{display:flex;flex-direction:column;align-items:stretch;gap:0}
  #l360-app .ko-main{order:0}
  #l360-app .ko-rail{order:1;position:static;padding-top:24px}
  #l360-app .ko-body > .ko-foot{order:2}
  #l360-app .ko-head{grid-template-columns:minmax(0,1fr);gap:14px}
  #l360-app .ko-name{font-size:24px;letter-spacing:-.012em}
  #l360-app .ko-map.ko-map--top{height:300px}
  #l360-app .ko-sec-h{grid-template-columns:auto minmax(0,1fr)}
  #l360-app .ko-sec h3{font-size:20px}
  #l360-app .ko-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}
  #l360-app .ko-fact b{font-size:22px}
  #l360-app .ko-fact.is-state b{font-size:16px;padding-top:3px}
  /* Tabela wpisow w kolumnie 600 px: komorki ukladaja sie w lancuch „etykieta: wartosc",
     tak samo jak we wspolnym arkuszu na telefonie. */
  #l360-app .ko-tab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  #l360-app .ko-tab,#l360-app .ko-tab tbody,#l360-app .ko-tab tr,#l360-app .ko-tab td{display:block;width:100%}
  #l360-app .ko-tab tr{padding:10px 0;border-bottom:1px solid var(--ko-line,#e6e9ec)}
  #l360-app .ko-tab td{border:0;padding:2px 0;text-align:left}
  #l360-app .ko-tab td:not(:first-child){display:inline;padding:0}
  #l360-app .ko-tab td,#l360-app .ko-tab td.r{white-space:normal}
  #l360-app .ko-tab td[data-lab]::before{content:attr(data-lab) ":\00a0";color:var(--ko-muted,#5d646d);font-size:14px;font-weight:700}
  /* Trzecia komorka w lancuchu dostaje kropke srodkowa przed etykieta, tak jak we wspolnym
     arkuszu; bez tej reguly selektor z #l360-app wygrywal i „NIP 895-221-10-79Moc: 0,999 MW"
     szlo bez odstepu (zrzuty z kontem 15.09.2026). */
  #l360-app .ko-tab td:not(:first-child)+td[data-lab]::before{content:" ·\00a0" attr(data-lab) ":\00a0"}
  /* Pierwsza komorka niesie miejscowosc i technologie, wiec etykieta przed nia tylko powtarza
     naglowek. Regula celuje w POZYCJE kolumny, nie w polskie slowo: do 22.09.2026 stalo tu
     [data-lab="Instalacja"] i kopia angielska, ktora ma data-lab="Installation", pokazywala
     „Installation:" przed kazdym wierszem. */
  #l360-app .ko-tab td:first-child[data-lab]::before{content:none}
  #l360-app .ko-tab td:not(:first-child) small{display:inline;margin-left:6px}
}
@container t360karta (max-width:520px){
  #l360-app .ko-name{font-size:21px}
  #l360-app .ko-map.ko-map--top{height:240px}
  #l360-app .ko-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  #l360-app .ko-sec h3{font-size:19px}
  #l360-app .km-najpierw{padding:14px}
}
/* Szyna przy waskim OKNIE zostaje blokiem. Wspolny arkusz od 860 px w dol rozpuszcza ja
   (display:contents) i daje order:1 naglowkom h3 oraz listom, a karta miejsca ma naglowki
   o poziom nizej (h4), wiec oba h4 zostawaly z order:0 i stawaly PRZED obiema listami:
   „Na tej karcie", „Przejscia", dopiero potem spis i przejscia (zrzuty z kontem 768/390,
   15.09.2026). Kolejnosc szyny wzgledem tresci i stopki ustawia juz kontener wyzej. */
@media (max-width:860px){
  #l360-app .ko-rail{display:block}
}
/* Podloga dla waskiego OKNA (telefon): wspolny arkusz robi to samo od 860 px w dol,
   tutaj zostaja wylacznie rzeczy wlasne karty miejsca. */
@media (max-width:760px){
  #l360-app .ko-map.ko-map--top{height:240px}
}

/* ===== 6. Zaslona pelnego dostepu: JEDEN komponent na trzy karty =====
   Tlo #e6f2f1, promien 12, przycisk „Wlaczam pelne wartosci" w kolorze navy.
   Zrodlo prawdy jest tutaj; karta-firmy.css i styl w jednostki-wytworcze.html juz
   wlasnych regul zaslony NIE maja, tylko dokladaja marginesy wlasciwe dla swojej karty.
   Nazwy .km-gate / .kf-gate / .jw-zaslona zostaja w HTML, zeby nie ruszac warstwy JS.
   Kontrast: tekst #1b2b29 na #e6f2f1 = 13,4:1, drobne #5d646d na #e6f2f1 = 4,9:1,
   biel na navy #161922 = 16,8:1 (policzone 8.09.2026). */
.gate,#l360-app .km-gate,.kf-gate,.jw-zaslona{
  background:#e6f2f1;border:0;border-radius:12px;padding:14px 16px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
#l360-app .km-gate{margin:18px 0 6px}
.gate p,#l360-app .km-gate p,.kf-gate p,.jw-zaslona p{margin:0;font-size:14px;line-height:1.6;color:#1b2b29}
.gate p small,#l360-app .km-gate p small,.kf-gate p small,.jw-zaslona p small{
  display:block;margin-top:6px;font-size:14px;line-height:1.6;color:#33403d}
/* Odeslanie do raportow krajowych stoi w drugiej linii zaslony i MUSI wygladac jak odnosnik:
   styl.css zdejmuje domyslny kolor linkom, wiec bez tej reguly zdanie o tym, ze te same
   wykazy sa bezplatne w calosci, bylo szarym tekstem, ktorego nikt nie klika. */
.gate p small a,#l360-app .km-gate p small a,.kf-gate p small a,.jw-zaslona p small a{
  color:var(--green-d,#007672);font-weight:700;text-decoration:underline}
.gate p small a:focus-visible,#l360-app .km-gate p small a:focus-visible{
  outline:3px solid var(--green-d,#007672);outline-offset:2px;border-radius:3px}
.gate-btn,#l360-app .km-btn,.kf-gate a.kf-btn,.jw-zaslona-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;
  border-radius:9px;background:var(--navy,#161922);color:#fff;font:700 14px "Lato",sans-serif;
  text-decoration:none;white-space:nowrap}
.gate-btn:hover,#l360-app .km-btn:hover,.kf-gate a.kf-btn:hover,.jw-zaslona-btn:hover{background:#000;color:#fff}
.gate-btn:focus-visible,#l360-app .km-btn:focus-visible,.kf-gate a.kf-btn:focus-visible,.jw-zaslona-btn:focus-visible{
  outline:3px solid var(--green-d,#007672);outline-offset:2px}
@media (max-width:760px){
  .gate,#l360-app .km-gate,.kf-gate,.jw-zaslona{grid-template-columns:minmax(0,1fr)}
  .gate-btn,#l360-app .km-btn,.kf-gate a.kf-btn,.jw-zaslona-btn{width:100%}
}
/* Ta sama zaslona w waskiej KARCIE, nie tylko w waskim oknie (powod jak w punkcie 5). */
@container t360blok (max-width:440px){
  .gate,#l360-app .km-gate,.kf-gate,.jw-zaslona{grid-template-columns:minmax(0,1fr)}
  .gate-btn,#l360-app .km-btn,.kf-gate a.kf-btn,.jw-zaslona-btn{width:100%}
}
@container t360karta (max-width:520px){
  #l360-app .km-gate{grid-template-columns:minmax(0,1fr)}
  #l360-app .km-btn{width:100%}
}