/* karta-obiektu.css, wspólna anatomia karty „Sprawdź": miejsce, firma, jednostka.
   Makieta 15.09.2026. Buduje na zmiennych styl.css (--navy, --ink, --muted, --line,
   --green, --green-d). Liczby: kolumna 1260 px, tekst 16 px / 1,5, nazwa 34 px / 1,15 / -0,015em,
   nagłówek sekcji 22 px / 1,2 / -0,01em, liczby 28 px, kicker 12 px / 0,1em. */

:root{ --ko-ink:#161922; --ko-muted:#5d646d; --ko-line:#e6e9ec; --ko-green:#007672; --ko-soft:#f4f8f7; --ko-warn:#b02a2a; }

body.ko-page{background:#fff;color:var(--ko-ink);font-family:"Lato",sans-serif;font-size:16px;line-height:1.5}
.ko-wrap{max-width:1260px;margin:0 auto;padding:0 40px}

/* Pasek zapytania: wąski, zostaje nad kartą, żeby wrócić do wyszukiwania jednym ruchem. */
.ko-search{border-bottom:1px solid var(--ko-line);background:#fff}
.ko-search .ko-wrap{display:flex;align-items:center;gap:18px;height:64px}
.ko-search form{display:flex;flex:1;align-items:center;gap:10px;min-width:0}
.ko-search input{flex:1;min-width:0;height:40px;border:1px solid #cfd8d6;border-radius:10px;padding:0 14px;font:16px "Lato",sans-serif;color:var(--ko-ink);background:#fbfdfd}
.ko-search input:focus{outline:2px solid var(--ko-green);outline-offset:1px;border-color:var(--ko-green)}
.ko-search button{height:40px;border:0;border-radius:10px;padding:0 16px;background:var(--ko-ink);color:#fff;font:700 14px "Lato",sans-serif;cursor:pointer;white-space:nowrap}
.ko-crumb{font-size:14px;color:var(--ko-muted);white-space:nowrap}
.ko-crumb a{color:var(--ko-green);font-weight:700;text-decoration:none}
.ko-crumb a:hover{text-decoration:underline}

/* Nagłówek karty: tożsamość z typografii, zero pudełek. */
.ko-head{position:static;z-index:auto;padding:44px 0 28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;align-items:start}
.ko-kick{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ko-green);font-weight:800;margin:0 0 10px}
.ko-name{margin:0;font-size:34px;line-height:1.15;letter-spacing:-.015em;font-weight:900;color:var(--ko-ink);max-width:22em}
.ko-ids{margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--ko-muted)}
.ko-ids code{font:15px ui-monospace,Menlo,monospace;color:var(--ko-ink);letter-spacing:.01em}
.ko-ids .ok{color:var(--ko-green);font-weight:700}
.ko-actions{display:flex;gap:8px;padding-top:4px}
.ko-actions a,.ko-actions button{border:1px solid #cfd8d6;background:#fff;border-radius:9px;padding:8px 13px;font:700 14px "Lato",sans-serif;color:var(--ko-muted);text-decoration:none;cursor:pointer;white-space:nowrap}
.ko-actions a:hover,.ko-actions button:hover{border-color:var(--ko-green);color:var(--ko-green)}

/* Pas liczb = spis treści. Każda liczba to obietnica sekcji poniżej i odnośnik do niej. */
.ko-facts{display:flex;flex-wrap:wrap;gap:18px 44px;padding:22px 0 26px;border-top:1px solid var(--ko-line);border-bottom:1px solid var(--ko-line)}
.ko-fact{text-decoration:none;color:var(--ko-ink);display:block;min-width:0;white-space:normal}
.ko-fact b{display:block;font-size:28px;line-height:1.05;font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ko-ink)}
.ko-fact b small{font-size:16px;font-weight:700;letter-spacing:0;color:var(--ko-muted);margin-left:4px}
.ko-fact span{display:block;white-space:normal;margin-top:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ko-muted);font-weight:700}
.ko-fact:hover b{color:var(--ko-green)}
.ko-fact.is-state b{font-size:22px;padding-top:4px}

/* Karta miejsca, decyzja 11: mapa NAD kartą, na całą szerokość kolumny. */
.ko-mapblock{margin:4px 0 26px}
.ko-map.ko-map--top{height:400px}

/* Korpus: sekcje po lewej, prawa szyna z mapą, spisem sekcji i przejściami. */
.ko-body{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:0 72px;align-items:start}
.ko-main{min-width:0}
.ko-rail{position:sticky;top:84px;padding-top:36px}
.ko-map{height:340px;border-radius:14px;overflow:hidden;background:#e9eef0;position:relative}
.ko-map .leaflet-container{height:100%;width:100%}
.ko-map-note{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--ko-muted)}
.ko-map-note a{color:var(--ko-green);font-weight:700;text-decoration:none}
.ko-map-note a:hover{text-decoration:underline}
.ko-rail h3{margin:34px 0 10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ko-muted);font-weight:800}
.ko-toc{list-style:none;margin:0;padding:0}
.ko-toc li{border-top:1px solid var(--ko-line)}
.ko-toc a{display:flex;justify-content:space-between;gap:12px;padding:9px 0;text-decoration:none;color:var(--ko-ink);font-size:15px;font-weight:700}
.ko-toc a i{font-style:normal;color:var(--ko-muted);font-weight:400;font-variant-numeric:tabular-nums}
.ko-toc a:hover{color:var(--ko-green)}
.ko-goes{list-style:none;margin:0;padding:0}
.ko-goes li{padding:7px 0}
.ko-go{color:var(--ko-green);font-weight:800;text-decoration:none;font-size:15px;line-height:1.4}
.ko-go::before{content:"→ ";font-weight:900}
.ko-go:hover{text-decoration:underline}
.ko-goes small{display:block;color:var(--ko-muted);font-size:13.5px;line-height:1.45;margin-top:1px}

/* Sekcja: numer, tytuł, źródło w jednej linii; treść pod spodem; rytm 44 px między sekcjami. */
.ko-sec{padding:44px 0 6px;border-top:1px solid var(--ko-line)}
.ko-sec:first-child{border-top:0;padding-top:36px}
.ko-sec-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 14px;align-items:baseline}
.ko-num{font-size:13px;font-weight:800;color:var(--ko-green);font-variant-numeric:tabular-nums;letter-spacing:.06em}
.ko-sec h2{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.01em;font-weight:900;color:var(--ko-ink)}
.ko-sec h2 small{font-size:15px;font-weight:700;color:var(--ko-muted);margin-left:8px;letter-spacing:0}
.ko-src{font-size:13.5px;color:var(--ko-muted);text-align:right;white-space:nowrap}
.ko-lead{margin:10px 0 0;color:var(--ko-muted);font-size:15px;line-height:1.55;max-width:38em}
.ko-lead b{color:var(--ko-ink)}

