/* prototyp/assets/karta-firmy.css: to, co na rejestr-ure.html NALEZY DO TEJ STRONY.
   Anatomia karty (naglowek, pas liczb, sekcje, szyna, rozwijak, przyciski konca) siedzi
   w assets/karta-obiektu.css i jest wspolna dla trzech kart „Sprawdz" (miejsce, firma,
   jednostka). Tutaj zostaja trzy rzeczy: lista trafien nad karta, kontener karty i drobiazgi
   wlasne tej karty (dymek mapy, zaslona, odczyt e-sprawozdania).
   Prefiks klas: kf- (karta firmy), rdf- (sekcja 06).
   Kolory z tokenow platformy (styl.css): --green, --green-d, --navy, --ink, --muted, --line.
   Przebudowa 15.09.2026 (spec „Karty Sprawdz"): zakladki znikly, karta jest jedna. */

.kf-wynik-lista{max-width:920px;margin:0 auto 18px}
/* Wiersz wyniku bywa <button> (otwarcie karty na miejscu) albo <a> (profil podmiotu spoza
   Polski, #374). Bez text-decoration:none odnosnik dostaje podkreslenie i dwa sasiadujace
   wiersze listy wygladaja jak dwa rozne komponenty. Regula opisuje wiersz, nie znacznik. */
.kf-hit{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left;
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:8px;
  font:inherit;color:var(--ink);cursor:pointer;text-decoration:none}
