/* Karta dzialki bez pelnego dostepu na stronie „Sprawdź działkę” (decyzja wlascicielki z 10.11.2026).
   Silnik (lokalizacja-360.js) rysuje wtedy, zamiast pasa liczb, okolo 20 kart z klodka i trzech ramek zakupu:
     1. jeden blok zakupu pod mapa (.km-kup: zdanie granicy, naglowek, liczba sprawdzen, cena, przycisk,
        odnosnik do odslonietego przykladu, zdanie o raportach i dwa zwiniete rozwijaki),
     2. zwarta liste trzech grup jako tabele .rj-tab (.km-tab), wzorowane na karcie przykladu
        „Tak wygląda wynik sprawdzenia” (assets/dzialka-rejestr.css): wiersz na warstwe, nazwa i jeden fakt
        po lewej, wartosc bezplatna albo znak zaslony (klodka z „•••”) po prawej, szczegoly pod klapka nazwy,
     3. pasek zakupu przyklejony do dolu ekranu na telefonie (#km-pasek, poza karta).
   Jezyk widokow „Sprawdź” (zamrozony wzor 24.09.2026): DM Sans, biala karta z linia, turkus jako akcent,
   rozwijaki details.zastrzezenia (assets/przypisy.css), bez kafli, pigulek i kickerow. Widok pelny i szuflada
   strony glownej tych klas nie maja, wiec arkusz ich nie dotyka. Drobny druk nie schodzi ponizej 14 px. */