.ko-rows{margin-top:16px}
.ko-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 28px;padding:14px 0;border-top:1px solid var(--ko-line);align-items:start}
.ko-rows .ko-row:first-child{border-top:0;padding-top:4px}
.ko-n{font-weight:800;font-size:16px;color:var(--ko-ink);line-height:1.35}
.ko-n .tag{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:6px;background:#e8f3f2;color:var(--ko-green);font-size:12px;font-weight:800;letter-spacing:.04em;vertical-align:2px}
.ko-a{font-size:14.5px;color:var(--ko-muted);line-height:1.55;margin-top:2px}
.ko-a a{color:var(--ko-green);font-weight:700;text-decoration:none}
.ko-a a:hover{text-decoration:underline}
.ko-m{text-align:right;white-space:nowrap}
.ko-m b{display:block;font-size:16px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--ko-ink)}
.ko-m small{display:block;font-size:13.5px;color:var(--ko-muted);margin-top:2px}
.ko-m .ok{color:var(--ko-green)}
.ko-m .warn{color:var(--ko-warn)}

/* Tabele wpisów: nagłówki 12 px wersalikami, wiersze 15 px, liczby tabelaryczne. */
.ko-tab{width:100%;border-collapse:collapse;margin-top:14px;font-size:15px}
.ko-tab th{text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ko-muted);font-weight:800;padding:0 12px 8px 0;border-bottom:1px solid var(--ko-line)}
.ko-tab td{padding:10px 12px 10px 0;border-bottom:1px solid var(--ko-line);vertical-align:top;line-height:1.4}
.ko-tab tr:last-child td{border-bottom:0}
/* Odstep kolumn liczbowych bierze sie z LEWEJ strony, nie z luzu tabeli. Kolumny prawe maja
   padding-right zero, zeby liczby konczyly sie rowno, wiec dwie takie kolumny obok siebie
   stykaly sie, gdy tabeli zabraklo wolnego miejsca. Po polsku naglowki sa krotkie i luz byl,
   po angielsku zniknal i karta firmy pokazywala „4847.943 MW" oraz „OPERATING SINCEIN
   REGISTER SINCE". Staly odstep z lewej nie zalezy od dlugosci napisu w zadnym jezyku. */