.kf-hit:hover{border-color:var(--green);box-shadow:0 1px 2px rgba(22,25,34,.04),0 10px 24px -16px rgba(22,25,34,.24)}
.kf-hit:focus-visible{outline:2px solid var(--green-d);outline-offset:2px}
.kf-hit b{display:block;font-size:15px;font-weight:800;color:var(--navy);line-height:1.3}
.kf-hit small{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.kf-hit .kf-ar{color:var(--green-d);font-weight:800;flex:none}
.kf-pusto{max-width:920px;margin:0 auto 18px;font-size:14px;color:var(--muted);line-height:1.6;text-align:center}

/* ===== kontener karty =====
   Karta NIE jest pudelkiem. Do 15.09.2026 .kf mialo biale tlo, obrys, promien i cien, bo
   trzymalo w sobie naglowek z zakladkami. Anatomia .ko-* buduje tozsamosc typografia
   i liniami, wiec pudelko wokol niej robiloby ramke w ramce. Zostaje sam kontener: miejsce
   dla karty i dla ekranu bramki konta, ktory wchodzi w to samo miejsce. */
.kf{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;margin:0 0 26px}
.kf[hidden]{display:none}
.kf:focus{outline:none}
/* Okruch nad naglowkiem karty. Pas wyszukiwania strony zostaje swoj, wiec okruch potrzebuje
   wlasnego odstepu od bloku wynikow. */
.kf .ko-crumb{padding:6px 0 0}

/* Wartosc, ktorej w zbiorze nie ma, i wartosc, ktora zaslania pelny dostep: dwa rozne stany
   i dwa rozne zapisy. „brak danych" mowi o ZBIORZE, „••" o granicy platnej. */
.kf-dim{color:#767676;letter-spacing:.12em;font-weight:400;font-size:14px}
.kf-zaslona{color:#767676;letter-spacing:.14em;font-weight:700;font-size:14px}

/* Zaslona pelnego dostepu. Wyglad jest JEDEN dla trzech kart i mieszka w assets/karta-miejsca.css
   (klasa .gate, alias .kf-gate). Tutaj tylko odstep wlasciwy dla tej karty i druga linia
   zaslony: konkretna lista tego, co zaslona kryje (decyzja AL 27). */
.kf-gate{margin:18px 0 6px}
.kf-gate p+p.kf-gate-lista{margin-top:6px;font-weight:700}

/* Legenda mapy: jedna linia pod mapa, nad podpisem. Znak jest tym samym kolkiem co punkt
   na mapie (ten sam turkus i to samo wypelnienie), zeby czytelnik polaczyl je bez domyslu. */
.kf-legenda{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.kf-kropka{display:inline-block;width:11px;height:11px;border-radius:50%;
  background:rgba(0,118,114,.55);border:1.5px solid #007672;margin-right:8px;vertical-align:0}

/* Dymek punktu na mapie i komunikat awarii mapy. */
.kf-dymek b{display:block;font-size:14px;color:var(--navy)}
.kf-dymek span{display:block;font-size:14px;color:var(--muted)}
.kf-dymek a{display:inline-block;margin-top:6px;color:var(--green-d);font-weight:700;font-size:14px}
.kf-mapa-blad{position:absolute;top:16px;left:56px;right:16px;z-index:600;background:rgba(255,255,255,.94);
  border-radius:10px;padding:9px 12px;box-shadow:0 2px 8px rgba(0,0,0,.08);font-size:14px;line-height:1.5;color:var(--muted)}

/* Przypisy i zdanie z datami zamykaja karte, w rozwijaku .ko-foot. Reguly pisma sa
   w assets/przypisy.css (jedno zrodlo dla calej platformy), tutaj samo rozmieszczenie. */
.kf .km-fns{margin:0 0 10px}
.kf .km-daty{margin:0 0 10px;font-size:14px;line-height:1.6;color:#5d646d}
.kf .km-daty b{font-weight:700;color:#33403d}

/* Etykieta metody przy wartosci (spec „warstwa decyzyjna" 21.09.2026, slownik pewnosci).
   Mowi, skad liczba pochodzi, wiec ma wygladac jak metadana obok wartosci, nie jak druga
   wartosc: pismo bez pogrubienia, stopien 14 px (minimum platformy), kolor lzejszy niz
   zdanie, ktore ja niesie. Zdanie sumy (.ko-sum) ma 15 px i kolor --ko-muted #5d646d, wiec
   etykieta w tym samym kolorze znikala w zdaniu (podglad 21.09.2026): zostaje #767676, ten
   sam ton co „brak danych" w .kf-dim, czyli jezyk metadanych tej karty.
   Zaden kolor oceny: etykieta nie jest wynikiem, tylko pochodzeniem. */
.kf .km-metoda{font-size:14px;font-weight:400;color:#767676;white-space:nowrap}
/* Nota pod mapa karty firmy (.ko-map-note) niesie od 21.09.2026 zdanie o proxy miejscowosci
   i etykiete metody; wspolny arkusz karta-obiektu.css daje jej 13 px, czyli ponizej minimum
   14 px tej warstwy. Regula z kontenerem karty ma wyzsza szczegolowosc i podnosi CALE
   zdanie, nie sama etykiete (ta sama poprawka co w karta-jednostki.css). */
.kf .ko-map-note{font-size:14px;line-height:1.55}

/* Podpis tabeli (<caption>): etykieta metody dla CALEJ tabeli stoi RAZ, pod nia, zamiast
   powtarzac sie w kazdej komorce z moca. Ton jest tonem noty karty, nie wartosci: 14 px,
   bez pogrubienia, ten sam szary #767676 co „brak danych" (.kf-dim) i co etykieta metody.
   Podpis idzie POD tabele, bo NAD nia stoi juz linia zrodla z naglowka sekcji („rejestr
   wytworcow Prezesa URE, stan 15.09.2026"): w wariancie caption-side:top obie szare linie
   staly jedna pod druga i powtarzaly nazwe zrodla (podglad 21.09.2026 na 1440 i 390 px).
   Arkusz karty wchodzi PO karta-obiektu.css, a selektor jest o klase bardziej szczegolowy,
   wiec regula wygrywa bez !important. */
.kf .ko-tab caption{caption-side:bottom;text-align:left;margin-top:6px;
  font-size:14px;font-weight:400;line-height:1.5;color:#767676}

/* ===== kafelki sekcji (jezyk karty dzialki, AL 23.09.2026) =====
   Dwa pytania („Co firma ma w rejestrach URE?", „Kim jest ta firma?"), pod kazdym siatka trzech
   kafelkow <details class="kd-k">: etykieta wersalikami, wartosc 28 px, kontekst, znak „+".
   Te same miary co .kd-k na karcie dzialki (assets/karta-dzialki.css), spisane tu, bo rejestr
   nie laduje tamtego arkusza. Rozwiniety kafelek zajmuje cala szerokosc siatki i pokazuje
   dotychczasowa tresc sekcji. */
.kf .kf-pyt .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)}
.kf .kf-pyt .ko-src{white-space:normal;max-width:60%;font-size:15px;line-height:1.45}
.kf .kd-siatka{display:grid;gap:14px;margin-top:16px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.kf .kd-siatka:not(:has(>[open])){align-items:stretch}
.kf .kd-k{position:relative;background:#fff;border:1px solid var(--ko-line,#e6e9ec);border-radius:14px;overflow:hidden}
.kf .kd-k:hover{border-color:#c6d6d4}
.kf .kd-k[open]{grid-column:1/-1}
.kf .kd-k>summary{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;min-height:44px;cursor:pointer;list-style:none;box-sizing:border-box}
.kf .kd-k>summary::-webkit-details-marker{display:none}
.kf .kd-k>summary:focus-visible{outline:3px solid var(--ko-green,#007672);outline-offset:-3px}
.kf .kd-lab{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ko-muted,#5d646d);font-weight:800}
.kf .kd-val{display:block;font-size:28px;line-height:1.05;font-weight:900;letter-spacing:-.02em;color:var(--ko-ink,#161922);font-variant-numeric:tabular-nums}
.kf .kd-val small{font-size:15px;font-weight:700;letter-spacing:0;color:var(--ko-muted,#5d646d);margin-left:4px}
.kf .kd-val.brak{font-size:20px;color:var(--ko-muted,#5d646d)}
.kf .kd-ctx{font-size:14px;line-height:1.45;color:var(--ko-muted,#5d646d);padding-right:36px}
.kf .kd-plus{position:absolute;right:14px;bottom:14px;width:28px;height:28px;border:1px solid var(--ko-line,#e6e9ec);border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;font:800 18px/1 "Lato",sans-serif;color:var(--ko-green,#007672);background:#fff}
.kf .kd-k[open] .kd-plus{transform:rotate(45deg)}
.kf .kd-det{padding:14px 18px 18px;border-top:1px solid var(--ko-line,#e6e9ec)}
.kf .kd-zrodlo{margin:0 0 12px;font-size:14px;line-height:1.5;color:#767676}
.kf .kd-det .ko-lead{margin-top:0}
.kf .kd-det .ko-rows,.kf .kd-det .ko-dl,.kf .kd-det .ko-tab{margin-top:0}

/* ===== 06 Sprawozdania finansowe (RDF) =====
   Odczyt pliku XML dzieje sie w przegladarce (assets/rdf-sprawozdanie.js). Trzy kroki,
   dwa przyciski, pole upuszczania, potem wynik. */
.rdf-kroki{margin:14px 0 0;padding-left:20px;font-size:15px;line-height:1.6;color:var(--ink)}
.rdf-kroki li{margin-bottom:4px}
.rdf-pasek{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.rdf-btn{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--ink);border-radius:10px;
  padding:10px 16px;background:var(--ink);color:#fff;font:800 14px "Lato",sans-serif;cursor:pointer}
.rdf-btn:hover{background:var(--green-d);border-color:var(--green-d)}
.rdf-btn:focus-within,.rdf-btn:focus-visible{outline:2px solid var(--green-d);outline-offset:2px}
.rdf-btn--pusty{background:#fff;color:var(--ink)}
.rdf-btn--pusty:hover{background:#fff;color:var(--green-d);border-color:var(--green-d)}
.rdf-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.rdf-drop{margin-top:12px;border:1.5px dashed #cfd8d6;border-radius:12px;padding:22px 16px;text-align:center;
  font-size:15px;color:var(--muted);background:#fbfdfd}
.rdf-drop.nad{border-color:var(--green-d);color:var(--green-d);background:#f2faf9}
.rdf-wynik{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.rdf-wynik b{font-size:15px;font-weight:900;color:var(--navy)}
.rdf-pusto{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}
.rdf-nota{margin:12px 0 0;font-size:14px;line-height:1.6;color:var(--muted);max-width:42em}

@media (max-width:860px){
  .kf{margin-bottom:18px}
  .kf .kd-siatka{grid-template-columns:minmax(0,1fr)}
  .kf .kf-pyt .ko-src{max-width:none}
  /* Uklad stosowy: .ko-tab schodzi na display:block (assets/karta-obiektu.css), a w bloku
     podpis lezy tam, gdzie stoi w znaczniku, czyli NAD wierszami (pomiar 21.09.2026 na 390 px:
     display:block dawal podpis 0 px od gory tabeli, display:table-caption 6 px, oba nad
     pierwszym wierszem). Kolejnosc czytania ma byc ta sama co na szerokim ekranie, wiec waska
     tabela jest kolumna flex, a podpis idzie na koniec. Ukryty <tbody> dalej znika, bo
     display:none wygrywa z ukladem flex. */
  .kf .ko-tab{display:flex;flex-direction:column}
  .kf .ko-tab caption{display:block;order:9}
  .rdf-btn{width:100%;justify-content:center}
}