/* ===== 1. Blok zakupu ===== */
.kd-strona #l360-app .km-kup{margin:20px 0 0;padding:20px 24px 18px;background:var(--rj-bialy,#fff);
  border:1px solid var(--rj-linia,#e4e7ea);border-radius:12px;font-family:var(--rj-font);color:var(--rj-ink,#161922)}
.kd-strona #l360-app .km-kup-granica{margin:0 0 12px;font-size:14px;line-height:1.55;color:var(--rj-tekst,#3c424d);max-width:62em}
.kd-strona #l360-app .km-kup-h{margin:0;font:700 22px/1.2 var(--rj-font);letter-spacing:-.01em;color:var(--rj-ink,#161922)}
.kd-strona #l360-app .km-kup-ile{margin:6px 0 0;font-size:16px;line-height:1.5;color:var(--rj-tekst,#3c424d);font-variant-numeric:tabular-nums}
.kd-strona #l360-app .km-kup .cta-cena-linia{margin:10px 0 0;font-size:16px;line-height:1.5;color:var(--rj-tekst,#3c424d)}
.kd-strona #l360-app .km-kup-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin:14px 0 0}
.kd-strona #l360-app .km-kup-btn{min-height:48px;padding:12px 22px;border-radius:8px;font:700 16px/1.2 var(--rj-font);white-space:normal;text-align:center}
.kd-strona #l360-app .km-kup-przyklad{display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:600;
  color:var(--rj-akcent,#007672);text-decoration:underline;text-underline-offset:3px}
.kd-strona #l360-app .km-kup-przyklad:hover{color:var(--rj-akcent-ciem,#00615e)}
.kd-strona #l360-app .km-kup-raporty{margin:12px 0 0;max-width:62em}
.kd-strona #l360-app .km-kup-raporty small{display:block;font-size:14px;line-height:1.55;color:var(--rj-slaby,#626b76)}
.kd-strona #l360-app .km-kup-raporty a{color:var(--rj-akcent,#007672);font-weight:600}
.kd-strona #l360-app .km-kup-roz .t360-panel-list{margin:0 0 8px}
.kd-strona #l360-app .km-kup-roz .t360-panel-list li{font-size:14px;line-height:1.6;color:var(--rj-tekst,#3c424d)}
.kd-strona #l360-app .km-kup-roz .zastrz-tresc p{margin:0 0 8px}
.kd-strona #l360-app .km-kup-roz a{color:var(--rj-akcent,#007672);font-weight:600}
.kd-strona #l360-app .km-kup-pytanie{margin:12px 0 0;font-size:14px;line-height:1.55;color:var(--rj-slaby,#626b76)}
.kd-strona #l360-app .km-kup-pytanie a{color:var(--rj-akcent,#007672);font-weight:600}

/* „Najpierw sprawdź” pod blokiem zakupu: ta sama tresc i ten sam wybor celu, stan tematu w tym samym wierszu
   co jego nazwa (bez dostepu kazdy temat ma ten sam stan „Pełny dostęp”). */
.kd-strona #l360-app .km-kup~.km-najpierw{margin-top:16px;padding:12px 16px}
.kd-strona #l360-app .km-kup~.km-najpierw .parcel-purpose{margin-bottom:4px}
.kd-strona #l360-app .km-kup~.km-najpierw .parcel-purpose-list>li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px}
.kd-strona #l360-app .km-kup~.km-najpierw .parcel-purpose-list>li::before{top:17px}
.kd-strona #l360-app .km-kup~.km-najpierw .parcel-purpose-state{display:inline}

/* ===== 2. Zwarta lista grup ===== */
.kd-strona #l360-app .ko-sec.km-zw{margin-top:30px}
.kd-strona #l360-app .km-tab{display:block;width:100%;margin:0;border-collapse:collapse;font-family:var(--rj-font)}
.kd-strona #l360-app .km-tab thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.kd-strona #l360-app .km-tab tbody{display:block}
.kd-strona #l360-app .km-tab tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px;align-items:start;
  padding:6px 0;border-bottom:1px solid var(--rj-linia,#e4e7ea)}
.kd-strona #l360-app .km-tab td{display:block;padding:0;border:0;min-width:0}
.kd-strona #l360-app .km-tab td::before{content:none}
.kd-strona #l360-app .km-tab td[data-lab="Wynik"]{padding:9px 0 0;text-align:right;white-space:nowrap;font-size:16px;line-height:1.35}
.kd-strona #l360-app .km-tab td[data-lab="Wynik"] b{font-weight:700;color:var(--rj-ink,#161922);font-variant-numeric:tabular-nums}
.kd-strona #l360-app .km-tab td[data-lab="Wynik"] b.brak{font-weight:600;color:var(--rj-slaby,#626b76)}
/* Nazwa warstwy jest klapka (summary) jak karta warstwy: znak +/− po lewej, cel dotyku 44 px. */
.kd-strona #l360-app .km-w-d>summary{position:relative;display:block;min-height:44px;box-sizing:border-box;padding:9px 0 6px 26px;
  list-style:none;cursor:pointer;font:600 16px/1.35 var(--rj-font);color:var(--rj-ink,#161922)}
.kd-strona #l360-app .km-w-d>summary::-webkit-details-marker{display:none}
.kd-strona #l360-app .km-w-d>summary::before{content:"+";position:absolute;left:0;top:9px;width:18px;height:18px;
  border:1px solid var(--rj-ramka,#d8dbe0);border-radius:4px;font:600 14px/16px var(--rj-font);text-align:center;color:var(--rj-tekst,#3c424d)}
.kd-strona #l360-app .km-w-d[open]>summary::before{content:"−"}
.kd-strona #l360-app .km-w-d>summary:hover .km-w-n{color:var(--rj-akcent,#007672)}
.kd-strona #l360-app .km-w-d>summary:focus-visible{outline:2px solid var(--rj-akcent,#007672);outline-offset:2px;border-radius:4px}
.kd-strona #l360-app .km-w-n{display:block}
/* Dwuczlonowa nazwa (wolna moc, MIOZE) w karcie stoi w dwoch liniach; w wierszu listy to jedno zdanie, ktore lamie sie samo. */
.kd-strona #l360-app .km-w-n :is(.kd-lab__name,.kd-lab__qualifier){display:inline}
.kd-strona #l360-app .km-w-ctx{display:block;margin:2px 0 0;font-size:14px;line-height:1.4;font-weight:400;color:var(--rj-slaby,#626b76)}
.kd-strona #l360-app .km-w-d .kd-det{padding:2px 0 10px 26px;font-size:14px;line-height:1.6;color:var(--rj-tekst,#3c424d)}
.kd-strona #l360-app .km-w-d .kd-det>p{margin:0 0 6px}
.kd-strona #l360-app .km-w-d .kd-det ul{margin:4px 0 6px;padding-left:18px}
.kd-strona #l360-app .km-w-d .kd-det .kd-meta{color:var(--rj-slaby,#626b76)}
/* Znak zaslony w komorce wyniku: klodka i kropki, jedyny znak zaslony serwisu (decyzja nr 29). */
.kd-strona #l360-app .km-tab .rj-zasl{display:inline-flex;align-items:center;gap:6px;letter-spacing:.14em;color:var(--rj-zasl,#767676);font-weight:700}
.kd-strona #l360-app .km-tab .rj-zasl .kd-znak{color:#9aa4ab;letter-spacing:0;margin:0}

/* ===== 3. Pasek zakupu na telefonie ===== */
/* Na biurku paska nie ma; na telefonie (prog jednej kolumny karty, 760 px, assets/karta-dzialki.css) stoi przy
   dolnej krawedzi, pod przyciskiem „Zgłoś uwagę” (z-index 99990) i pod banerem cookies (99999), z wolnym prawym
   polem na przycisk uwag. Przy banerze cookies pasek sie chowa, a karta ma dolny zapas na jego wysokosc. */
#km-pasek{display:none}
@media (max-width:760px){
  #km-pasek{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:flex;flex-direction:column;gap:6px;
    box-sizing:border-box;padding:8px 68px calc(8px + env(safe-area-inset-bottom,0px)) 16px;background:#fff;
    border-top:1px solid var(--rj-linia,#e4e7ea);box-shadow:0 -12px 28px -20px rgba(22,25,34,.4);font-family:var(--rj-font)}
  #km-pasek[hidden]{display:none}
  html.toze-consent-pad #km-pasek{display:none}
  /* 10.11.2026: pasek wygaslej sesji (auth.js, #toze-sesja-wygasla, fixed, bottom 0, z-index 9999) stoi w tym samym
     miejscu. Ten sam wzorzec co przy banerze cookies: pasek zakupu sie chowa, bo osobie z wygasla sesja trzeba najpierw
     powiedziec „Zaloguj się ponownie”, a nie sprzedawac dostepu, ktory moze juz miec. Zapas karty zostaje. */
  body:has(#toze-sesja-wygasla) #km-pasek{display:none}
  #km-pasek .cta-cena-linia{margin:0;font-size:14px;line-height:1.35;color:var(--rj-tekst,#3c424d)}
  #km-pasek .cta-cena-linia .cta-cena-kwota{display:inline}
  #km-pasek .km-btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;box-sizing:border-box;width:100%;
    border-radius:8px;background:#00b5b0;color:#0d1f1f;font:700 16px/1.2 var(--rj-font);text-decoration:none;text-align:center}
  #km-pasek .km-btn:hover,#km-pasek .km-btn:focus-visible{background:#00a39e;color:#0d1f1f}
  #km-pasek .km-btn:focus-visible{outline:3px solid #011627;outline-offset:2px}
  .kd-strona #l360-app:has(.km-kup){padding-bottom:132px}
  .kd-strona #l360-app .km-kup{padding:16px 16px 14px}
  .kd-strona #l360-app .km-kup-h{font-size:20px}
  .kd-strona #l360-app .km-kup-akcje{flex-direction:column;align-items:stretch;gap:4px}
  .kd-strona #l360-app .km-kup-btn{width:100%}
  .kd-strona #l360-app .km-kup-przyklad{justify-content:center}
  .kd-strona #l360-app .ko-sec.km-zw{margin-top:24px}
}
/* Prawe pole paska idzie za ksztaltem przycisku uwag (feedback.js): do 600 px to kolo 44 px (right:12px), wiec wystarcza
   68 px; od 601 px to pigulka z napisem (right:18px, okolo 125 px), ktora przykrywala prawy koniec przycisku zakupu
   (pomiar 10.11.2026: 601 do 760 px, naklad 75 x 37 px). Pole 168 px zostawia pigulce okolo 25 px zapasu na inny krój pisma. */
@media (min-width:601px) and (max-width:760px){
  #km-pasek{padding-right:168px}
}