.ko-tab .r{text-align:right;padding-left:14px;padding-right:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.ko-tab th.r{padding-right:0}
.ko-tab td b{font-weight:900}
.ko-tab td small{display:block;color:var(--ko-muted);font-size:13.5px;margin-top:2px}
.ko-tab a{color:var(--ko-green);font-weight:800;text-decoration:none}
.ko-tab a:hover{text-decoration:underline}
.ko-more{display:inline-block;margin:12px 0 0;color:var(--ko-green);font-weight:800;text-decoration:none;font-size:15px}
.ko-more:hover{text-decoration:underline}
button.ko-more{border:0;background:none;padding:0;font:800 15px "Lato",sans-serif;cursor:pointer}
button.ko-retry{margin-left:8px;border:1px solid #cfd8d6;background:#fff;border-radius:9px;padding:6px 12px;font:700 14px "Lato",sans-serif;color:var(--ko-ink);cursor:pointer}
button.ko-retry:hover{border-color:var(--ko-green);color:var(--ko-green)}
.ko-sum{margin:14px 0 0;font-size:15px;color:var(--ko-muted)}
.ko-sum b{color:var(--ko-ink);font-weight:900}

/* Zasłona pełnego dostępu: jedna na grupę, pierwsza linia to zdanie granicy. */
.ko-gate{margin:18px 0 6px;padding:18px 20px;border-radius:12px;background:var(--ko-soft)}
.ko-gate p{margin:0;font-size:15px;line-height:1.5;color:var(--ko-ink)}
.ko-gate p+p{margin-top:6px;color:var(--ko-muted)}
.ko-gate .ko-btn{display:inline-block;margin-top:12px;background:var(--ko-ink);color:#fff;border-radius:10px;padding:10px 16px;font:800 14px "Lato",sans-serif;text-decoration:none}
.ko-gate .ko-btn:hover{background:var(--ko-green)}

/* Pary etykieta / wartość (KRS, VAT, jednostka). */
.ko-dl{margin:14px 0 0;display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 24px}
.ko-dl dt{padding:11px 0;border-top:1px solid var(--ko-line);font-size:14px;color:var(--ko-muted);font-weight:700}
.ko-dl dd{margin:0;padding:11px 0;border-top:1px solid var(--ko-line);font-size:15.5px;line-height:1.5}
.ko-dl dt:first-of-type,.ko-dl dd:first-of-type{border-top:0}
.ko-dl dd b{font-weight:900}
.ko-dl dd a{color:var(--ko-green);font-weight:700;text-decoration:none}

/* Grupy karty miejsca: trzy pytania, każde z własnymi warstwami. */
.ko-q{margin-top:16px;font-size:15px;line-height:1.55;color:var(--ko-ink);max-width:40em}
.ko-q b{font-weight:900}

/* Zakończenie karty: przypisy, stan danych, zastrzeżenia. Bez ramek. */
.ko-body > .ko-foot{grid-column:1}
.ko-foot{margin-top:40px;padding-top:22px;border-top:1px solid var(--ko-line);font-size:13.5px;line-height:1.6;color:var(--ko-muted)}
.ko-foot summary{display:inline-flex;align-items:center;gap:10px;border:1px solid #cfd8d6;border-radius:10px;padding:9px 14px;font:800 14px "Lato",sans-serif;color:var(--ko-ink);cursor:pointer;list-style:none;background:#fff}
.ko-foot summary::-webkit-details-marker{display:none}
.ko-foot summary::before{content:"";width:7px;height:7px;border-right:2px solid var(--ko-green);border-bottom:2px solid var(--ko-green);transform:rotate(-45deg);margin-top:-2px;transition:transform .15s}
.ko-foot[open] summary::before{transform:rotate(45deg);margin-top:-4px}
.ko-foot summary:hover{border-color:var(--ko-green);color:var(--ko-green)}
.ko-foot-body{padding:18px 0 0;max-width:46em}
.ko-foot-body h3{margin:14px 0 4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ko-muted);font-weight:800}
.ko-foot-body h3:first-child{margin-top:0}
.ko-foot-body p{margin:0 0 6px}
.ko-foot b{color:var(--ko-ink);font-weight:700}

.ko-end{margin:56px 0 72px;padding:26px 0 0;border-top:1px solid var(--ko-line);display:flex;gap:12px;flex-wrap:wrap}
.ko-end a{border:1px solid #cfd8d6;border-radius:10px;padding:9px 14px;font:800 14px "Lato",sans-serif;color:var(--ko-ink);text-decoration:none}
.ko-end a:hover{border-color:var(--ko-green);color:var(--ko-green)}

@media (max-width:1100px){
  .ko-body{grid-template-columns:minmax(0,1fr) 340px;gap:0 40px}
  .ko-sec-h{grid-template-columns:auto minmax(0,1fr)}
  .ko-src{grid-column:2;text-align:left;white-space:normal}
}
@media (max-width:860px){
  .ko-wrap{padding:0 20px}
  .ko-search .ko-wrap{height:auto;padding:12px 20px;flex-wrap:wrap;gap:10px}
  .ko-crumb{width:100%;white-space:normal}
  .ko-head{grid-template-columns:1fr;padding:26px 0 18px;gap:14px}
  .ko-name{font-size:26px;letter-spacing:-.012em}
  .ko-ids{font-size:14px}
  .ko-actions{padding-top:0}
  .ko-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;padding:16px 0 18px}
  .ko-fact span{overflow-wrap:anywhere}
  .ko-fact b{font-size:22px}
  .ko-fact.is-state b{font-size:17px;padding-top:3px}
  .ko-fact span{font-size:11px;letter-spacing:.06em}
  .ko-body{display:flex;flex-direction:column;align-items:stretch}
  .ko-rail{display:contents}
  .ko-map,.ko-map-note{order:-1}
  .ko-map{margin-top:18px}
  .ko-rail h3,.ko-toc,.ko-goes{order:1}
  .ko-body > .ko-foot{order:2}
  .ko-rail h3{margin-top:26px}
  .ko-map{height:220px}
  .ko-map.ko-map--top{height:240px}
  .ko-mapblock{margin:0 0 18px}
  .ko-rail h3{margin-top:22px}
  .ko-sec{padding:32px 0 4px}
  .ko-sec:first-child{padding-top:26px}
  .ko-sec-h{grid-template-columns:auto minmax(0,1fr)}
  .ko-src{grid-column:2;text-align:left;white-space:normal}
  .ko-sec h2{font-size:20px}
  .ko-row{grid-template-columns:1fr;gap:6px}
  .ko-m{text-align:left;white-space:normal}
  .ko-m b{display:inline}
  .ko-m small{display:inline;margin-left:8px}
  .ko-tab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ko-tab,.ko-tab tbody,.ko-tab tr,.ko-tab td{display:block;width:100%}
  .ko-tab tr{padding:10px 0;border-bottom:1px solid var(--ko-line)}
  .ko-tab td{border:0;padding:2px 0;text-align:left}
  .ko-tab td:not(:first-child){display:inline;padding:0}
  .ko-tab td,.ko-tab td.r{white-space:normal}
  .ko-tab td.r{text-align:left;padding-left:0}
  .ko-tab td[data-lab]::before{content:attr(data-lab) ":\00a0";color:var(--ko-muted);font-size:13px;font-weight:700}
  .ko-tab td:not(:first-child)+td[data-lab]::before{content:" ·\00a0" attr(data-lab) ":\00a0"}
  .ko-tab td[data-lab="Instalacja"]::before{content:none}
  .ko-tab td:not(:first-child) small{display:inline;margin-left:6px;white-space:nowrap}
  .ko-dl{grid-template-columns:1fr;gap:0}
  .ko-dl dt{padding:10px 0 0;border-top:1px solid var(--ko-line)}
  .ko-dl dd{border-top:0;padding:2px 0 10px}
  .ko-rail-mobile-first{order:-1}
}
/* Telefon: trzy kolumny lamaly podpisy „moc wpisow MIOZE, pelny dostep" na piec wierszy
   (zrzut 390 px z 15.09.2026), dwie kolumny mieszcza podpis w dwoch. */
@media (max-width:480px){
  .ko-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
  .ko-fact b{font-size:24px}
}

/* ======================================================================
   Dopiski pakietu A (karta firmy, 15.09.2026). Zadna regula wyzej nie jest ruszana:
   tutaj stoi tylko to, czego makieta nie mogla wyrazic klasa, bo trzymala to w atrybucie
   style= (podnaglowek sekcji, mala nota przy etykiecie), oraz mechanika progu tabeli.
   ====================================================================== */

/* Podnaglowek w sekcji: „Aukcja glowna na rok dostaw 2030", „Wczesniejsze aukcje: 68 pozycji".
   Ten sam stopien i rytm co kicker karty, wiec sekcja ma jeden glos. */
.ko-h3{margin:26px 0 0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ko-muted);font-weight:800}
.ko-sec .ko-h3:first-of-type{margin-top:22px}

/* Mala nota przy etykiecie albo wartosci pary: data zbioru, odeslanie do rejestru. */
.ko-mini{display:block;font-weight:400;font-size:13.5px;line-height:1.5;color:var(--ko-muted);margin-top:2px}
.ko-mini a{color:var(--ko-green);font-weight:700;text-decoration:none}
.ko-mini a:hover{text-decoration:underline}
.ko-sum a{color:var(--ko-green);font-weight:800;text-decoration:none}
.ko-sum a:hover{text-decoration:underline}

/* Prog tabeli. Reszta wierszy siedzi w DRUGIM <tbody> TEJ SAMEJ tabeli, wiec kolumny maja
   jedna szerokosc przed odslonieciem i po nim. `hidden` na <tbody> musi wygrac z regula
   mobilna `.ko-tab tbody{display:block}`, stad selektor o tej samej specyficznosci. */
.ko-tab tbody.ko-hid[hidden]{display:none}
.ko-more::before{content:"+ ";font-weight:900}
.ko-more[aria-expanded="true"]::before{content:"\2212 "}
.ko-more:focus-visible{outline:2px solid var(--ko-green);outline-offset:3px;border-radius:4px}

/* Wartosci, ktore nie moga sie zlamac po jednej literze ani po jednym slowie: nazwy kolumn
   i komorki okresu („I kwartał", „cały rok"). Twarda spacja w module trzyma je razem takze
   tam, gdzie ten arkusz nie siega. */
.ko-tab td.nw,.ko-tab th.nw{white-space:nowrap}

/* Pas liczb: wartosc platna („••") czyta sie sama, wiec podpis niesie cala tresc. */
.ko-fact b[aria-hidden="true"]{color:var(--ko-muted);letter-spacing:.1em}

@media (max-width:860px){
  /* Pierwsza komorka wiersza jest jego tytulem, wiec etykieta przed nia byla powtorzeniem.
     Reguly dla kazdej pierwszej kolumny tabel karty firmy. */
  .ko-tab td[data-lab="Miejscowość"]::before,
  .ko-tab td[data-lab="Kod jednostki"]:first-child::before,
  .ko-tab td[data-lab="Rok dostaw"]:first-child::before,
  .ko-tab td[data-lab="Pozycja"]::before{content:none}
  .ko-tab td.nw,.ko-tab th.nw{white-space:normal}
}

/* ============================================================================
   POWLOKA WEJSCIA „SPRAWDZ" (decyzja AL 23.09.2026, po pokazie propozycji w Safari).
   Trzy wejscia (dzialka, firma, jednostki) maja te sama glowe co karta obiektu: pasek
   zapytania z trzema przejsciami, kicker, nazwe, linie pod nazwa i pigulki po prawej.
   Reguly stoja TUTAJ, a nie w arkuszu jednej strony, z tego samego powodu co miary
   wspolnego bloku filtrow w assets/blok-szukaj.css: jedno zrodlo, zero rozjezdzania sie.
   Prefiks `mk-` jest historyczny (pierwsze wejscie z mapa), nazwy zostaja, zeby nie
   przepisywac katalogow tlumaczen i testow za sama nazwe.
   ============================================================================ */

/* PASEK NARZEDZI nad wynikiem. Dwie rzeczy, ktorych nie ma menu w naglowku: pole do
   sprawdzenia NASTEPNEJ dzialki bez wracania na mape oraz zaznaczenie, ktora z trzech
   kart „Sprawdz" jest teraz otwarta (aria-current). Nazwy skrocone do rzeczownika, bo
   czasownik „Sprawdz" stoi juz na przycisku obok. */
.kd-bar{background:#fff;border-bottom:1px solid var(--ko-line,#e6e9ec)}
.kd-bar .kd-wrap{display:flex;align-items:center;gap:28px;min-height:68px;flex-wrap:wrap}
.kd-szukaj{display:flex;flex:1;min-width:280px;gap:10px;margin:0}
.kd-szukaj input{flex:1;min-width:0;height:44px;box-sizing:border-box;border:1px solid #cfdad8;
  border-radius:10px;padding:0 14px;font:16px "Lato",system-ui,sans-serif;
  color:var(--ko-ink,#161922);background:#fbfdfd}
.kd-szukaj input:focus{outline:2px solid var(--ko-green,#007672);outline-offset:1px;
  border-color:var(--ko-green,#007672)}
.kd-szukaj button{height:44px;border:0;border-radius:10px;padding:0 20px;
  background:var(--ko-ink,#161922);color:#fff;font:800 15px "Lato",system-ui,sans-serif;
  cursor:pointer;white-space:nowrap}
.kd-szukaj button:hover{background:#00534f}
.kd-szukaj-i{display:none}
.kd-narz{display:flex;gap:4px;flex:none}
.kd-narz a{display:flex;align-items:center;min-height:40px;padding:0 15px;border-radius:999px;
  font:800 15px "Lato",system-ui,sans-serif;color:var(--ko-muted,#5d646d);text-decoration:none}
.kd-narz a:hover{background:#f4f8f7;color:var(--ko-green,#007672)}
.kd-narz a[aria-current="page"]{background:var(--ko-green,#007672);color:#fff}
.kd-narz a:focus-visible{outline:3px solid var(--ko-green,#007672);outline-offset:2px}

.mk{background:#fff}
/* Kolumna powloki bierze miare ze ZMIENNEJ, jak karta wspolnego bloku filtrow z --bs-szer.
   Domyslnie 1120 px (dzialka, firma), ale wejscie, ktorego tresc jest szersza, deklaruje
   swoja miare u siebie: jednostki maja tabele 1320 px i pasek ma stac w tej samej osi,
   a nie wygladac na wciety (zmierzone 23.09.2026: glowa 1120, panel i tabela 1320). */
.mk{--mk-szer:1120px}
.mk .kd-wrap{max-width:var(--mk-szer);margin:0 auto;padding:0 32px;box-sizing:border-box}
/* Pole zapytania POD nazwa narzedzia (AL 23.09.2026 16:16 „bardziej centralnie, bardziej widoczne",
   16:33 „przeniesc" na dzialke i jednostki): pasek bez tla i kreski, pole 56 px na cala kolumne,
   przycisk i przejscia Dzialka / Firma / Rynek mocy w tym samym rzedzie. Strona wyniku dzialki
   (.kd-strona) zostaje z paskiem nad karta, bo tam pole sluzy do sprawdzenia INNEJ dzialki. */
.mk .kd-bar{background:transparent;border:0}
.mk .kd-bar .kd-wrap{display:flex;align-items:center;gap:14px 24px;min-height:0;padding-top:20px;flex-wrap:wrap}
.mk .kd-szukaj input{height:56px;font-size:17px;padding:0 18px;border-radius:12px;border:1.5px solid #c9d6d4;box-shadow:0 10px 26px -16px rgba(1,22,39,.35)}
.mk .kd-szukaj input::placeholder{color:#6f7a78}
.mk .kd-szukaj button{height:56px;border-radius:12px;padding:0 24px;font-size:16px}
.mk .kd-szukaj{position:relative}
/* Ramka podpowiedzi adresowych (adres-podpowiedzi.js) wchodzi MIEDZY form a pole. */
.mk .kd-szukaj .tap-wrap{display:flex;flex:1;min-width:0;align-self:stretch}
/* Glowa wejscia to <header>, wiec lapie globalna regule header{} (sticky, z-index 900) i przy
   przewijaniu nachodzila na gorna nawigacje (obejrzane 23.09.2026 na wejsciu firmy); .ko-head ma
   to samo nadpisanie. */
.mk-head{position:static;z-index:auto;padding:30px 0 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:start}
.mk-head .ko-kick{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ko-green,#007672);font-weight:800;margin:0 0 10px}
.mk-head .ko-name{margin:0;font-size:36px;line-height:1.1;letter-spacing:-.02em;font-weight:900;color:var(--ko-ink,#161922);max-width:20em}
.mk-ids{margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--ko-muted,#5d646d)}
.mk-actions{display:flex;gap:8px;padding-top:6px;align-self:flex-start;flex-wrap:wrap}
.mk-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid #cfd8d6;background:#fff;border-radius:999px;
  padding:0 15px;font:800 14px "Lato",sans-serif;color:var(--ko-muted,#5d646d);cursor:pointer;white-space:nowrap;text-decoration:none}
.mk-pill:hover,.mk-pill[aria-expanded="true"]{border-color:var(--ko-green,#007672);color:var(--ko-green,#007672)}
.mk-pill:focus-visible{outline:3px solid var(--ko-green,#007672);outline-offset:2px}
.mk-pill svg{width:16px;height:16px;flex:none}
/* Panel filtrow stoi POD glowa jako jej rodzenstwo (wejscie firmy i jednostek), a glowa nie
   ma dolnego wypelnienia: bez tej linii karta filtrow dotyka ostatniego wiersza zdania pod
   nazwa (zmierzone na zrzucie 1440 wejscia jednostek, 23.09.2026). Selektor lapie tylko
   panel zaraz za powloka, wiec panele stojace glebiej w tresci zostaja nietkniete. */
.mk + .bs.bs-panel{margin-top:24px}

.mk-sec{margin-top:44px}
.mk-sec .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)}
.mk-sec .ko-sec-h h2{margin:0;font:900 22px/1.2 "Lato",sans-serif;letter-spacing:-.015em;color:var(--ko-ink,#161922)}

@media (max-width:760px){
  .kd-bar .kd-wrap{min-height:0;padding-top:12px;padding-bottom:12px;gap:12px}
  .mk .kd-bar .kd-wrap{padding-top:14px;padding-bottom:0}
  .mk .kd-szukaj input,.mk .kd-szukaj button{height:50px}
  .mk .kd-szukaj button{width:50px;padding:0}
  .kd-szukaj{flex:1 0 100%}
  /* Przycisk „Sprawdz dzialke" obok pola zostawial polu 200 px i podpowiedz konczyla sie
     na „albo" (zrzut 390, 22.09.2026). Na telefonie przycisk jest lupa 44x44, pole bierze
     reszte wiersza i podpowiedz miesci sie w calosci. */
  .kd-szukaj button{flex:none;width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}
  .kd-szukaj-t{display:none}
  .kd-szukaj-i{display:block}
  .kd-narz{flex:1 0 100%;gap:6px}
  .kd-narz a{flex:1;justify-content:center;padding:0 10px;font-size:14px}
  .mk .kd-wrap{padding:0 20px}
  .mk .kd-bar .kd-wrap{min-height:0;padding-top:12px;padding-bottom:12px;gap:12px}
  .mk-head{grid-template-columns:1fr;gap:14px;padding-top:22px}
  .mk-head .ko-name{font-size:28px}
  .mk-actions{padding-top:0}
}