/* plota — panel klienta (doładowywany tylko na stronach konta) */
.kh{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.kh .wrap{display:flex;align-items:center;gap:10px;height:60px}
.kh .logo{display:flex;align-items:center;gap:3px;font-family:var(--disp);font-weight:800;font-size:1.35rem;letter-spacing:-.03em}
.kh .logo i{color:var(--acc);font-style:normal}
.kh nav{margin-left:auto;display:flex;gap:6px;align-items:center}
.kh nav form{margin:0}
.kmain{max-width:880px;margin:0 auto;padding:22px 16px 90px}
.kmain.waski{max-width:460px}
.kmain h1{font-family:var(--disp);font-weight:800;font-size:1.6rem;letter-spacing:-.03em;margin:6px 0 4px}
.kmain h2{font-family:var(--disp);font-size:1.1rem;margin:28px 0 10px}
.karta{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--sh)}
.alert{border-radius:12px;padding:11px 14px;margin:12px 0;font-size:.9rem}
.alert.ok{background:var(--ok-soft);color:var(--ok)}
.alert.bad{background:#fdecea;color:var(--err)}
.alert ul{margin:0;padding-left:18px}
.siatka2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.siatka3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 12px}
@media (max-width:560px){.siatka2,.siatka3{grid-template-columns:1fr}.kh nav .hide-s{display:none}}
textarea.in{min-height:120px;resize:vertical}
.pom{font-size:.78rem;color:var(--ink3);margin-top:4px}
.chk{display:flex;gap:8px;align-items:flex-start;margin:12px 0;font-size:.88rem}
.chk input{margin-top:3px}
.cechy{display:flex;flex-wrap:wrap;gap:6px}
.cechy label{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line2);border-radius:999px;padding:6px 12px;font-size:.84rem;background:#fff;cursor:pointer}
/* wynagrodzenie w ofercie pracy: od–do obok siebie, pod spodem „za co” jako przyciski (12.10.2026) */
.pensja{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}
/* specjalizacje w grupach (profil specjalisty, 12.10.2026) */
.spec-gr{border:1px solid var(--line);border-radius:12px;background:#fff;margin:0 0 6px}
.spec-gr>summary{cursor:pointer;padding:10px 12px;font-weight:600;font-size:.9rem;list-style:none;display:flex;gap:6px;align-items:center}
.spec-gr>summary::-webkit-details-marker{display:none}
.spec-gr>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid #8a90a0;border-bottom:2px solid #8a90a0;transform:rotate(45deg);transition:transform .15s}
.spec-gr[open]>summary::after{transform:rotate(-135deg)}
.spec-gr>.cechy{padding:0 12px 12px}
.akcje{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.typy{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.typ{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;transition:.12s}
.typ:hover{border-color:var(--acc);box-shadow:var(--sh2)}
.typ>i{font-size:26px;color:var(--acc)}
.typ b{display:block;margin-bottom:2px}
.typ span{font-size:.83rem;color:var(--ink2)}
.lista{display:flex;flex-direction:column;gap:8px}
.poz{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.poz .mini{width:56px;height:56px;border-radius:10px;background:var(--acc-soft);flex:none;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--acc);font-size:22px}
.poz .mini img{width:100%;height:100%;object-fit:cover}
.poz .tr{flex:1;min-width:0}
.poz .tr b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* podgląd własnej treści w okienku (Moje konto → Zobacz) */
.pg-okno{width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 40px);padding:0;border:0;border-radius:20px;box-shadow:0 30px 70px -20px rgba(15,30,61,.5);overflow:auto}
.pg-okno::backdrop{background:rgba(15,20,40,.55)}
.pg-x{position:sticky;top:10px;float:right;margin:10px 10px 0 0;z-index:2;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(15,30,61,.2);font-size:18px;cursor:pointer}
.pg-tresc{padding:18px 20px 20px}
.pg-zdj{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -4px 6px;border-radius:14px;scrollbar-width:thin}
.pg-zdj img{flex:0 0 100%;height:320px;object-fit:contain;background:#f3f4f8;border-radius:14px;scroll-snap-align:center}
.pg-ile{font-size:.8rem;margin-bottom:8px}
.pg-st{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 4px;font-size:.84rem}
.pg-t{margin:4px 0 2px;font-size:1.35rem}.pg-cena{font-size:1.5rem;font-weight:800;margin:2px 0 6px}
.pg-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.86rem;margin:4px 0 10px}
.pg-opis{white-space:normal;line-height:1.55;margin:8px 0 12px}
.pg-daty{font-size:.8rem}
.pg-info{margin-top:12px;padding:10px 12px;border-radius:12px;background:#fff6dc;color:#7a5600;font-size:.88rem}.pg-zle{background:#fdecea;color:var(--err)}
.pg-akcje{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
@media (max-width:600px){.pg-okno{width:100vw;max-width:100vw;max-height:92vh;margin:auto 0 0;border-radius:20px 20px 0 0}.pg-zdj img{height:240px}}
.st.st-osobno{background:#f1f2f6;color:#5c6280}
/* długie listy w Moim koncie: zwinięte do 5, „Pokaż jeszcze” */
.poz[hidden]{display:none}.lista-wiecej{margin:10px 0 4px}h2 small.muted{font-size:.8rem;font-weight:600;margin-left:4px}
/* Spotted w formularzu: zasady */
.sp-zasady{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fdeef5;color:#7a2650}.sp-zasady[hidden]{display:none}
/* „Zobacz na portalu”: tytuł i miniatura prowadzą do treści (tylko opublikowanej) */
.poz a.mini{text-decoration:none;transition:transform .15s,box-shadow .15s}.poz a.mini:hover{transform:scale(1.04);box-shadow:0 6px 14px -8px rgba(15,30,61,.5)}
.poz .tr a.poz-t{display:block;font-weight:700;color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poz .tr a.poz-t:hover{color:var(--acc);text-decoration:underline}
.poz .op{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.poz .op form{margin:0}
/* zajęcia, które organizuję / mój gabinet: przyciski w osobnym rzędzie pod treścią (tytuł się nie ściska) */
.poz.poz-org{flex-wrap:wrap}
.poz-zarz{flex:none;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,#1d4ed8,#2563eb 55%,#3b82f6);color:#fff;text-decoration:none;box-shadow:0 8px 18px -10px rgba(29,78,216,.8);transition:transform .15s,box-shadow .15s}
.poz-zarz:hover{transform:translateY(-1px);box-shadow:0 12px 22px -10px rgba(29,78,216,.9)}
.poz-zarz>.ti:first-child{font-size:24px}.poz-zarz span{display:flex;flex-direction:column;line-height:1.2}.poz-zarz b{font-size:1rem}.poz-zarz small{opacity:.85;font-size:.74rem}
@media (max-width:560px){.poz-zarz{flex-basis:100%;order:3}}
.poz.poz-org .op{flex-basis:100%;justify-content:flex-start;padding-left:68px}
@media (max-width:560px){.poz.poz-org .op{padding-left:0}}
@media (max-width:560px){.poz{flex-wrap:wrap}.poz .op{width:100%;justify-content:flex-start}}
.st{display:inline-block;font-size:.72rem;font-weight:600;border-radius:999px;padding:2px 8px;margin-left:4px;vertical-align:1px}
.st-pending{background:var(--warn-soft);color:var(--warn)}
.st-active{background:var(--ok-soft);color:var(--ok)}
.st-rejected{background:#fdecea;color:var(--err)}
.st-sold,.st-expired{background:#eee;color:#666}
.st-anon{background:#efeaf9;color:#5b3fb8}
.podpowiedz{display:flex;gap:9px;align-items:flex-start;font-size:.86rem;color:var(--ink2);background:#f6f4f0;border-radius:12px;padding:10px 13px;margin:12px 0 0;line-height:1.45}
.podpowiedz>i{font-size:18px;color:var(--acc);margin-top:1px;flex:none}
.sw.anonim{margin-top:14px;font-weight:600;font-size:.92rem}
.fotki{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.fotki .f{position:relative;width:86px;height:86px;border-radius:10px;overflow:hidden;background:#eee}
.fotki .f img{width:100%;height:100%;object-fit:cover}
.fotki .f button{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center}
.pusto{color:var(--ink3);font-size:.9rem;padding:8px 2px}
/* mapa w formularzu: adres z podpowiedziami, pinezka, trasa */
.adres-szuk{position:relative;display:flex;gap:6px}
.adres-szuk .in{flex:1}
.adresy{position:absolute;left:0;right:44px;top:100%;margin-top:4px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh2);z-index:1001;overflow:hidden}
.adresy button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:9px 12px;font:inherit;font-size:.9rem;cursor:pointer}
.adresy button:hover,.adresy button:focus{background:var(--acc-soft)}
.adresy .brak{padding:9px 12px;font-size:.85rem;color:var(--ink3)}
.mapa-mini{height:220px;border-radius:12px;margin-top:8px;border:1px solid var(--line);z-index:0}
.mapa-mini.rysuje{cursor:crosshair}
.trasa-nar{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.trasa-nar .seg button{display:inline-flex;gap:4px;align-items:center}
.trasa-km{margin-left:auto;font-size:.95rem}
/* nowe ogłoszenie krok po kroku */
.kroki{max-width:460px;margin:0 auto}
.kroki .krok{display:flex;flex-direction:column;gap:2px}
.kroki .krok[hidden]{display:none}
.kroki h1{text-align:center;margin:10px 0 14px}
.kropki{display:flex;gap:6px;justify-content:center;margin:4px 0 12px}
.kropki i{width:8px;height:8px;border-radius:50%;background:var(--line2)}
.kropki i.on{background:var(--acc);width:22px;border-radius:999px}
.aparat{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--acc);color:#fff;border-radius:22px;padding:38px 16px;text-align:center;cursor:pointer;box-shadow:var(--sh2);margin-top:6px}
.aparat i{font-size:44px}
.aparat b{font-size:1.25rem;font-family:var(--disp)}
.aparat span{font-size:.85rem;opacity:.85}
.aparat:active{transform:scale(.99)}
.galeria{display:block;text-align:center;border:1.5px dashed var(--line2);border-radius:14px;padding:13px;margin-top:10px;color:var(--ink2);cursor:pointer;background:#fff}
.kroki .bez,.kroki .wstecz{align-self:center;margin-top:14px;background:none;border:0;font:inherit;font-size:.88rem;color:var(--ink3);cursor:pointer}
/* „dodaj bez zdjęcia →” (13.10.2026, „w ogóle nie widać”): delikatna pigułka na środku — wyraźnie słabsza od „Zrób zdjęcie” */
.kroki .lnk.bez{display:flex;align-items:center;justify-content:center;width:max-content;margin:18px auto 0;padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink2);font-weight:600;transition:border-color .15s,color .15s}
.kroki .lnk.bez:hover{border-color:var(--acc);color:var(--acc)}
.fotki-wiersz{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}
.fotki-wiersz .fotki{margin-top:0}
.fotki .f.plus,.fotki-wiersz .plus{width:86px;height:86px;border-radius:10px;border:1.5px dashed var(--line2);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--ink3);cursor:pointer;background:#fff}
.fotki-wiersz .plus[hidden]{display:none}
/* „Dodać kolejne zdjęcie?” */
.kolejne[hidden],#start1[hidden]{display:none}
.kolejne{display:flex;flex-direction:column;gap:2px}
.kolejne-fotki{display:flex;gap:8px;justify-content:center;margin-top:4px}
.kolejne-fotki img{width:92px;height:92px;object-fit:cover;border-radius:12px;box-shadow:var(--sh)}
.kolejne h1{font-size:1.25rem}
.aparat.maly{padding:20px 16px;flex-direction:row;justify-content:center;gap:10px}
.aparat.maly i{font-size:28px}
.kroki .dalej{margin-top:12px;justify-content:center;padding:13px;font-size:1rem;border-radius:14px}
/* logo plota jako ładowanie: dymek wypełnia się od dołu */
.ladowanie{position:fixed;inset:0;z-index:100;background:rgba(246,244,240,.88);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-weight:600;color:var(--ink2)}
.ladowanie[hidden]{display:none}
.ladowanie .fala{animation:fala 1.1s ease-in-out infinite}
@keyframes fala{0%{transform:translateY(40px)}70%,100%{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.ladowanie .fala{animation:none}}
.ai-stan{font-size:.84rem;color:var(--ink2);background:#f3f1ed;border-radius:10px;padding:8px 11px;margin:8px 0 0;display:flex;gap:6px;align-items:center}
.ai-stan.ok{background:var(--acc-soft);color:var(--acc-ink)}
.ai-stan:not(.ok) i{animation:aiPuls 1.2s ease-in-out infinite}
@keyframes aiPuls{50%{opacity:.35}}
.in.duze{font-size:1.05rem;padding:12px 14px}
.kat{display:flex;gap:6px;flex-wrap:wrap}
.kat:not(.wszystkie) .chip:not(.inne):nth-child(n+4){display:none}
.sw.polacz{margin-top:16px;font-weight:600;font-size:.92rem}
.kroki .gosc{margin-top:14px;background:var(--acc-soft);border-color:transparent;padding:14px}
.wiecej{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.wiecej summary{cursor:pointer;font-weight:600;font-size:.92rem;padding:6px 0}
.blad-kroku{background:#fdecea;color:var(--err);border-radius:10px;padding:9px 12px;font-size:.88rem;margin:12px 0 0}
/* 07.10.2026: ukryte naprawdę ukryte (pusty pasek podpowiedzi, „Inne…” po rozwinięciu); brak kategorii — grupa na czerwono jak karta dzielnicy */
.ai-stan[hidden],.kat .chip[hidden],.wysylka-stan[hidden]{display:none}
.kat:focus{outline:none}
.kat.blad{outline:2px solid #dc2626;outline-offset:4px;border-radius:12px}
/* wysyłka w tle (js/wysylka.js): ponawianie po chwilowej przerwie, błąd po wyczerpaniu prób */
.wysylka-stan{font-size:.88rem;color:var(--ink2);text-align:center;margin:10px 0 0}
.wysylka-stan.blad{background:#fdecea;color:var(--err);border-radius:10px;padding:9px 12px;text-align:left}
.kroki .wystaw{margin-top:16px;justify-content:center;padding:14px;font-size:1.05rem;border-radius:14px}
.gotowe{display:flex;gap:12px;align-items:center;background:var(--ok-soft);border-radius:16px;padding:12px;margin-bottom:6px}
.gotowe img{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:none}
.gotowe b{display:block;color:var(--ok);font-size:1.02rem}
.gotowe span{font-size:.88rem;color:var(--ink2)}
.kroki .koniec{justify-content:center;margin-top:6px}
/* 07.10.2026 (A3): kategoria dobrana z nazwy albo ze zdjęcia — jedna linijka z „zmień”; „Dobierzemy za Ciebie” */
.kat[hidden],.kat-wybrana[hidden]{display:none}
.kat-wybrana{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line2);border-radius:14px;padding:11px 12px;margin:0;font-size:.95rem}
.kat-wybrana>.ti{color:var(--acc);font-size:19px;flex:none}
.kat-wybrana>span{flex:1;min-width:0}
.kat-wybrana .lnk{flex:none;font-weight:600}
.kat .chip.za-ciebie{border:1.5px dashed var(--acc);color:var(--acc-ink);background:var(--acc-soft)}
.kat .chip.za-ciebie .ti{vertical-align:-2px}
.kat .chip.za-ciebie.on{background:var(--acc);border-style:solid;color:#fff}
/* (C2) zdjęcie wysyłane w tle zaraz po wybraniu — pasek na miniaturze, potem ✓ */
.fotki .f .wst{position:absolute;left:7px;right:7px;bottom:7px;height:5px;border-radius:3px;background:rgba(255,255,255,.85);overflow:hidden}
.fotki .f .wst i{display:block;height:100%;width:0;background:var(--acc);transition:width .2s}
.fotki .f .wst-ok{position:absolute;left:5px;top:5px;width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center}
/* (B3) po „Wystaw”: status na żywo, „Zobacz ogłoszenie”, co poprawił agent („przywróć moją”) */
.gotowe.czeka{background:#f3f1ed}.gotowe.czeka b{color:var(--ink2)}
.gotowe.odrz{background:#fdecea}.gotowe.odrz b{color:var(--err)}
.gotowe .ti-loader-2{display:inline-block;animation:krec 1s linear infinite}
@keyframes krec{to{transform:rotate(360deg)}}
.so-nota{background:var(--acc-soft);color:var(--acc-ink);border-radius:12px;padding:9px 12px;font-size:.88rem;margin:8px 0 0}
.so-nota button{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;font-weight:600}
.so-nota[hidden],.so-zobacz[hidden],.so-odwolanie[hidden]{display:none}
.so-odwolanie,.odwolanie{font-size:.84rem;color:var(--ink2)}
.so-odwolanie{margin:8px 0 0}
.so-odwolanie a,.odwolanie a{text-decoration:underline;text-underline-offset:2px}
.so-zobacz{justify-content:center;margin-top:8px}
/* (D2, 07.10.2026) nazwa → stan (dwa przyciski) → opis gotowy od razu, wygląda jak podgląd; „popraw / dopisz” */
.lbl-pod{font-weight:500;color:var(--ink3)}
.stan-rz[hidden],.cena-rz[hidden]{display:none}
.stan-seg{display:flex;background:#fff;border:1px solid var(--line2);border-radius:14px;overflow:hidden}
.stan-seg label{flex:1;position:relative;text-align:center;padding:11px 6px;cursor:pointer;font-weight:600;font-size:.95rem;color:var(--ink2);user-select:none}
.stan-seg label+label{border-left:1px solid var(--line2)}
.stan-seg input{position:absolute;opacity:0;pointer-events:none}
.stan-seg label:has(input:checked){background:var(--acc-soft);color:var(--acc-ink)}
.stan-seg label:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:-3px;border-radius:12px}
textarea.in.opis-d2{min-height:92px;field-sizing:content;max-height:320px;line-height:1.45}
textarea.in.opis-d2.podglad:not(:focus){background:#f7f5f1;border-style:dashed;color:var(--ink2)}
.opis-akcje{display:flex;justify-content:flex-end;margin-top:4px}
.opis-akcje .lnk,.kat-wybrana .lnk{background:none;border:0;padding:4px 2px;font:inherit;font-weight:600;color:var(--acc-ink);cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.opis-akcje .lnk{font-size:.86rem}
/* opis: wpisz sam / wygeneruj opis (pozostałe formularze) */
.opis-tryb{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:14px}
.opis-tryb .lbl{margin:0}
.cena-pod{font-size:.8rem;color:var(--acc-ink);background:var(--acc-soft);border-radius:10px;padding:6px 10px;margin-top:6px}
.ukryte{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* stopka zawsze na dole ekranu (krótkie strony), ciemna z logo — jak w portalu */
body{min-height:100vh;display:flex;flex-direction:column}
body>.kmain{flex:1 0 auto;width:100%}
.kstopka{margin-top:auto;font-size:.8rem;text-align:center;padding:26px 16px 30px!important;display:flex;flex-direction:column;align-items:center;gap:8px}
.kstopka .flogo{margin:0}
.kstopka a{text-decoration:underline;text-underline-offset:2px}
.zgody a,.chk a{text-decoration:underline}
/* dokumenty prawne */
.prawne{max-width:760px;line-height:1.6}
.prawne h1{margin-bottom:2px}
.prawne h2{margin:26px 0 8px;font-size:1.08rem}
.prawne ol,.prawne ul{padding-left:20px;margin:6px 0}
.prawne li{margin:5px 0}
.prawne a{color:var(--acc-ink);text-decoration:underline;text-underline-offset:2px}
.prawne .wersja{color:var(--ink3);font-size:.84rem;margin:0 0 14px}
.prawne mark{background:#fff3bf;color:#7a4b00;padding:0 3px;border-radius:3px}
.prawne .tab{width:100%;border-collapse:collapse;font-size:.9rem;margin:8px 0}
.prawne .tab th,.prawne .tab td{border:1px solid var(--line);padding:7px 9px;text-align:left;vertical-align:top}
.prawne .tab th{background:#f3f1ed}
.prawne-nav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px}
.prawne-nav a{border:1px solid var(--line2);border-radius:999px;padding:5px 12px;font-size:.84rem;text-decoration:none;color:var(--ink2);background:#fff}
.prawne-nav a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.zgl-cel{background:#f3f1ed;border-radius:10px;padding:9px 12px;margin:0 0 4px}
@media (max-width:560px){.prawne .tab{font-size:.82rem}}

/* rejestracja (wariant B): po lewej korzyści dla wybranego typu konta, po prawej formularz w 4 krokach z dymkami */
.kmain.szeroki{max-width:1060px}
.rej{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 1px 2px rgba(26,24,20,.04),0 24px 48px -30px rgba(26,24,20,.4)}
.rej-lewa{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 100% 0%,#3f78b5 0%,var(--acc) 40%,var(--acc-ink) 100%);color:#fff;padding:34px 30px}
.rej-lewa::before{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%);pointer-events:none}
.rej-lewa>*{position:relative}
.rej-logo{font:800 1.5rem var(--disp);letter-spacing:-.05em}.rej-logo i{font-style:normal;color:#c3cefa}
.rej-lewa h2{font:800 1.55rem/1.15 var(--disp);letter-spacing:-.02em;margin:30px 0 6px;color:#fff}
.rej-lewa p{color:#d6e2f0;margin:0 0 20px;font-size:.93rem}
.rej-lewa ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.rej-lewa li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:center;font-size:.92rem}
.rej-lewa li .ti{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.14);font-size:1rem}
.rej-stopa{margin-top:32px;font-size:.8rem;color:#c3cefa}
.rej-prawa{padding:30px 34px 26px;min-width:0}
.rej-prawa h1{margin-top:0}
.rej-sek{display:grid;gap:12px}
.rej-sek+.rej-sek{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.rej-n{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem}
.rej-n>i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--acc-soft);color:var(--acc-ink);font-size:.78rem}
.rej-n small{font-weight:500;color:var(--ink3)}
.rej .pole{display:grid;gap:6px}
.rej .lbl{display:flex;align-items:center;gap:6px;margin:0}
.rej .lbl small{font-weight:500;color:var(--ink3)}
.rej .in{border-radius:12px;padding:12px 14px;font-size:1rem}
.rej .in:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-soft)}
.rej .dwie{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dym{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--line);color:var(--ink2);font:700 .68rem/1 Inter,sans-serif;cursor:help;flex:none;font-style:normal}
.dym::after{content:attr(data-t);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);width:260px;max-width:70vw;background:var(--ink);color:#fff;font:500 .8rem/1.45 Inter,sans-serif;padding:10px 12px;border-radius:10px;box-shadow:0 12px 28px -10px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:30;text-align:left;white-space:normal;letter-spacing:0;text-transform:none}
.dym::before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--ink);opacity:0;transition:opacity .15s;z-index:30}
.dym:hover::after,.dym:focus::after{opacity:1;transform:translate(-50%,0)}
.dym:hover::before,.dym:focus::before{opacity:1}
.typy{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.typ{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:start;padding:12px 30px 12px 12px;border:1.5px solid var(--line2);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.typ:hover{border-color:#b9c8da}
.typ input{position:absolute;opacity:0;pointer-events:none}
.typ-ik{width:40px;height:40px;border-radius:12px;background:var(--bg);display:grid;place-items:center;color:var(--ink2);font-size:1.25rem}
.typ b{display:block;font-size:.92rem}
.typ span span{display:block;font-size:.76rem;color:var(--ink2);line-height:1.35;margin-top:2px}
.typ:has(input:checked){border-color:var(--acc);background:#fbfcfe;box-shadow:0 0 0 4px var(--acc-soft)}
.typ:has(input:checked) .typ-ik{background:var(--acc);color:#fff}
.typ:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:2px}
.typ-ok{position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line2);background:#fff}
.typ:has(input:checked) .typ-ok{border-color:var(--acc);background:var(--acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
.szybkie{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.szybkie .muted{font-size:.78rem}
.szyb input{position:absolute;opacity:0;pointer-events:none}
.szyb span,.szyb-b{display:inline-block;font:500 .82rem Inter,sans-serif;border:1px solid var(--line2);background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;color:var(--ink2)}
.szyb input:checked+span,.szyb-b.on{background:var(--acc);border-color:var(--acc);color:#fff}
.szyb input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
/* zapisy: karta gry / wydarzenia / zajęć / wizyty, stan zapisu, puste sekcje Mojego konta */
.zp-karta{display:flex;gap:16px;align-items:flex-start;margin:12px 0 4px;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.zp-ik{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--acc-soft);color:var(--acc);font-size:1.6rem}
.zp-fot{flex:none;width:88px;height:88px;border-radius:14px;object-fit:cover}
.zp-tx{flex:1;min-width:0}.zp-tx h1{margin:0 0 6px;font-size:1.4rem}
.zp-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--ink2);font-size:.88rem}
.zp-meta span{display:inline-flex;align-items:center;gap:5px}.zp-meta .ti{color:var(--ink3)}
.zp-pasek{height:8px;border-radius:999px;background:#eef0f6;margin:12px 0 6px;overflow:hidden}.zp-pasek i{display:block;height:100%;border-radius:999px;background:var(--acc)}
.zp-ile{font-size:.86rem;color:var(--ink2)}.zp-ile b{color:var(--ink)}
.zp-stan{display:flex;align-items:center;gap:10px;margin:14px 0;padding:12px 14px;border-radius:14px;font-weight:600}
.zp-stan .ti{font-size:1.3rem;flex:none}
.zp-stan.ok{background:#e9f7ef;color:#1f6b3d}.zp-stan.rez{background:#fff6e0;color:#7a5200}
.zp-akcja{margin:16px 0}.zp-btn{width:100%;justify-content:center;padding:14px;font-size:1rem;border-radius:14px;margin-top:10px}
.mini.zp-data{flex-direction:column;gap:0;line-height:1.05;background:var(--acc);color:#fff}
.mini.zp-data b{font-size:1.25rem}.mini.zp-data small{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;opacity:.85}
.pusto{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px dashed var(--line2);border-radius:14px;color:var(--ink2);font-size:.9rem;background:#fff}
.pusto>.ti{font-size:1.4rem;color:var(--ink3);flex:none}.pusto>div{flex:1;min-width:0}.pusto b{color:var(--ink)}
.pusto .btn{flex:none}
@media (max-width:700px){.zp-karta{padding:14px;gap:12px}.zp-ik{width:46px;height:46px;font-size:1.3rem}.zp-fot{width:64px;height:64px}.pusto{flex-wrap:wrap}.pusto .btn{width:100%;justify-content:center}}
/* ===== panel prowadzenia działalności (zajęcia / gabinet) ===== */
.pn-gl{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin:6px 0 10px}
.pn-gl h1{margin:4px 0 2px}
.pn-kpi{display:flex;gap:8px;flex-wrap:wrap}
.pn-kpi span{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 14px;font-size:.78rem;color:var(--ink3);min-width:96px}
.pn-kpi b{font-size:1.15rem;color:var(--ink)}.pn-kpi .zle b{color:#c2410c}
.pn-tab{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:0 0 14px}
.pn-tab::-webkit-scrollbar{display:none}
.pn-tab a{flex:none;display:inline-flex;align-items:center;gap:6px;padding:10px 14px;font-weight:600;font-size:.9rem;color:var(--ink2);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.pn-tab a.on{color:var(--acc);border-bottom-color:var(--acc)}.pn-tab a:hover{color:var(--ink)}
.pn-filtr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}
.pn-filtr .seg{display:inline-flex;background:#fff;border:1px solid var(--line2);border-radius:999px;padding:3px;flex-wrap:wrap}
.pn-filtr .seg button,.pn-ob-w .seg label{border:0;background:none;padding:6px 12px;border-radius:999px;font:600 .82rem Inter,sans-serif;color:var(--ink2);cursor:pointer}
.pn-filtr .seg button.on,.pn-ob-w .seg label.on{background:var(--ink);color:#fff}
.pn-tabela{display:flex;flex-direction:column;gap:6px}
/* rodzina (wspólny telefon / opiekun): nagłówek z kontaktem i łączną kwotą, pod spodem uczestnicy */
.pn-rodz{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.pn-rodz-h{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;padding:10px 14px;background:#f7f8fc;border-bottom:1px solid var(--line);font-size:.9rem}
.pn-rodz-n{display:inline-flex;align-items:center;gap:6px}.pn-rodz-n .ti{color:var(--acc)}
.pn-rodz-k{display:inline-flex;gap:12px;flex-wrap:wrap;flex:1;min-width:0}
.pn-rodz-k a{display:inline-flex;align-items:center;gap:4px;color:var(--ink2);text-decoration:none;font-size:.85rem;overflow:hidden;text-overflow:ellipsis}
.pn-rodz-k a:hover{color:var(--acc)}
.pn-rodz-ok{display:inline-flex;align-items:center;gap:4px;color:#1f6b3d;font-size:.82rem}
.pn-rodz .pn-r{border:0;border-radius:0}
.pn-r-w{position:relative;border-top:1px solid var(--line)}.pn-rodz .pn-rodz-h+.pn-r-w{border-top:0}
.pn-r-w .pn-r{padding-right:140px}
.pn-r-rez{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:1;margin:0}
@media (max-width:900px){.pn-r-w .pn-r{padding-right:14px;padding-bottom:48px}.pn-r-rez{top:auto;bottom:10px;transform:none;left:14px;right:auto}}
.pn-rodz .pn-r:hover{background:#fbfcff}
.pn-imie{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-r{display:grid;grid-template-columns:110px 1.6fr 1fr 1fr 1.1fr;gap:10px;align-items:center;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;color:inherit;text-decoration:none;font-size:.9rem}
.pn-r:hover{border-color:var(--acc)}
.pn-r>span{min-width:0;display:flex;flex-direction:column;gap:2px;overflow:hidden}
.pn-r small{color:var(--ink3);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-h{background:none;border:0;padding-top:0;padding-bottom:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
.pn-h:hover{border:0}
code.ix{font:600 .82rem ui-monospace,Menlo,monospace;background:#eef1ff;color:#1f3fd8;border-radius:6px;padding:2px 6px;white-space:nowrap}
.pn-saldo{color:#c2410c!important;font-weight:700}
.st.zs-potwierdzony{background:#e6f6ec;color:#1f6b3d}.st.zs-rezerwowy{background:#fff4dc;color:#7a5200}.st.zs-wypowiedzenie{background:#ffe9dc;color:#9a3412}
.st.zs-zakonczony,.st.zs-wypisany,.st.zs-odwolany{background:#f1efea;color:#6b6459}
.st.ns-oczekuje{background:#e6efff;color:#1f3fd8}.st.ns-czesciowo{background:#fff4dc;color:#7a5200}.st.ns-zaplacona{background:#e6f6ec;color:#1f6b3d}
.st.ns-zalegla{background:#fde8e8;color:#b91c1c}.st.ns-anulowana,.st.ns-zwolniona{background:#f1efea;color:#6b6459}
.pn-grupy{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:4px 0 10px}
.pn-g{display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;color:inherit;text-decoration:none}
.pn-g.on,a.pn-g:hover{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}.pn-g.off{opacity:.6}
.pn-g small{color:var(--ink3);font-size:.78rem}
/* zarządzanie według grup: wybrana grupa wypełniona, pasek akcji grupy */
.pn-gr-nag{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap;margin:4px 0 8px}.pn-gr-nag b .ti{color:var(--acc)}.pn-gr-nag .muted{font-size:.84rem}
.pn-grupy-wyb .pn-g{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s}
.pn-grupy-wyb a.pn-g:hover{transform:translateY(-1px)}
.pn-grupy-wyb .pn-g.on{background:var(--acc);border-color:var(--acc);color:#fff;box-shadow:0 10px 24px -14px rgba(31,63,216,.7)}
.pn-grupy-wyb .pn-g.on small{color:#dbe3ff}.pn-grupy-wyb .pn-g.on .pn-g-m{background:rgba(255,255,255,.25)}.pn-grupy-wyb .pn-g.on .pn-g-m i{background:#fff}
.pn-g-cta{margin-top:4px;font-size:.78rem;font-weight:700;color:var(--acc)}.pn-g.on .pn-g-cta{color:#fff}
/* „Nowa grupa”: wyraźna, fioletowo-różowa (inna niż karty grup) */
.pn-grupy-wyb .pn-g.pn-g-dodaj{align-items:flex-start;justify-content:center;border:0;background:linear-gradient(135deg,#7c3aed 0%,#c026d3 55%,#db2777 100%);color:#fff!important;box-shadow:0 10px 24px -14px rgba(192,38,211,.75)}
.pn-g-dodaj .ti{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.22);font-size:1.1rem;margin-bottom:4px}
.pn-grupy-wyb .pn-g.pn-g-dodaj small{color:#fbe7ff}
.pn-grupy-wyb a.pn-g.pn-g-dodaj:hover{box-shadow:0 14px 28px -12px rgba(192,38,211,.9)}
.pn-gr-akcje{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;margin:0 0 10px;padding:10px 14px;border-radius:14px;background:#eef1ff;border:1px solid #cfd8ff}
.pn-gr-akcje .akcje{margin:0}
.pn-g-m{height:6px;border-radius:999px;background:#eef0f6;overflow:hidden;margin:4px 0 2px}.pn-g-m i{display:block;height:100%;background:var(--acc);border-radius:999px}
.pn-g .akcje{margin-top:6px}
.pn-dwa{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.pn-dwa details summary{cursor:pointer;list-style:none}.pn-dwa details summary::-webkit-details-marker{display:none}
.pn-uk{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;align-items:start}
.pn-uk-n{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.pn-av{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--acc);color:#fff;font-weight:800;font-size:1.2rem}
.pn-dl{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;margin:8px 0;font-size:.9rem}
.pn-dl dt{color:var(--ink3)}.pn-dl dd{margin:0;min-width:0;overflow-wrap:anywhere}
.pn-zle{color:#c2410c}
/* strefa „Zakończenie udziału” — czerwona, wyraźnie oddzielona */
.pn-strefa{margin-top:12px;padding:12px 14px;border:1px solid #f5b4b4;border-left:4px solid #dc2626;border-radius:12px;background:#fff5f5}
.pn-strefa-h{display:flex;align-items:center;gap:6px;color:#b91c1c;margin-bottom:4px}.pn-strefa-h .ti{font-size:1.15rem}
.pn-strefa p{margin:0 0 8px;font-size:.85rem;color:#7f1d1d}
.pn-strefa .lbl{color:#991b1b}.pn-strefa .lbl small{font-weight:400;color:#b45353}
.pn-strefa .in{border-color:#f5b4b4;background:#fff}
.pn-strefa-f{margin-bottom:8px}
dialog.pt{border:0;border-radius:18px;padding:0;width:min(400px,calc(100vw - 32px));box-shadow:0 24px 60px -20px rgba(15,30,61,.45);color:var(--ink)}
dialog.pt::backdrop{background:rgba(15,30,61,.38);backdrop-filter:blur(2px)}
dialog.pt .pt-w{padding:22px 22px 18px;text-align:center}
.pt-ik{width:48px;height:48px;margin:0 auto 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--acc-soft);color:var(--acc);font-size:24px}
.pt-t{margin:0 0 18px;font-size:.98rem;line-height:1.45;font-weight:600}
.pt-a{display:flex;gap:8px}.pt-a .btn{flex:1;justify-content:center}
dialog.pt.pt-zle .pt-ik{background:#fee2e2;color:#dc2626}dialog.pt.pt-zle .pt-ok{background:#dc2626;border-color:#dc2626}
@media (prefers-reduced-motion:no-preference){dialog.pt[open]{animation:pt-in .16s ease-out}}@keyframes pt-in{from{opacity:0;transform:translateY(8px) scale(.98)}}
.uk-koniec{display:flex;gap:12px;align-items:flex-start;border-color:#fed7aa;background:#fff7ed}.uk-koniec>.ti{font-size:1.5rem;color:#c2410c;margin-top:2px}
/* importy (samoobsługa): dwie karty obok siebie, lista podłączonych, kanały .ics */
.im{border-color:#c7d2fe;background:linear-gradient(180deg,#f5f7ff,#fff 60%)}.im h2 .ti{color:var(--acc)}
.im-dwa{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.im-f{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.im-f>b{display:flex;align-items:center;gap:6px}.im-f>b .ti{color:var(--acc)}.im-f .btn{margin-top:6px;align-self:flex-start}.im-f code{font-size:.78rem}
.im-h{margin:18px 0 8px;font-size:1rem}.im-poz{margin-bottom:8px}.im-url{word-break:break-all}.im-wynik{display:block;font-size:.82rem;margin-top:3px}
.im-blad{border-color:#fecaca;background:#fff7f7}
.im-kanal{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0}.im-kanal span{font-weight:600}.im-kanal code{font-size:.76rem;word-break:break-all;cursor:pointer}
/* terminy: godzina zablokowana przez kalendarz specjalisty */
.tm.tm-blokada{opacity:.75;background:repeating-linear-gradient(135deg,#f8fafc,#f8fafc 8px,#eef2f7 8px,#eef2f7 16px)}
/* eksport: „Lista · Excel · PDF” jako jedna pigułka */
.pn-eksport{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:999px;background:#fff;overflow:hidden;font-size:.84rem}
.pn-eksport>span{display:flex;align-items:center;padding:0 10px 0 12px;color:var(--ink3);font-weight:600}
.pn-eksport a{display:flex;align-items:center;gap:5px;padding:7px 12px;border-left:1px solid var(--line);color:var(--ink);font-weight:700;text-decoration:none}
.pn-eksport a:hover{background:#eef2ff;color:var(--acc)}.pn-eksport a .ti-file-spreadsheet{color:#16a34a}.pn-eksport a .ti-file-type-pdf{color:#dc2626}
/* wyświetlenia: widoczna plakietka z okiem (pełne słowo, odmiana) */
.poz-wysw{display:inline-flex;align-items:center;gap:5px;margin:4px 6px 0 0;padding:3px 10px;border-radius:999px;background:#eef2ff;color:#1f3fd8;font-size:.8rem;font-weight:700;vertical-align:middle}
.poz-wysw .ti{font-size:1rem}
a.poz-wysw{text-decoration:none}a.poz-wysw:hover{background:#dfe6ff}
/* ♡ Zapisane: przycisk w nagłówku (fiolet→róż, gdy coś zapisano) i strona */
.kh-zap{position:relative;min-width:40px;justify-content:center}.kh-zap.ma{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-color:transparent;color:#fff}
/* zalogowany: zielony znaczek ✓ przy „Moje konto” — ten sam co na portalu (wariant A, 07.10) */
.kh-konto{position:relative}
.kh-zal{position:absolute;top:-5px;left:22px;width:17px;height:17px;box-sizing:border-box;border-radius:99px;border:2px solid #fff;background:var(--ok,#13795b);color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none}
.kh-zal i{font-size:.6rem;line-height:1}
/* zalogowano przez Google / Facebook (13.10.2026): znaczek dostawcy zamiast ✓ */
.kh-zal-google{background:#fff;box-shadow:0 0 0 1px #d0d4dc}.kh-zal-facebook{background:#1877F2}
.kp-przez{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:.8rem;color:var(--ink2)}
.kp-przez-z{display:grid;place-items:center;width:18px;height:18px;border-radius:50%}
.kp-przez-google{background:#fff;box-shadow:0 0 0 1px #d0d4dc}.kp-przez-facebook{background:#1877F2}
/* pulpit konta: status online przy „Cześć, …” + przełącznik (07.10, wzór zatwierdzony) */
.kp-cze{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kp-on{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;padding:3px 10px;border-radius:99px;background:#e8f6ee;color:#13795b;line-height:1.4}
.kp-on i{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.18)}
.kp-on.ukr{background:#f1f2f5;color:#6b7080}.kp-on.ukr i{background:#9aa0ac;box-shadow:none}
.kp-sw{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:.82rem;color:#3b3f4a;border:1px solid var(--line2,#d9dce3);border-radius:99px;padding:5px 12px 5px 6px;background:#fff;cursor:pointer}
.kp-sw span{width:30px;height:18px;border-radius:99px;background:#c9cdd6;position:relative;transition:background .15s}
.kp-sw span i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .15s}
.kp-sw.wl span{background:#16a34a}.kp-sw.wl span i{left:14px}
/* górny rząd pulpitu (07.10, poprawka „rozjechało się”): imię po lewej, przełącznik „online” po prawej, tylko na swoją szerokość;
   Ustawienia i Wyloguj — w menu konta na belce (.kh-menu) */
.kp-gora{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap}
.kp-kto{flex:1 1 260px;min-width:0}
.kp-akcje{margin:0}
.kp-sw{height:34px;box-sizing:border-box;white-space:nowrap}
/* menu konta na belce: Moje konto, Ustawienia, Wyloguj */
.kh-menu{position:relative}
.kh-menu>summary{list-style:none;cursor:pointer}
.kh-menu>summary::-webkit-details-marker{display:none}
.kh-menu .kh-v{font-size:.8rem;margin-left:-2px;opacity:.6;transition:transform .15s}
.kh-menu[open] .kh-v{transform:rotate(180deg)}
.kh-lista{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 36px -14px rgba(15,30,61,.35);padding:6px;display:flex;flex-direction:column}
.kh-lista form{margin:0}
.kh-lista a,.kh-lista button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;font:500 .92rem Inter,sans-serif;color:var(--ink,#1a1814);text-decoration:none;cursor:pointer;text-align:left}
.kh-lista a:hover,.kh-lista button:hover{background:#f3f4f7}
.kh-lista .ti{font-size:1.1rem;color:#6b7080}
.kh-kto{display:flex;flex-direction:column;padding:8px 12px 10px;margin-bottom:4px;border-bottom:1px solid var(--line);font-weight:700;font-size:.92rem}
.kh-kto small{font-weight:500;font-size:.78rem;color:#6b7080;overflow:hidden;text-overflow:ellipsis}
/* karty treści: plakietki w jednym rzędzie, powód odrzucenia w ramce */
.poz-meta{display:block}
.poz-chipy{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.poz-chipy .st,.poz-chipy .poz-wysw{margin:0;vertical-align:0;display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;font-size:.76rem}
/* pola zależne od wcześniejszych wyborów (14.10.2026, js/formularz-pola.js): ukryte naprawdę znikają — siatka (.siatka3 > div), cechy
   (.cechy label) i przyciski wyboru mają własne „display”, które inaczej przebija atrybut hidden (puste wyszarzone „Pokoje” przy działce) */
form [data-pole][hidden], form [data-cecha][hidden], form [data-z][hidden], form [data-kiedy][hidden], form .n-cechy[hidden], form .wyb button[hidden], form [data-sum-pole][hidden] { display: none !important; }
/* kto publikuje + połączenie z innymi: dwie małe listy w wierszu (13.10.2026, wariant B) — zmiana zapisuje się od razu */
.kto-f{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.kto-f .st{margin:0;display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;font-size:.76rem;background:#f1f2f6;color:#3b3f4a}
.kto-s{height:28px;max-width:100%;padding:0 28px 0 11px;border:1px solid #dfe2ea;border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7080' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;
  -webkit-appearance:none;appearance:none;font:inherit;font-size:.78rem;font-weight:500;color:#2a2f3c;cursor:pointer;text-overflow:ellipsis}
.kto-s:hover{border-color:#b9bfcf}.kto-s:focus-visible{outline:2px solid #1f3fd8;outline-offset:1px}
.kto-s.anon{background-color:#efeaf9;border-color:#d9cdf3;color:#5b3fb8}
.kto-s:disabled{opacity:.55;cursor:not-allowed}
.poz-powod{display:flex;gap:8px;align-items:flex-start;margin-top:8px;padding:9px 12px;border-radius:12px;background:#f5f6f9;color:#3b3f4a;font-size:.85rem;line-height:1.45}
.poz-powod>.ti{font-size:1.1rem;margin-top:1px;color:#6b7080}
.poz-powod small{display:block;margin-top:4px;font-size:.78rem;color:#6b7080}
.poz .tr .poz-powod b{display:inline;white-space:normal;overflow:visible}
.poz:has(.poz-powod){align-items:flex-start}
/* zapisy na zajęcia: opłaty i najbliższe zajęcia — każde w swojej linii (nie sklejone w jeden ciąg) */
.poz .tr>.pz-opl{display:flex;margin-top:6px}
.poz .tr>.pz-opl~.muted{display:block;margin-top:4px}
.poz-powod small a{color:inherit}
.poz-powod.zle{background:#fdf1f0;color:#8f1d16}.poz-powod.zle>.ti{color:#c2412d}
@media (max-width:560px){
  /* karta na telefonie: miniatura po lewej przy tytule, reszta (plakietki, powód, przyciski) pod spodem na całą szerokość */
  .poz{display:block}
  .poz::after{content:"";display:table;clear:both}
  .poz>.mini{float:left;margin:0 12px 6px 0}
  .poz .poz-chipy{clear:left;padding-top:2px}
  .poz .poz-powod{clear:left}
  .poz>.op,.poz>.poz-zarz{clear:both;margin-top:10px}
}
/* pod paskiem skrótów miejsce daje już stopka (body:has(.kp) .kstopka) — bez pustej szarej przerwy nad stopką */
body:has(>footer.kstopka)>.kmain{padding-bottom:36px}
/* duży napis „plota.” w tle stopki: nad paskiem skrótów (pasek ~53 px zasłaniał go do samych czubków liter) */
body:has(.kp) .kstopka .kst-wm{bottom:calc(27px + env(safe-area-inset-bottom))}
.kh-licz{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#fff;color:#be185d;font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(15,30,61,.25)}
.zp-tyt{display:flex;align-items:center;gap:10px}.zp-serce{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-size:20px}
.zp-poz{margin-bottom:8px}.zp-stare{opacity:.65}
.pn-strefa-op{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.pn-strefa-op form{display:flex;flex-direction:column;gap:6px;margin:0;padding:12px;border:1px solid #f5b4b4;border-radius:10px;background:#fff}
.pn-strefa-op form>b{display:flex;align-items:center;gap:6px;color:#b91c1c}.pn-strefa-op form>small{color:#7f1d1d;font-size:.8rem;line-height:1.35}
.pn-strefa-op .lbl{margin:2px 0 0}.pn-strefa-op .in{width:100%;padding:7px 9px}
.pn-strefa-op .btn{margin-top:auto;justify-content:center;width:100%}
.btn.pn-btn-czerw{background:#fff;border:1px solid #dc2626;color:#b91c1c}.btn.pn-btn-czerw:hover{background:#fee2e2}
.btn.pn-btn-czerw-pelny{background:#dc2626;border:1px solid #dc2626;color:#fff}.btn.pn-btn-czerw-pelny:hover{background:#b91c1c}
.btn.pn-btn-gotowka{background:#fff;border:1px solid #16a34a;color:#15803d}.btn.pn-btn-gotowka:hover{background:#f0fdf4}
.pn-zapl{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:.82rem;font-weight:700;white-space:nowrap}
h3.pn-gr-tyt{display:flex;align-items:center;gap:6px;font-size:.98rem;margin:16px 0 6px}h3.pn-gr-tyt .ti{color:var(--acc)}
.pn-kat-gr a .ti{color:var(--acc)}.pn-kat-gr a.on .ti{color:#fff}
.btn.pn-btn-bialy{background:#fff;border:1px solid #f5b4b4;color:#991b1b}
.pn-inline{display:inline-flex;gap:6px;align-items:center}.pn-inline .in{max-width:160px;padding:6px 8px}
.pn-n{display:grid;grid-template-columns:1fr auto auto;gap:10px 14px;align-items:center;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}
.pn-n.ns-r-zalegla{border-left:4px solid #dc2626}.pn-n.ns-r-zaplacona{opacity:.85}
.pn-n-gl{display:flex;flex-direction:column;gap:2px;min-width:0}.pn-n-gl a{color:inherit;text-decoration:none}
.pn-n-k{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:.95rem}.pn-n-k small{color:var(--ink3);font-size:.76rem}
.pn-n-a{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.pn-wp{display:flex;align-items:center;gap:4px;color:#1f6b3d;font-size:.78rem}
.pn-wpl{position:relative}.pn-wpl-a{display:flex;gap:6px}.pn-wpl-a .btn{flex:1;justify-content:center}
.pn-wpl[open]>summary{box-shadow:0 0 0 3px var(--acc-soft)}.pn-wpl summary{list-style:none}.pn-wpl summary::-webkit-details-marker{display:none}
.pn-wpl form{position:absolute;right:0;top:calc(100% + 6px);z-index:5;display:flex;flex-direction:column;gap:6px;width:220px;padding:10px;background:#fff;border:1px solid var(--line2);border-radius:12px;box-shadow:0 14px 30px -14px rgba(15,30,61,.35)}
.pn-sumy{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 10px}
.pn-sumy div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column}
.pn-sumy small{color:var(--ink3);font-size:.78rem}.pn-sumy b{font-size:1.3rem}.pn-sumy .ok{color:#1f6b3d}.pn-sumy .zle{color:#b91c1c}
.pn-raport{margin-top:10px;border-color:#cfd8ff}
.pn-h-w{display:flex;gap:6px;align-items:center;margin-bottom:6px}.pn-h-w .in{max-width:150px}
.pn-sp{color:inherit;text-decoration:none}.pn-sp:hover{border-color:var(--acc)}
.pn-sp.sp-odwolane{opacity:.55}.pn-sp.sp-odwolane b{text-decoration:line-through}
h2.pn-dzis{color:var(--acc)}
.pn-ob-lista{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.pn-ob-w{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;flex-wrap:wrap}
.pn-ob-w>span{display:flex;flex-direction:column}.pn-ob-w small{color:var(--ink3);font-size:.76rem}
.pn-ob-w .seg{display:inline-flex;background:#fff;border:1px solid var(--line2);border-radius:999px;padding:3px}
.pn-ob-w .seg input{position:absolute;opacity:0;pointer-events:none}
.pn-obec{display:flex;flex-wrap:wrap;gap:4px}
.ob{font-size:.76rem;padding:3px 8px;border-radius:999px}.ob-obecny{background:#e6f6ec;color:#1f6b3d}.ob-nieobecny{background:#fde8e8;color:#b91c1c}.ob-uspraw{background:#fff4dc;color:#7a5200}
.pn-hist{display:flex;flex-direction:column;gap:2px;font-size:.88rem}
.pn-hist>div{display:grid;grid-template-columns:56px 1fr auto;gap:10px;padding:7px 10px;border-bottom:1px solid var(--line)}
.pn-hist time,.pn-hist small{color:var(--ink3);font-size:.78rem}
.pn-typ{display:inline-block;font-size:.72rem;font-weight:700;border-radius:999px;padding:2px 8px;margin-right:6px;background:#f1efea;color:#6b6459}
.pn-typ.pk-zapisy{background:#e6f6ec;color:#1f6b3d}.pn-typ.pk-platnosci{background:#e6efff;color:#1f3fd8}.pn-typ.pk-wypowiedzenia{background:#ffe9dc;color:#9a3412}
.pn-typ.pk-kalendarz{background:#f3e8ff;color:#6b21a8}.pn-typ.pk-wizyty{background:#e0f2fe;color:#075985}.pn-typ.pk-wiadomosci{background:#fff4dc;color:#7a5200}
.pn-kat{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 6px}
.pn-kat a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line2);border-radius:999px;background:#fff;color:var(--ink2);font-weight:600;font-size:.84rem;text-decoration:none}
.pn-kat a b{font-size:.75rem;color:var(--ink3)}.pn-kat a.on{background:var(--ink);border-color:var(--ink);color:#fff}.pn-kat a.on b{color:#cfd3dc}
h2.pn-h-dzien{font-size:.95rem;margin:18px 0 6px}
.pn-hl{font-size:.78rem;margin-left:6px;color:var(--acc)}
.pn-ust h2{font-size:1.05rem}
/* Moje konto: opłaty w wierszu zajęć */
.pz-opl{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:.84rem;color:var(--ink2);background:#f4f6ff;border-radius:999px;padding:3px 10px;width:fit-content}
.pz-opl .ti{color:var(--acc)}
.pz-opl.zle{background:#fde8e8;color:#b91c1c}.pz-opl.zle .ti{color:#b91c1c}
.pz-opl.ok{background:#e9f7ef;color:#1f6b3d}.pz-opl.ok .ti{color:#1f6b3d}
/* strona rodzica / pacjenta */
.uk-pl{margin-bottom:8px}.uk-pl.zle{border-color:#f5b4b4}
.uk-pl-g{display:flex;justify-content:space-between;align-items:center;gap:10px}.uk-pl-g div{display:flex;flex-direction:column}.uk-pl-g small{color:var(--ink3)}
.uk-kw{font-size:1.3rem}
.uk-dl{background:#f7f8fc;border-radius:12px;padding:10px 12px}
code.kop{cursor:pointer;background:#fff;border:1px dashed var(--line2);border-radius:6px;padding:2px 6px}code.kop.ok{border-color:#1f6b3d;color:#1f6b3d}
.zj-grupy{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.zj-g{position:relative;cursor:pointer}.zj-g input{position:absolute;opacity:0}
.zj-g span{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line2);border-radius:12px;background:#fff}
.zj-g small{color:var(--ink3);font-size:.8rem}
.zj-g input:checked+span{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
/* telefon: panel organizatora (sprawdzone na 375 px) */
@media (max-width:700px){
  /* karty grup — przewijane w bok, nie jedna pod drugą (lista uczestników zostaje blisko) */
  .pn-grupy-wyb{display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  /* formularze w siatkach (grupa: miejsca, cena, daty) — pola dat nie rozpychają strony */
  .siatka3{grid-template-columns:1fr 1fr!important}.siatka3>*,.siatka2>*{min-width:0}.siatka3 .in,.siatka2 .in{width:100%;min-width:0}
  /* okienko „Wpłata…” — wyrównane do prawej krawędzi przycisku (nie wychodzi poza ekran) */
  .pn-wpl>form{left:auto!important;right:0!important;max-width:calc(100vw - 32px)}
  .pn-grupy-wyb>.pn-g{flex:0 0 72%;scroll-snap-align:start;min-width:0}
  /* nagłówek rodziny: imię, potem kontakty (całe, ucięte wielokropkiem), potem suma */
  .pn-rodz-h{flex-direction:column;align-items:flex-start;gap:4px}
  .pn-rodz-k{flex:none;width:100%;gap:4px 14px}
  .pn-rodz-k a{max-width:100%;white-space:nowrap;min-width:0}
  /* wiersz uczestnika: najpierw imię (cała szerokość), potem indeks i status, grupa i płatność */
  .pn-r>span:nth-child(2){grid-column:1/-1;order:-1}
  .pn-r>span:nth-child(2) small{white-space:normal}
  /* podsumowania płatności: zwarte wiersze „opis — kwota” zamiast trzech dużych kart */
  .pn-sumy{gap:0!important;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
  .pn-sumy div{flex-direction:row!important;justify-content:space-between;align-items:center;border:0!important;border-radius:0!important;padding:10px 14px!important}
  .pn-sumy div+div{border-top:1px solid var(--line)!important}.pn-sumy b{font-size:1.05rem!important}
}
@media (max-width:900px){
  .pn-r{grid-template-columns:1fr 1fr;gap:6px 10px}
  .pn-h{display:none}
  .pn-dwa,.pn-uk{grid-template-columns:1fr}
  .pn-n{grid-template-columns:1fr auto}.pn-n-a{grid-column:1/-1;justify-content:flex-start}
  .pn-sumy{grid-template-columns:1fr}
  .pn-dl{grid-template-columns:1fr}.pn-dl dt{margin-top:4px}
  .pn-hist>div{grid-template-columns:1fr}
  .pn-wpl form{left:0;right:auto}
}
/* kalendarz specjalisty i rezerwacja */
.tm-dodaj b .ti{color:var(--acc)}
.tm-dzien{display:flex;flex-direction:column;gap:6px}
.tm{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.tm>b{font-variant-numeric:tabular-nums;min-width:48px}
.tm>b.tm-od-do{min-width:104px;white-space:nowrap}   /* pełny przedział „17:00–18:00” */
.tm-k{flex:1;min-width:0;display:flex;flex-direction:column;font-size:.9rem}.tm-k small{color:var(--ink3)}
.tm-zajety{border-color:#cfd8ff;background:#f4f6ff}.tm-zajety>b{color:var(--acc)}
.tm-wolny .tm-k{color:var(--ink3)}
.tm-odw{opacity:.55;text-decoration:line-through}
.tm-x{border:0;background:none;color:var(--ink3);cursor:pointer;font-size:1rem;padding:4px}.tm-x:hover{color:#dc2626}
.tm-wybrany{display:flex;align-items:center;gap:12px;margin:12px 0;padding:14px 16px;border-radius:16px;background:var(--acc);color:#fff}
.tm-wybrany .ti{font-size:1.6rem;flex:none}.tm-wybrany div{display:flex;flex-direction:column}.tm-wybrany span{opacity:.85;font-size:.88rem}
/* „Podłącz swój system” */
.ig-kroki{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;margin:16px 0}
.ig-kroki li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.ig-kroki .ti{font-size:1.3rem;color:var(--acc);margin-bottom:4px}
.ig-kroki b{font-size:.92rem}.ig-kroki span{font-size:.8rem;color:var(--ink3)}
.ig-rodzaje{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.ig-r,.ig-s{position:relative;cursor:pointer}
.ig-r input,.ig-s input{position:absolute;opacity:0;pointer-events:none}
.ig-r span{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line2);border-radius:12px;padding:10px 12px;background:#fff;height:100%}
.ig-r small{color:var(--ink3);font-size:.78rem}
.ig-r input:checked+span,.ig-s input:checked+span{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft);background:#fbfcff}
.ig-r input:focus-visible+span,.ig-s input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.ig-systemy{display:flex;flex-wrap:wrap;gap:8px}
.ig-systemy[hidden],.ig-systemy-w[hidden],#ig-inny[hidden]{display:none}
.ig-sp{margin:12px 0 6px;font-size:.88rem}.ig-sp small{color:var(--ink3)}
.ig-sp-auto b{color:#1f6b3d}.ig-sp-link b{color:var(--acc)}.ig-sp-zapytanie b{color:var(--ink2)}
.ig-s-auto span{border-color:#b7e1c6}   /* lista systemów zmienia się z „Kim jesteś?” — flex nie może przykryć hidden */
.ig-s span{display:inline-block;border:1px solid var(--line2);border-radius:999px;padding:8px 14px;background:#fff;font-weight:600;font-size:.88rem}
.st.ig-st-nowa{background:#fff4dc;color:#7a5200}.st.ig-st-w_toku{background:#e6efff;color:#1f3fd8}.st.ig-st-podlaczone{background:#e6f6ec;color:#1f6b3d}.st.ig-st-odrzucona{background:#f1efea;color:#6b6459}
/* skrót do podłączenia w Moim koncie */
.ig-box{display:flex;align-items:center;gap:14px;margin-top:18px;padding:14px 16px;border-radius:16px;background:#0f1e3d;color:#fff}
.ig-box .ti{font-size:1.6rem;color:#8fa6ff;flex:none}
.ig-box div{flex:1;min-width:0}.ig-box b{display:block}.ig-box span{color:#c3cefa;font-size:.85rem}
.ig-box a{flex:none;background:#fff;color:#0f1e3d;border-radius:999px;padding:8px 14px;font-weight:700;font-size:.85rem;text-decoration:none;white-space:nowrap}
@media (max-width:700px){.ig-kroki{grid-template-columns:1fr}.ig-box{flex-wrap:wrap}.ig-box a{width:100%;text-align:center}}
/* Moje konto: granatowy pasek na dole (wariant C) — spis treści z licznikami + Ustawienia */
.kp{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#0f1e3d;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px -16px rgba(15,30,61,.5)}
.kp-in{max-width:880px;margin:0 auto;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.kp-in::-webkit-scrollbar{display:none}
.kp a{flex:none;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);color:#dbe2f0;border-radius:999px;padding:8px 14px;font:500 .86rem Inter,sans-serif;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.kp a b{color:#fff;font-weight:700}
.kp a:hover{background:rgba(255,255,255,.16)}
.kp a.on{background:#fff;color:#0f1e3d}.kp a.on b{color:#0f1e3d}
.kp a:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* zaproszenia (pusta sekcja) — inny kolor: obrys w akcencie, prowadzą do portalu */
.kp a.kp-cta{background:transparent;border:1px dashed rgba(143,166,255,.65);color:#b9c8ff}
.kp a.kp-cta .ti{font-size:1rem}
.kp a.kp-cta:hover{background:rgba(143,166,255,.14);color:#fff;border-style:solid}
body:has(.kp) .kstopka{padding-bottom:calc(30px + 62px + env(safe-area-inset-bottom))!important}   /* miejsce pod paskiem w kolorze stopki, bez jasnej przerwy */
.kmain h2[id]{scroll-margin-top:76px}
/* „Oddam za darmo” pod ceną — po zaznaczeniu cena wyłączona */
.chk.darmo{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:7px 12px;border:1px solid var(--line2);border-radius:999px;background:#fff;cursor:pointer;font-size:.88rem}
.chk.darmo .ti{color:#2f7d4f}
.chk.darmo:has(input:checked){border-color:#2f7d4f;background:#eef7f1;color:#1f5a37;font-weight:600}
.in:disabled{background:#f3f2ef;color:var(--ink3)}
/* wybór dzielnicy (js/dzielnica.js): karta + okienko (na telefonie arkusz od dołu) */
.dz-ukryty{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;margin:0!important;padding:0!important;border:0!important}
.dz-karta{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--line2);border-radius:14px;padding:10px 12px;cursor:pointer;font:inherit;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.dz-karta:hover{border-color:var(--acc)}
.dz-karta:focus-visible{outline:none;border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-soft)}
.dz-pin{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--acc-soft);color:var(--acc);font-size:1.25rem}
.dz-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.dz-tx b{font-weight:650;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dz-tx small{font-size:.78rem;color:var(--ink3)}
.dz-zm{flex:none;font:600 .82rem Inter,sans-serif;color:var(--acc-ink);background:var(--acc-soft);border-radius:999px;padding:7px 13px}
.dz-karta.pusta .dz-tx b{color:var(--ink2);font-weight:550}
.dz-karta.pusta .dz-pin{background:#f3f2ef;color:var(--ink3)}
.dz-karta.pusta .dz-zm{background:var(--acc);color:#fff}
.dz-karta.blad{border-color:#dc2626;box-shadow:0 0 0 4px #fde8e8}
.dz-okno{border:0;padding:0;width:min(440px,calc(100vw - 32px));height:min(580px,82vh);max-height:none;border-radius:20px;box-shadow:0 30px 70px -20px rgba(26,24,20,.45);background:#fff;color:var(--ink);overflow:hidden}
.dz-okno[open]{display:flex;flex-direction:column}
.dz-okno::backdrop{background:rgba(20,22,30,.45)}
.dz-gora{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 8px;font-size:1.02rem}
.dz-x{border:0;background:#f3f2ef;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ink2);font-size:1.05rem}
.dz-szukaj{display:flex;align-items:center;gap:8px;margin:4px 18px 10px;border:1px solid var(--line2);border-radius:12px;padding:0 12px;background:#faf9f7}
.dz-szukaj:focus-within{border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-soft);background:#fff}
.dz-szukaj i{color:var(--ink3)}
.dz-szukaj input{flex:1;border:0;background:none;font:500 1rem Inter,sans-serif;padding:11px 0;outline:none;color:var(--ink);min-width:0}
.dz-geo{display:flex;align-items:center;gap:8px;margin:0 18px 8px;padding:10px 12px;border:1px dashed var(--acc);border-radius:12px;background:var(--acc-soft);color:var(--acc-ink);font:600 .9rem Inter,sans-serif;cursor:pointer;text-align:left}
.dz-geo .ti{font-size:1.1rem;flex:none}
.dz-geo:disabled{opacity:.75;cursor:progress}
.dz-lista{flex:1;min-height:0;overflow:auto;padding:0 10px 14px;overscroll-behavior:contain}
.dz-g{margin:12px 8px 4px;font:600 .68rem Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.dz-g span{letter-spacing:0;color:var(--line2);margin-left:4px}
.dz-szybkie{display:flex;flex-wrap:wrap;gap:6px;padding:2px 8px 4px}
.dz-ch{font:500 .85rem Inter,sans-serif;border:1px solid var(--line2);background:#fff;border-radius:999px;padding:7px 13px;cursor:pointer;color:var(--ink2)}
.dz-ch:hover{border-color:var(--acc);color:var(--acc-ink)}
.dz-ch.on{background:var(--acc);border-color:var(--acc);color:#fff}
.dz-poz{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;font:500 .95rem Inter,sans-serif;border:0;background:none;padding:11px 10px;border-radius:10px;cursor:pointer;color:var(--ink)}
.dz-poz:hover,.dz-poz:focus-visible{background:var(--acc-soft);color:var(--acc-ink);outline:none}
.dz-poz.on{background:var(--acc-soft);color:var(--acc-ink);font-weight:650}
.dz-poz i{color:var(--acc)}
/* „Cały Tarnów” — pierwsza pozycja nad osiedlami (np. „Szukam pracy”) */
.dz-caly{margin:2px 0 6px;border:1px solid var(--line2);font-weight:650}
.dz-caly small{display:block;font-weight:400;font-size:.78rem;color:var(--ink3);margin-top:1px}
.dz-bez{color:var(--ink3);margin-top:8px;border-top:1px solid var(--line);border-radius:0;justify-content:center}
.dz-brak{color:var(--ink2);font-size:.9rem;padding:14px 10px;margin:0}
/* „Użyj mojej lokalizacji” i „Wskaż na mapie” obok siebie; mapa w tym samym okienku dopiero po kliknięciu (15.10.2026) */
.dz-mapa-link{display:inline-flex;align-items:center;gap:6px;margin:8px 0 0;padding:6px 2px;border:0;background:none;color:var(--acc-ink);font:600 .9rem Inter,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.dz-mapa-link .ti{font-size:1.05rem;text-decoration:none}
.dz-alt{display:flex;flex-wrap:wrap;gap:8px;margin:0 18px 8px}
.dz-alt .dz-geo{flex:1 1 150px;margin:0}
.dz-okno.dz-z-mapa{width:min(620px,calc(100vw - 32px));height:min(680px,88vh)}
.dz-mapa{position:relative;flex:1;min-height:0;margin:0 12px;border-radius:14px;overflow:hidden;background:#f6f6f8}
.dz-mapa-m{position:absolute;inset:0}
.dz-mapa-pom{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:500;margin:0;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.94);
  box-shadow:0 2px 10px rgba(26,24,20,.14);font:500 .8rem Inter,sans-serif;color:var(--ink2);white-space:nowrap;pointer-events:none}
.dz-mapa-dol{display:flex;align-items:center;gap:12px;padding:12px 16px 14px}
.dz-mapa-co{flex:1;min-width:0}
.dz-mapa-co b{display:block;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-mapa-co small{display:block;color:var(--ink3);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-mapa-ok{flex:none;max-width:58%;border:0;border-radius:12px;padding:12px 16px;background:var(--acc);color:#fff;font:600 .92rem Inter,sans-serif;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-mapa-ok:disabled{opacity:.45;cursor:default}
@media (max-width:700px){
  .dz-okno,.dz-okno.dz-z-mapa{width:100%;max-width:100%;height:86vh;height:86dvh;margin:auto 0 0;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}
  .dz-okno.dz-z-mapa{height:92vh;height:92dvh}
  .dz-okno[open]{animation:dz-w .22s ease-out}
  .dz-gora::before{content:"";position:absolute;left:50%;top:7px;width:38px;height:4px;margin-left:-19px;border-radius:2px;background:var(--line2)}
  .dz-gora{position:relative;padding-top:20px}
  .dz-poz{padding:13px 10px}
}
@keyframes dz-w{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.dz-okno[open]{animation:none}}
.haslo{position:relative}
.haslo .in{padding-right:70px}
.oko{position:absolute;right:8px;top:8px;border:0;background:none;font:600 .8rem Inter,sans-serif;color:var(--acc);cursor:pointer;padding:6px 8px}
.sila{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.sila i{height:4px;border-radius:2px;background:var(--line)}
.rej-btn{width:100%;justify-content:center;padding:14px;font-size:1rem;border-radius:14px}
/* aktywacja konta linkiem z e-maila (14.10.2026) — informacja nad „Załóż konto” */
.rej-akt{display:flex;gap:10px;align-items:flex-start;margin:4px 0 12px;padding:11px 13px;border-radius:12px;background:var(--acc-soft,#ebefff);color:#1a2a6c;font-size:.86rem;line-height:1.45}
.rej-akt>.ti{font-size:20px;color:var(--acc,#1f3fd8);flex:none;margin-top:1px}
.rej-dol{text-align:center;color:var(--ink2);font-size:.9rem;margin-top:18px}
.rej-dol a{color:var(--acc);font-weight:600}
.rej-dol .rej-bez{color:var(--ink2);font-weight:500;text-decoration:underline}
@media (max-width:860px){.rej{grid-template-columns:minmax(0,1fr)}.rej-lewa{padding:22px 20px}.rej-lewa h2{margin-top:12px;font-size:1.3rem}.rej-lewa ul{gap:10px}.rej-stopa{margin-top:16px}.rej-prawa{padding:22px 18px}}
@media (max-width:520px){.typy,.rej .dwie{grid-template-columns:minmax(0,1fr)}}
/* ukrywanie pól warunkowych: [hidden] musi wygrać z display:grid/flex */
.rej [hidden]{display:none!important}
.typ-ik .ti{font-size:1.35rem}
.rej-lewa li .ti{font-size:1.05rem}
.rej-stopa{display:grid;gap:8px;justify-items:start}
.rej-darmo{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--acc-ink);font:700 .95rem Inter,sans-serif;padding:9px 14px 9px 10px;border-radius:999px;box-shadow:0 8px 20px -10px rgba(0,0,0,.45)}
.rej-darmo .ti{font-size:1.15rem;color:#2f7d4f}
.rej-miasto{margin-left:auto;font-weight:500;font-size:.8rem;color:var(--ink2);display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
.rej-miasto a{color:var(--acc);font-weight:600}

/* /reklama/ — oferta reklamy lokalnej + zamówienie */
.rk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.rk-oferta{display:grid;gap:14px}
.rk-etyk{font:600 .72rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.rk h1{margin:0;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.1}
.rk-lead{color:var(--ink2);margin:0}
.rk-zrzut{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 40px -26px rgba(26,24,20,.45);background:#fff}
.rk-zrzut img{display:block;width:100%;height:auto}
.rk-zrzut figcaption{font-size:.76rem;color:var(--ink3);padding:8px 12px}
.rk-plusy{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rk-plusy li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;font-size:.9rem;color:var(--ink2)}
.rk-plusy .ti{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--acc-soft);color:var(--acc-ink);font-size:1.05rem}
.rk-plusy b{color:var(--ink)}
.rk-cennik{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.rk-cennik-h{font-weight:700;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.rk-cennik-h span{font-weight:500;color:var(--ink3);font-size:.82rem}
.rk-okresy{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.rk-okresy div{background:var(--bg);border-radius:12px;padding:10px;text-align:center}
.rk-okresy b{display:block;font-family:var(--disp);font-size:1.25rem}.rk-okresy span{font-size:.78rem;color:var(--ink2)}
.rk-zam{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 24px;box-shadow:0 24px 48px -30px rgba(26,24,20,.4)}
.rk-zam h2{margin:0 0 12px}
.rk-pola{display:grid;gap:6px}
.rk-pola .lbl{margin-top:8px}
.rk .in{border-radius:12px;padding:11px 13px;font-size:1rem}
.rk .dwie{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rk .pole{display:grid;gap:6px}
.rk-podglad-w{margin-top:14px;display:grid;gap:6px}
.rk-podglad{pointer-events:none}
@media (max-width:860px){.rk{grid-template-columns:minmax(0,1fr)}.rk-zam{padding:18px}}
@media (max-width:520px){.rk .dwie{grid-template-columns:minmax(0,1fr)}.rk-okresy b{font-size:1.05rem}}
/* ramka „prywatność” na stronie wyboru (dodaj ogłoszenie): konkretne, sprawdzalne obietnice */
.prywatnie{margin:14px 0 0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px 12px;box-shadow:0 1px 2px rgba(26,24,20,.04)}
.prywatnie .pr-t{margin:0 0 10px;font-size:.92rem;color:var(--ink)}
.prywatnie ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.prywatnie li{display:flex;gap:10px;align-items:flex-start;font-size:.84rem;line-height:1.45;color:var(--ink2)}
.prywatnie li b{color:var(--ink)}
.prywatnie li>i{flex:none;width:30px;height:30px;border-radius:9px;background:var(--acc-soft,#ebefff);color:var(--acc);display:grid;place-items:center;font-size:17px}
.prywatnie .pr-l{display:inline-block;margin-top:10px;font-size:.82rem;font-weight:600;color:var(--acc)}
@media (max-width:640px){.prywatnie ul{grid-template-columns:1fr}}
/* widoczność ogłoszenia: suwak „inne ogłoszenia” wyłączony przy publikacji anonimowej */
.sw.wyl{opacity:.5;cursor:not-allowed}
.polacz-anon{color:var(--acc-ink,#1a33ad)}
.polacz-anon i{vertical-align:-2px;margin-right:3px}
/* „Anonimowo” + telefon z konta w polu (14.10.2026, wariant B): ramka z „Usuń numer” pod polem telefonu */
.tel-anon{margin-top:8px;padding:9px 12px;border-radius:10px;background:#fff6e5;border:1px solid #f3d29a;color:#7a4a05;font-size:.82rem;line-height:1.45}
.tel-anon i{vertical-align:-2px;margin-right:3px}
.tel-anon button{display:block;margin-top:6px;min-height:36px}
.st-laczy{background:var(--acc-soft,#ebefff);color:var(--acc-ink,#1a33ad)}

/* /dodaj/ dla gości (wariant B): duży przycisk „Ogłoszenie”, obok karta konta, prywatność w jednej linii */
.dp-h1{font-size:2rem;letter-spacing:-.04em;margin-bottom:4px}
.dp-lead{color:var(--ink2);margin:0 0 18px;font-size:1rem}
/* pasek „Ogłoszenie z asystentem w 3 s” (22.10.2026, Chronograf noir — jak zakład w portalu) → /{miasto}/?czat=1 */
.spb{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 14px;border-radius:18px;background:#101219;color:#f4f4f6;text-decoration:none;box-shadow:0 10px 26px rgba(16,18,25,.22),0 0 0 1px rgba(255,214,10,.25)}
.spb-z{flex:none;width:46px;height:46px;border-radius:50%;border:3px solid #ffd60a;display:flex;align-items:center;justify-content:center;font:700 1.1rem/1 Inter,sans-serif;color:#fff}
.spb-z small{font-size:.65rem;color:#ffd60a;margin:5px 0 0 1px}
.spb-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.spb-t b{font:700 1rem/1.25 var(--disp, Inter, sans-serif);color:#ffd60a}
.spb-t small{font-size:.84rem;color:#b9bcc8;line-height:1.3}
.spb>i{color:#ffd60a;font-size:1.3rem;flex:none}
@media (hover:hover){.spb:hover{box-shadow:0 12px 30px rgba(16,18,25,.3),0 0 0 1px rgba(255,214,10,.6)}}
.dp-dwa{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;align-items:start}
.dp-main{display:flex;align-items:center;gap:18px;background:var(--acc);color:#fff;border-radius:18px;padding:22px 24px;box-shadow:0 14px 30px -14px rgba(31,63,216,.75);transition:transform .15s,box-shadow .15s;text-decoration:none}
.dp-main:hover{transform:translateY(-2px);box-shadow:0 18px 34px -14px rgba(31,63,216,.85);color:#fff}
.dp-ic{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:28px;flex:none}
.dp-tx{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.dp-tx b{font-size:1.3rem;letter-spacing:-.02em}.dp-tx span{color:#dbe2ff;font-size:.92rem}
.dp-go{width:42px;height:42px;border-radius:50%;background:#fff;color:var(--acc);display:grid;place-items:center;font-size:20px;flex:none}
/* „0 zł — zawsze” (21.10.2026, wariant C): biała okrągła odznaka z żółtą obwódką na prawym górnym rogu karty, lekko obrócona */
.dp-main{position:relative}
.dp-zero{position:absolute;right:78px;top:-24px;width:66px;height:66px;border-radius:50%;background:#fff;border:3px solid #ffd84d;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;transform:rotate(-8deg);box-shadow:0 10px 20px -12px rgba(15,20,40,.55);pointer-events:none}
.dp-zero b{font-size:1.2rem;letter-spacing:-.03em;color:var(--ink)}
.dp-zero small{margin-top:3px;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
@media (max-width:700px){.dp-zero{right:58px;top:-20px;width:54px;height:54px;border-width:2px}.dp-zero b{font-size:1rem}.dp-zero small{font-size:.52rem}}
.dp-male{display:grid;gap:10px;margin-top:10px}
.dp-male a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--ink);text-decoration:none}
.dp-male a:hover{border-color:var(--acc)}.dp-male i{font-size:22px;color:var(--acc)}.dp-male b{display:block;font-size:.95rem}.dp-male small{color:var(--ink3);font-size:.8rem}
.dp-note{font-size:.8rem;color:var(--ink3);margin:8px 0 0}
/* „Z kontem możesz też dodać” (14.10.2026, punkt 102): te same kafelki, z kłódką „konto” — jak arkusz „Dodaj” w aplikacji */
.dp-h2{font-size:1rem;margin:22px 0 0;letter-spacing:-.01em}
.dp-konto a>span:nth-child(2){flex:1;min-width:0}
.dp-k{display:inline-flex;align-items:center;gap:4px;flex:none;padding:3px 9px;border-radius:999px;background:var(--bg);color:var(--ink2);font-size:.75rem;font-weight:600}
.dp-male .dp-k i{font-size:13px;color:var(--ink2)}
.dp-bok{background:#0f1e3d;color:#fff;border-radius:18px;padding:20px}
/* komputer: karta „Z kontem łatwiej” jedzie razem z przewijaniem listy (14.10.2026, punkt 105) — pod przyklejonym nagłówkiem */
@media (min-width:701px){.dp-bok{position:sticky;top:84px}}
.dp-bok h3{margin:0 0 4px;font-size:1.1rem;color:#fff}.dp-bok p{margin:0 0 12px;color:#b8c2d9;font-size:.85rem}
.dp-bok ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px;font-size:.86rem;color:#dbe2f0}.dp-bok li i{color:#7b90ef;margin-right:8px;vertical-align:-2px}
.dp-bok a{display:block;text-align:center;font-weight:700;border-radius:11px;padding:10px;text-decoration:none;font-size:.9rem}
.dp-bok a.r{background:#fff;color:#0f1e3d}.dp-bok a.l{color:#fff;border:1px solid rgba(255,255,255,.25);margin-top:8px}
.dp-bok a.r:hover{background:#ebefff}.dp-bok a.l:hover{border-color:#fff}
.dp-pryw{margin-top:18px}
.dp-pryw summary{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:.8rem;color:var(--ink2);cursor:pointer}
.dp-pryw summary::-webkit-details-marker{display:none}
.dp-pryw summary span{display:inline-flex;align-items:center;gap:5px}.dp-pryw summary span i{color:var(--acc);font-size:15px}
.dp-wiecej{margin-left:auto;color:var(--acc);font-weight:600;display:inline-flex;align-items:center;gap:3px}
.dp-pryw[open] .dp-wiecej i{transform:rotate(180deg)}
.dp-pryw .prywatnie{margin-top:10px}
@media (max-width:700px){.dp-dwa{grid-template-columns:1fr}.dp-h1{font-size:1.6rem}.dp-main{padding:18px;gap:14px}.dp-wiecej{margin-left:0}}.kstopka .prawa{font-size:.72rem;opacity:.75;margin-top:6px}.kstopka .prawa a{color:inherit;text-decoration:underline}

/* telefon: obsługa kciukiem — kategorie i linki min. 40–44 px, „Wystaw” zawsze pod kciukiem (przyklejony na dole) */
@media (max-width:700px){
  .kat .chip{min-height:40px;padding-left:14px;padding-right:14px}
  .lnk.bez,.lnk.wstecz{display:inline-flex;align-items:center;min-height:44px;padding:0 8px}
  .btn.wystaw{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:5;width:100%;height:52px;font-size:1.02rem;box-shadow:0 12px 26px -10px rgba(31,63,216,.7)}
  .kmain form .btn[type=submit]{min-height:48px}
}
/* suwak strony: cienki i jasny (spójnie z portalem) */
html{scrollbar-width:thin;scrollbar-color:rgba(26,24,20,.22) transparent}
html::-webkit-scrollbar{width:10px}
html::-webkit-scrollbar-thumb{background:rgba(26,24,20,.2);border-radius:8px;border:3px solid transparent;background-clip:padding-box}
/* Moje firmy → przetargi dla firmy, wariant A+C (20.10.2026): wyłączone = jedna linijka; włączone = zasięg + podsumowanie branż,
   wybór branż w okienku (telefon od dołu, komputer na środku). Klasy ptf-* — pf-* należą do profilu firmy w portalu (poprawki.css). */
.ptf{margin:-4px 0 14px;padding:14px 16px;border:1px solid #dfe5fb;border-radius:16px;background:#f7f8ff}
.ptf.ptf-on{background:#fff;border-color:#c3cefa;box-shadow:0 10px 26px -18px rgba(31,63,216,.55)}
.ptf .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ptf-h{display:flex;gap:12px;align-items:center}
.ptf-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#ebefff;color:#1f3fd8;font-size:20px}
.ptf-on .ptf-ic{background:#1f3fd8;color:#fff}
.ptf-t{flex:1;min-width:0}.ptf-t>b{display:block;font-size:1rem;line-height:1.3}
.ptf-p{display:block;margin-top:2px;font-size:.84rem;line-height:1.4;color:#5c6280;overflow-wrap:anywhere}.ptf-p b{color:#14183a}
.ptf-on .ptf-p-off,.ptf:not(.ptf-on) .ptf-p-on,.ptf:not(.ptf-on) .ptf-body{display:none}
.ptf-sw{flex:none;display:grid;place-items:center;width:52px;height:44px;cursor:pointer}
.ptf-sw input{position:absolute;opacity:0;width:1px;height:1px}
.ptf-sw span{width:46px;height:27px;border-radius:99px;background:#cfd4e4;position:relative;transition:background .15s}
.ptf-sw span:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.ptf-sw input:checked+span{background:#1f3fd8}.ptf-sw input:checked+span:after{transform:translateX(19px)}
.ptf-sw input:focus-visible+span{outline:2px solid #1f3fd8;outline-offset:2px}
.ptf-body{margin-top:12px;padding-top:12px;border-top:1px solid #eef0f8}
.ptf-l{margin:0 0 8px;font-size:.8rem;font-weight:700;color:#5c6280}
.ptf-seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:#f1f3fa}
.ptf-seg label{cursor:pointer;min-width:0}.ptf-seg input{position:absolute;opacity:0;width:1px;height:1px}
.ptf-seg span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:4px 8px;border-radius:10px;font-size:.84rem;font-weight:600;color:#3a4060;text-align:center;line-height:1.2;transition:.12s}
.ptf-seg span i{font-size:16px;color:#7b90ef;flex:none}
.ptf-seg input:checked+span{background:#fff;color:#1f3fd8;box-shadow:0 1px 4px rgba(15,30,61,.14)}.ptf-seg input:checked+span i{color:#1f3fd8}
.ptf-seg input:focus-visible+span{outline:2px solid #1f3fd8;outline-offset:1px}
.ptf-br{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:10px 14px;min-height:56px;border:1px solid #dfe3f3;border-radius:14px;background:#fff;font:inherit;text-align:left;cursor:pointer;color:inherit}
.ptf-br:hover{border-color:#1f3fd8}
.ptf-br-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ptf-br-t b{font-size:.9rem}.ptf-br-t b em{font-style:normal;display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 6px;border-radius:99px;background:#1f3fd8;color:#fff;font-size:.72rem;vertical-align:1px}
.ptf-br-t>span{font-size:.82rem;color:#5c6280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptf-br-z{flex:none;display:inline-flex;align-items:center;gap:2px;color:#1f3fd8;font-weight:700;font-size:.86rem}
.ptf-f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.ptf-ile{display:inline-flex;align-items:center;gap:6px;font-size:.86rem;color:#1f3fd8;font-weight:600;text-decoration:none}.ptf-ile b{color:#14183a}
.ptf-zap{min-height:44px}
.ptf-err{margin-top:10px;color:var(--err);font-size:.86rem;font-weight:600}
/* okienko branż — szablon okienek filtrów (uchwyt, tytuł, ×, przycisk na dole) */
.ptf-d{margin:auto;padding:0;width:min(560px,calc(100vw - 32px));max-height:min(80vh,640px);border:0;border-radius:22px;box-shadow:0 24px 60px rgba(15,30,61,.3);flex-direction:column;overflow:hidden}
.ptf-d[open]{display:flex}
.ptf-d::backdrop{background:rgba(15,20,40,.45)}
.ptf-d-w{flex:1;min-height:0;overflow:auto;padding:16px 18px 8px;overscroll-behavior:contain}
.ptf-d-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.ptf-d-h b{font-family:var(--disp,inherit);font-size:1.1rem;font-weight:800}
.ptf-x{width:40px;height:40px;border:0;border-radius:12px;background:#f1f3fa;color:#3a4060;font-size:20px;display:grid;place-items:center;cursor:pointer}
.ptf-pod{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;padding:9px 12px;border-radius:12px;background:#fff8dc;color:#5a4500;font-size:.82rem;line-height:1.4}
.ptf-b{display:flex;flex-wrap:wrap;gap:8px}
.ptf-b label{cursor:pointer;max-width:100%}.ptf-b input{position:absolute;opacity:0;width:1px;height:1px}
.ptf-b span{display:inline-flex;align-items:center;gap:7px;min-height:42px;max-width:100%;padding:6px 14px;border:1px solid #dcd6cd;border-radius:999px;background:#fff;font-size:13.3px;font-weight:600;color:#2b2f45;transition:.12s}
.ptf-b span i{flex:none;font-size:16px;color:#7b90ef}.ptf-b small{color:#8a90aa;font-weight:700;font-size:.74rem}
.ptf-b input:checked+span{background:linear-gradient(135deg,#ec4899,#8b5cf6,#3b82f6);border-color:transparent;color:#fff}
.ptf-b input:checked+span i,.ptf-b input:checked+span small{color:#fff}
.ptf-b input:focus-visible+span{outline:2px solid #1f3fd8;outline-offset:2px}
.ptf-d-f{flex:none;padding:10px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #eef0f8;background:#fff}
.ptf-d-f .btn{width:100%;justify-content:center;min-height:48px;border-radius:14px}
@media (max-width:600px){
  .ptf{padding:12px}
  .ptf-seg span{flex-direction:column;gap:2px;font-size:.78rem;min-height:48px}
  .ptf-f .ptf-zap{padding:0 18px}
  .ptf-d{margin:auto 0 0;width:100%;max-width:100%;max-height:86vh;border-radius:22px 22px 0 0;animation:wm-wjazd .2s ease-out}
  .ptf-d-w{padding-top:8px}
  .ptf-d-w::before{content:"";display:block;width:42px;height:5px;margin:2px auto 10px;border-radius:3px;background:#d6d9e2}
}
/* ===== Twoje alerty (07.10.2026) — stonowane: niebieski serwisu i szarości; gradient tylko na liczniku na belce (jak inne powiadomienia) ===== */
.kh-al{position:relative;min-width:40px;justify-content:center}
.kh-al .kh-licz{background:linear-gradient(135deg,#ec4899,#8b5cf6 52%,#3b82f6);color:#fff}
.kh-al.tu{border-color:var(--acc);color:var(--acc)}
/* pulpit: u góry „Dodaj…” i wejście do alertów (podstrona) */
.kp-start{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.kp-al{gap:7px}.kp-al .ti{font-size:1.1rem}
.kp-al-n{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:11px;background:linear-gradient(135deg,#ec4899,#8b5cf6 52%,#3b82f6);color:#fff;font-size:.76rem;font-weight:800}
@media (max-width:560px){.kp-start>.btn{flex:1 1 100%;justify-content:center}}
/* widok moich treści: Lista / Kafelki (08.10.2026) */
.kp-widok{display:inline-flex;gap:4px;margin:12px 0 0;padding:4px;border-radius:12px;background:#ececf1}
.kp-widok button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:0;border-radius:9px;background:none;font:600 .86rem Inter,sans-serif;color:var(--ink2);cursor:pointer}
.kp-widok button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(15,20,40,.14)}
.kp-widok .ti{font-size:1.05rem}
/* kafelki: zdjęcie na górze, pod nim tytuł, plakietki, powód (skrócony) i przyciski */
.kp-kafle .lista.kafle-ok{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.kp-kafle .kafle-ok>.poz{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}
.kp-kafle .kafle-ok>.poz[hidden]{display:none}
.kp-kafle .kafle-ok>.poz>.mini{float:none;width:100%;height:auto;aspect-ratio:4/3;margin:0;border-radius:0;font-size:38px}
.kp-kafle .kafle-ok>.poz>.tr{padding:10px 12px 0}
.kp-kafle .kafle-ok>.poz>.tr>b,.kp-kafle .kafle-ok>.poz .poz-t{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kp-kafle .kafle-ok .poz-chipy{clear:none}
.kp-kafle .kafle-ok .poz-powod{clear:none;font-size:.8rem}
.kp-kafle .kafle-ok .poz-powod>div{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kp-kafle .kafle-ok .poz-powod small{display:none}
.kp-kafle .kafle-ok>.poz>.op{margin-top:auto;padding:10px 12px 12px;justify-content:flex-start;gap:6px;width:auto;clear:none}
.kp-kafle .kafle-ok>.poz>.poz-zarz{margin:10px 12px 0}
/* zajęcia i profil specjalisty w kafelkach (08.10.2026 — „rozjazd”): reguły z listy (zawijanie, przyciski na 100%) w kolumnie
   wypychały przyciski do niewidocznej drugiej kolumny i rozciągały kartę; „Zarządzaj” i przyciski — razem na dole karty */
.kp-kafle .kafle-ok>.poz.poz-org{flex-wrap:nowrap}
.kp-kafle .kafle-ok>.poz>.op{flex:none}
.kp-kafle .kafle-ok>.poz>.poz-zarz{margin-top:auto;flex:none;order:0}
.kp-kafle .kafle-ok>.poz>.poz-zarz~.op{margin-top:0}
/* zdjęcie w kafelku bez powiększenia i cienia po najechaniu (wyglądało, jakby wychodziło poza kartę) — tylko lekkie przyciemnienie */
.kp-kafle .kafle-ok>.poz>a.mini:hover{transform:none;box-shadow:none;filter:brightness(.96)}
@media (max-width:560px){
  .kp-kafle .lista.kafle-ok{grid-template-columns:1fr 1fr;gap:10px}
  .kp-kafle .kafle-ok>.poz>.tr{padding:8px 9px 0;font-size:.88rem}
  .kp-kafle .kafle-ok>.poz>.op{padding:8px 9px 10px;gap:4px}
  .kp-kafle .kafle-ok>.poz>.op .btn{height:32px;padding:0 9px;font-size:.78rem}
  .kp-kafle .kafle-ok .poz-chipy .st,.kp-kafle .kafle-ok .poz-chipy .poz-wysw{height:22px;padding:0 8px;font-size:.7rem}
  .kp-kafle .kafle-ok>.poz>.poz-zarz{margin:auto 9px 0;padding:10px}
}
/* podstrona „Twoje alerty” */
.al-wroc{display:inline-flex;align-items:center;gap:6px;margin:2px 0 12px;font-weight:600;font-size:.9rem;color:var(--ink2);text-decoration:none}.al-wroc:hover{color:var(--acc)}
.al-gora{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
.al-gora h1{margin:0 0 4px}.al-gora h1 small{font-size:1rem;margin-left:4px}
.al-gora p{margin:0;max-width:560px}
.al-gora-ik{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eef2ff;color:var(--acc);font-size:1.4rem}
.al-pusto{margin:0 0 10px}
.al-poz .mini.al-ik{width:44px;height:44px;font-size:20px;background:#f1f3f8;color:#4b5266}
.al-poz .tr>b{white-space:normal}
.al-n{color:#1f3fd8;font-weight:700;text-decoration:none}.al-n:hover{text-decoration:underline}
.al-kan{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.al-kan form{margin:0}
.al-k{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 11px;border-radius:999px;border:1px solid #d9dce3;background:#fff;color:#6b7080;font:600 .78rem Inter,sans-serif;cursor:pointer}
.al-k.on{background:#eef2ff;border-color:#c9d3fb;color:#1f3fd8}
.al-k:disabled{opacity:.5;cursor:default}
.al-poz .op{align-items:center}
.al-poz .op form{display:flex}
.al-sw{border:0;background:none;padding:4px;cursor:pointer;display:inline-flex}
.al-sw span{width:40px;height:24px;border-radius:99px;background:#cfd4e4;position:relative;transition:background .15s}
.al-sw span i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.al-sw.wl span{background:#1f3fd8}.al-sw.wl span i{left:19px}
.al-sw:focus-visible span{outline:2px solid #1f3fd8;outline-offset:2px}
.al-off .tr>b,.al-off .al-ik{opacity:.55}
.al-dodaj{margin:0 0 6px}
.al-h2{margin:22px 0 10px}
.al-dodaj>summary{list-style:none;cursor:pointer;width:fit-content}
.al-dodaj>summary::-webkit-details-marker{display:none}
.al-dodaj[open]>summary{display:none}
.al-f{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
.al-f label{display:block;font-size:.82rem;font-weight:600;color:#3b3f4a}
.al-f .in{margin-top:4px}
.al-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.al-2[hidden]{display:none}
.al-bl{color:var(--err);margin:0;font-size:.85rem;font-weight:600}
.al-uw{margin:0;font-size:.8rem}
.al-f .btn{width:fit-content}
/* edycja alertu (12.10.2026): formularz pod wierszem alertu */
.al-f.al-ed{margin:-4px 0 10px;border-color:#c9d3f5;background:#f7f9ff}
.al-f[hidden]{display:none}
.al-ed-t{font-size:.92rem;color:#1f2a44}
.al-ed-p{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:560px){.al-2{grid-template-columns:1fr}.al-2.al-ceny{grid-template-columns:1fr 1fr}.al-f .btn{width:100%;justify-content:center}.al-ed-p .btn{flex:1 1 0}}
/* Mój profil (konto VIP, 08.10.2026): adres profilu z logo, formularz logo / opis / kontakt */
.pf-adr{display:flex;align-items:center;gap:12px;margin:10px 0 6px}
.pf-adr>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pf-adr>div a{color:var(--acc);word-break:break-all}
.pf-logo{width:56px;height:56px;border-radius:14px;flex:none;display:grid;place-items:center;overflow:hidden;background:var(--acc-soft);color:var(--acc);font-size:22px;border:1px solid var(--line)}
.pf-logo img{width:100%;height:100%;object-fit:contain;background:#fff}
.pf-pom{font-size:.86rem;margin:0 0 12px}
.pf-info p{margin:0 0 8px}
.pf-chipy{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.8rem}
.pf-typ{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:var(--acc-soft);color:var(--acc-ink);font-weight:600}
.pf-link{font-size:.86rem}
.pf-adr .pf-logo{width:64px;height:64px;border-radius:16px}
/* logo: kafel z podglądem zamiast systemowego „Wybierz plik” */
.pf-logo-w{display:flex;gap:14px;align-items:center;margin-bottom:4px}
.pf-logo-w>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.pf-logo-w p{flex-basis:100%;margin:2px 0 0;font-size:.8rem}
.pf-logo-duze{width:96px;height:96px;flex:none;border-radius:20px;border:1.5px dashed var(--line2);background:#fff;display:grid;place-items:center;overflow:hidden;cursor:pointer;color:var(--ink3);font-size:30px;transition:border-color .12s}
.pf-logo-duze:hover{border-color:var(--acc);color:var(--acc)}
.pf-logo-duze img{width:100%;height:100%;object-fit:contain}
.pf-logo-duze img[hidden]{display:none}
.pf-form .lbl{margin-top:12px}
.pf-form .lbl:first-of-type{margin-top:0}
.pf-zapisz{width:100%;justify-content:center;margin-top:16px;padding:13px;font-size:1rem;border-radius:14px}
@media (max-width:560px){.pf-adr{flex-wrap:wrap}.pf-adr .btn{width:100%;justify-content:center}.pf-logo-duze{width:80px;height:80px}}
/* „Publikuj jako” (konto VIP z profilem): profil albo prywatnie — dwie karty wyboru */
.jako{margin:4px 0 6px}
.jako-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.jako-seg label{position:relative;display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line2);border-radius:14px;background:#fff;cursor:pointer;min-width:0}
.jako-seg input{position:absolute;opacity:0;pointer-events:none}
.jako-seg label:has(input:checked){border-color:var(--acc);background:var(--acc-soft);box-shadow:inset 0 0 0 1px var(--acc)}
.jako-seg label:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:2px}
.jako-ik{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:var(--acc-soft);color:var(--acc);font-size:18px;border:1px solid var(--line)}
.jako-ik img{width:100%;height:100%;object-fit:contain;background:#fff}
.jako-t{display:flex;flex-direction:column;min-width:0}
.jako-t b{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jako-t small{font-size:.74rem;color:var(--ink3);line-height:1.3}
.jako-seg label:has(input:checked) .jako-t small{color:var(--acc-ink)}
@media (max-width:420px){.jako-seg{grid-template-columns:1fr}}
/* konto VIP na pulpicie: znaczek przy imieniu i pasek z datą i wejściem do profilu (08.10.2026) */
.kp-vip-zn{display:inline-flex;align-items:center;height:22px;margin-left:8px;padding:0 8px;border-radius:999px;background:#fff5d9;color:#8a5a00;border:1px solid #f1d58a;font-size:.72rem;font-weight:800;letter-spacing:.06em;vertical-align:middle}
.kp-vip{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#fffaf0,#fff3d6);border:1px solid #f1d58a}
.kp-vip-ik{width:44px;height:44px;flex:none;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid #f1d58a;color:#b07800;font-size:22px}
.kp-vip-ik img{width:100%;height:100%;object-fit:contain}
.kp-vip-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.kp-vip-t b{color:#6b4500}
.kp-vip-t span{font-size:.84rem;color:#7a5a1f}
.kp-vip-t a{color:#8a5a00;font-weight:600;word-break:break-all}
@media (max-width:560px){.kp-vip{flex-wrap:wrap}.kp-vip .btn{width:100%;justify-content:center}}
/* kreator dodawania na standard ogłoszenia (08.10.2026, wariant A — „w pozostałych sekcjach wygląda jakby niedokończone”):
   nieruchomość, praca, zajęcia, specjalista, „Co się dzieje”, ekipa, firma — te same kroki, kafel aparatu, duże pola i „Opublikuj” */
.kr-wroc{max-width:460px;margin:0 auto 4px}
.kr-wroc a{color:inherit;text-decoration:underline}
.kreator .krok>.lbl,.kreator .wiecej>.lbl{margin-top:12px}
.kreator .krok>p.muted{text-align:center;margin:0 0 6px}
/* wybór z listy jako przyciski (js/kroki.js) — jak kategorie i stan w ogłoszeniu */
.wyb{display:flex;flex-wrap:wrap;gap:6px}
.wyb button{min-height:42px;padding:0 15px;border:1px solid var(--line2);border-radius:999px;background:#fff;font:inherit;font-weight:600;font-size:.92rem;color:var(--ink2);cursor:pointer;transition:background .12s,border-color .12s}
.wyb button:hover{border-color:var(--acc-light,#c3cefa)}
.wyb button.on{background:var(--acc-soft);border-color:var(--acc);color:var(--acc-ink);box-shadow:inset 0 0 0 1px var(--acc)}
.wyb button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.wyb-pole{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;opacity:0;pointer-events:none}
.kreator .cechy label{min-height:40px;padding:0 14px;font-weight:600;font-size:.9rem;color:var(--ink2)}
.kreator .cechy label:has(input:checked){background:var(--acc-soft);border-color:var(--acc);color:var(--acc-ink)}
/* zaznaczenie jak przycisk wyboru — bez kwadracika (pole zostaje dla formularza i czytników ekranu) */
.kreator .cechy label{position:relative}
.kreator .cechy input{position:absolute;opacity:0;pointer-events:none}
.kreator .cechy label:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:2px}
/* pola w rzędzie wyrównane do dołu — dłuższa etykieta (np. cena przy wynajmie) nie przesuwa pola obok */
.kreator .siatka2>div,.kreator .siatka3>div{display:flex;flex-direction:column;justify-content:flex-end}
.wyb.blad,.cechy.blad{outline:2px solid #dc2626;outline-offset:4px;border-radius:12px}
.kreator .in.blad{border-color:#dc2626;box-shadow:0 0 0 3px #fde8e8}
.kreator .wiecej summary .muted{font-weight:500}
.kreator .gosc,.kreator .karta{margin-top:14px}
@media (max-width:560px){.kreator .krok>.siatka2{grid-template-columns:1fr 1fr}.kreator .krok>.siatka2 .in{min-width:0}}
/* kontakt — „Zostań wydawcą plota.eu” nad formularzem (13.10.2026) */
.kt-wyd{display:flex;gap:14px;align-items:flex-start;margin:6px 0 16px;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line);border-left:4px solid #ec4899;box-shadow:var(--sh)}
.kt-wyd h1{margin:0 0 6px}
.kt-wyd p{margin:0 0 10px;color:var(--ink2);line-height:1.55}
.kt-wyd ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.9rem}
.kt-wyd li{display:flex;gap:8px;align-items:flex-start}.kt-wyd li .ti{color:#2f9e5a;margin-top:2px}
.kt-roz .kt-ik{background:#ffd84d;color:#14215f}   /* „Potrzebujesz rozwiązania?” — żarówka jak w belce */
.kt-ik{flex:none;width:46px;height:46px;border-radius:14px;background:#0f1e3d;color:#ffd84d;display:grid;place-items:center;font-size:22px}
@media (max-width:560px){.kt-wyd{flex-direction:column;padding:16px}}
/* logowanie przez Google i Facebook (13.10.2026, wariant A): przyciski na górze, pod nimi „albo e-mailem”; kolory wg zasad marek */
.lz{display:flex;flex-direction:column;gap:8px;margin-bottom:2px}
.lz-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:46px;border-radius:12px;font-weight:600;font-size:.95rem;text-decoration:none;transition:background .15s,border-color .15s}
.lz-btn svg{flex:none}
.lz-google{background:#fff;color:#1f1f1f;border:1px solid #d0d4dc}.lz-google:hover{background:#f6f7f9;border-color:#b8bdc8}
.lz-facebook{background:#1877F2;color:#fff;border:1px solid #1877F2}.lz-facebook:hover{background:#166fe0}
/* wariant C (23.10.2026): Google i Facebook obok siebie, obietnica w jednej linii z „Więcej” (details) */
.lz-rzad{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lz-rzad .lz-btn{height:44px;min-width:0}
.lz-info{margin:0;border-radius:10px;background:#f0f7f2;color:#1f5130;font-size:.8rem;line-height:1.4}
.lz-info summary{list-style:none;display:flex;align-items:center;gap:7px;padding:7px 10px;cursor:pointer}
.lz-info summary::-webkit-details-marker{display:none}
.lz-info summary span{flex:1;min-width:0}
.lz-info summary b{font-weight:600;color:#2f7a48;text-decoration:underline;white-space:nowrap}
.lz-info[open] summary b{display:none}
.lz-info p{margin:0;padding:0 10px 8px 33px}
.lz-info .ti{font-size:1.05rem;flex:none;color:#2f7a48}
.lz-albo{display:flex;align-items:center;gap:10px;color:var(--ink3);font-size:.82rem;margin:2px 0 6px}
.lz-albo::before,.lz-albo::after{content:"";flex:1;height:1px;background:var(--line)}

/* „Opublikuj na Facebooku” — konta połączone z Facebookiem (13.10.2026) */
.btn.b-fb{background:#1877F2;color:#fff;border-color:#1877F2;gap:6px}.btn.b-fb:hover{background:#166fe0;border-color:#166fe0}

/* „Wyniki” konta (13.10.2026, wzór B — dowód wartości) */
.wy-gora{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 12px}
.wy-gora h1{margin:0}
.wy-okres{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--bg,#f2f3f6)}
.wy-okres a{padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--ink2);text-decoration:none}
.wy-okres a.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.wy-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.wy-kpi>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px}
.wy-kpi small{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:var(--ink3)}
.wy-kpi b{display:block;font-family:var(--disp);font-size:1.7rem;line-height:1.15;margin:4px 0 2px}
.wy-kpi em{font-style:normal;font-size:.74rem;font-weight:700;color:var(--ink2)}.wy-kpi em span{font-weight:400;color:var(--ink3)}
.wy-kpi em.w{color:#1f7a45}.wy-kpi em.n{color:#b42318}
.wy-wyk{margin-bottom:12px}
.wy-wyk svg{display:block;width:100%;height:auto}
.wy-wyk text{font:600 10px Inter,sans-serif;fill:var(--ink3)}
.wy-os{stroke:var(--line);stroke-width:1}
.wy-p1{fill:none;stroke:var(--acc,#1f3fd8);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.wy-p2{fill:none;stroke:#e5a500;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.wy-leg{display:flex;flex-wrap:wrap;gap:14px;font-size:.78rem;margin-bottom:6px}
.wy-leg span{display:inline-flex;align-items:center;gap:6px}
.wy-l1::before,.wy-l2::before{content:"";width:14px;height:3px;border-radius:2px;background:var(--acc,#1f3fd8)}.wy-l2::before{background:#e5a500}
.wy-brak{margin:10px 0 4px}
/* wykres responsywny + wartości po najechaniu (20.10.2026): komputer — dymek, telefon — pasek .wy-info nad wykresem */
.wy-pl{position:relative}
.wy-wyk .wy-pl svg{touch-action:pan-y;cursor:crosshair;overflow:visible}
.wy-wyk .wy-pl text{font-size:11px}
.wy-pole{fill:var(--acc,#1f3fd8);opacity:.07}
.wy-hov line{stroke:#14183a;stroke-opacity:.28;stroke-width:1}
.wy-k1{fill:var(--acc,#1f3fd8);stroke:#fff;stroke-width:2}.wy-k2{fill:#e5a500;stroke:#fff;stroke-width:2}
.wy-k{stroke:#fff;stroke-width:2}
.wy-pas-h{fill:#14183a;fill-opacity:.06}
.wy-d{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;vertical-align:1px}
.wy-tip{position:absolute;z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 26px rgba(15,30,61,.14);font-size:.8rem;line-height:1.45;white-space:nowrap;color:var(--ink2)}
.wy-tip[hidden]{display:none}.wy-tip>b{color:var(--ink);font-size:.84rem}.wy-tip span b,.wy-info b{color:var(--ink)}
.wy-d1,.wy-d2{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--acc,#1f3fd8);vertical-align:1px}.wy-d2{background:#e5a500}
.wy-info{min-height:2.9em;margin:0 0 6px;padding:2px 0 8px;border-bottom:1px solid var(--line);font-size:.84rem;line-height:1.45;color:var(--ink2)}
.wy-info[hidden]{display:none}
.wy-dwa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wy-dwa .karta{margin:0}.wy-dwa h2{margin:0 0 8px;font-size:1rem}
.wy-zr{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:10px;padding:5px 0;font-size:.84rem}
.wy-pas{height:10px;border-radius:5px;background:#eef1f7;overflow:hidden}.wy-pas i{display:block;height:100%;border-radius:5px;background:var(--acc,#1f3fd8)}
.wy-mal{font-size:.8rem;line-height:1.5}
.wy-rap{margin-top:10px}.wy-rap .al-sw{gap:10px;align-items:center;font:600 .84rem Inter,sans-serif;color:var(--ink);text-align:left}
.wy-pusto p{margin:6px 0 12px}.wy-akcje{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:760px){.wy-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.wy-dwa{grid-template-columns:minmax(0,1fr)}.wy-kpi b{font-size:1.45rem}}
/* „Twoje ogłoszenia” — pulpit premium w Wynikach (21.10.2026, wariant A; konto/_wyniki-ogloszenia) */
.wo{margin:18px 0 14px}
.wo-gl{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin:0 0 10px}
.wo-gl h2{margin:0;font-family:var(--disp);font-size:1.35rem;display:flex;align-items:center;gap:8px}.wo-gl p{margin:0;font-size:.84rem}
.wo-pro{font:700 .66rem Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7a5600;background:#fff3cf;border:1px solid #f1d58a;border-radius:999px;padding:3px 9px}
.wo-kpi{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}
.wo-kpi>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;min-width:0}
.wo-kpi small{display:flex;align-items:center;gap:5px;font-size:.76rem;font-weight:600;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wo-kpi b{display:block;font-family:var(--disp);font-size:1.55rem;line-height:1.15;margin:4px 0 2px}
.wo-kpi em{font-style:normal;font-size:.74rem;color:var(--ink3);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wo-siatka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:12px;margin-bottom:12px}
.wo-siatka .karta,.wo-rank .karta,.wo-dwa .karta,.wo-trzy .karta{margin:0;min-width:0}
.wo h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:1rem}.wo h3 .ti{color:var(--acc,#1f3fd8);font-size:18px}
.wo-l{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto 46px;align-items:center;gap:8px;padding:6px 0;font-size:.84rem}
.wo-l>span:first-child{display:flex;align-items:center;gap:6px;min-width:0}.wo-l .ti{color:var(--ink3)}
.wo-lp{height:12px;border-radius:6px;background:#eef1f7;overflow:hidden}.wo-lp i{display:block;height:100%;border-radius:6px}
.wo-l b{font-variant-numeric:tabular-nums}.wo-l small{color:var(--ink3);font-size:.74rem;text-align:right}
.wo-wyk .wy-leg{margin-bottom:6px}.wo-lg{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;margin-right:12px}
.wo-lg::before{content:"";width:14px;height:3px;border-radius:2px;background:#1f3fd8}.wo-lg2::before{background:#e5a500}.wo-lg3::before{height:10px;width:10px;background:#c9d3fb}
.wo-s3{fill:#c9d3fb}
.wo-rank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.wo-dwa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.wo-trzy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.wo-of{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line);color:inherit;text-decoration:none}
.wo-r h3+.wo-of{border-top:0}.wo-of:hover b{color:var(--acc,#1f3fd8);text-decoration:underline}
.wo-nr{flex:0 0 18px;font:700 .8rem Inter,sans-serif;color:var(--ink3);text-align:center}
.wo-zd{flex:0 0 48px;height:36px;border-radius:8px;overflow:hidden;background:#eef1f7;display:flex;align-items:center;justify-content:center;color:var(--ink3)}
.wo-zd img{width:48px;height:36px;object-fit:cover;display:block}
.wo-t{min-width:0;display:block}.wo-t b{display:block;font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wo-t small{display:block;font-size:.76rem;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wo-ile{margin-left:auto;font:700 .78rem Inter,sans-serif;background:#f1f3f7;color:var(--ink2);border-radius:999px;padding:2px 9px}
.wo-uwaga h3 .ti{color:#b45309}
.wo-wsk{margin:0 0 10px;background:#fbfaf6;border-color:#eee4c9}
.wo-wsk ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.wo-wsk li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;line-height:1.5}
.wo-wsk li .ti{flex:0 0 auto;font-size:18px;color:#a16207;margin-top:1px}
@media (max-width:1100px){.wo-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}.wo-rank,.wo-trzy{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.wo-siatka,.wo-dwa,.wo-rank,.wo-trzy{grid-template-columns:minmax(0,1fr)}.wo-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.wo-kpi b{font-size:1.35rem}
  .wo-l{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto 40px}}

/* „Statystyki ogłoszenia” (19.10.2026, wzór miks A+B; suwak ceny — wariant 3) */
.so-gora{align-items:flex-end}.so-tyt{min-width:0}.so-tyt span{display:block;color:var(--ink2);font-size:.88rem;margin-top:2px;overflow-wrap:anywhere}
.so-zak{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--bg,#f2f3f6);margin:0 0 12px}
.so-zak button{border:0;background:none;padding:8px 14px;border-radius:9px;font:600 .86rem Inter,sans-serif;color:var(--ink2);cursor:pointer}
.so-zak button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.so-wn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}
.so-w{border-radius:14px;padding:10px 12px}.so-w b{display:block;font-family:var(--disp);font-size:1.25rem;line-height:1.2}.so-w span{display:block;font-size:.8rem;line-height:1.4;margin-top:2px}
.so-w-w{background:#eaf6ee;color:#1f5130}.so-w-o{background:#fff4e0;color:#7a4a00}.so-w-a{background:#eaf0ff;color:#1a2f8a}
.so-kv{display:flex;align-items:flex-end;justify-content:space-between;gap:6px}.so-kv svg{width:80px;height:22px;flex:0 0 auto}
.so-kv polyline{fill:none;stroke:var(--acc,#1f3fd8);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.so-zapr{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 14px;border-radius:14px;background:#eaf0ff;border:1px solid #c9d5ff;color:#1a2f8a;text-decoration:none;font-size:.86rem}
.so-zapr>i{font-size:20px}.so-zapr span{flex:1;min-width:0}.so-zapr b{white-space:nowrap}
.so-karty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:8px}
.so-k{margin:0;min-width:0}.so-k h2{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 8px;font-size:1rem}
.so-k h2 a{font:600 .76rem Inter,sans-serif;color:var(--acc,#1f3fd8);text-decoration:none;white-space:nowrap}
.so-brak{font-size:.82rem;line-height:1.5;margin:4px 0}.so-mal{font-size:.8rem;line-height:1.5;margin:6px 0 0}
.so-pas{display:flex;height:14px;border-radius:7px;overflow:hidden;background:#eef1f7}.so-pas i{display:block;height:100%}
.so-leg{list-style:none;margin:8px 0 0;padding:0;font-size:.8rem}.so-leg li{display:flex;align-items:center;gap:6px;padding:2px 0}
.so-leg li span{width:9px;height:9px;border-radius:2px;flex:0 0 auto}.so-leg li b{margin-left:auto}
.so-mapa{display:grid;grid-template-columns:22px repeat(8,minmax(0,1fr));gap:2px;font-size:10px;color:var(--ink3)}
.so-mapa i{display:block;height:11px;border-radius:2px;background:var(--acc,#1f3fd8)}.so-g{text-align:center}.so-d{line-height:11px}
.so-fr{list-style:none;margin:2px 0 6px;padding:0;font-size:.84rem}.so-fr li{display:flex;gap:8px;padding:2px 0}.so-fr b{margin-left:auto;color:var(--ink3);font-weight:600}
.so-skala{position:relative;height:10px;margin:14px 6px 6px;border-radius:5px;background:#eef1f7}
.so-m{position:absolute;top:50%;transform:translate(-50%,-50%)}
.so-m-med{width:2px;height:22px;background:var(--ink2)}.so-m-rcn{width:3px;height:22px;background:#1f7a45;border-radius:2px}
.so-m-ty{width:16px;height:16px;border-radius:50%;background:#d85a30;border:2px solid #fff;box-shadow:0 0 0 1px #d85a30}
.so-ty{color:#b8431c}
.so-duzy{font-family:var(--disp);font-size:1.7rem;margin:0}.so-duzy small{font-size:.9rem;color:var(--ink3)}
.so-razem{list-style:none;margin:0;padding:0;font-size:.84rem}.so-razem li{padding:4px 0;border-bottom:1px solid var(--line)}.so-razem li:last-child{border:0}
.so-razem a,.so-razem span{display:block;color:var(--ink);overflow-wrap:anywhere}.so-razem small{font-size:.76rem}
.so-dwa{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;margin-bottom:12px}.so-dwa .karta{margin:0}
.so-l3::before{content:"";width:14px;height:0;border-top:2px dashed #9aa0ad}
.so-p3{fill:none;stroke:#9aa0ad;stroke-width:2;stroke-dasharray:5 4}
.so-lj{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:.82rem}.so-lj-t{flex:0 0 52%}.so-lj i{display:block;height:18px;border-radius:4px}
.so-lj>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.so-hist{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;height:110px;align-items:end;margin:6px 0 2px}
.so-hist div{display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-width:0}.so-hist i{display:block;background:#c9d5ff;border-radius:3px 3px 0 0}
.so-hist .ty i{background:#d85a30}.so-hist small{font-size:9.5px;color:var(--ink3);text-align:center;margin-top:3px;overflow:hidden;white-space:nowrap}
.so-sym{margin:0 0 12px;padding:16px 18px;border-radius:18px;background:#fff4e0;border:1px solid #f3d9a4;color:#7a4a00}
.so-sym-g{display:flex;gap:10px;align-items:flex-start}.so-sym-g>i{font-size:26px}.so-sym h2{margin:0;font-size:1.1rem;color:#7a4a00}.so-sym-g p{margin:2px 0 0;font-size:.84rem}
.so-sym-s{display:flex;align-items:center;gap:12px;margin:14px 0 10px}.so-sym-s input{flex:1;accent-color:#c46a00;min-width:0}
.so-sym-s output{font-family:var(--disp);font-size:1.4rem;min-width:130px;text-align:right}
.so-sym-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.so-sym-k div{background:#fff;border-radius:12px;padding:8px 10px;color:var(--ink)}.so-sym-k small,.so-sym-k span{display:block;font-size:.74rem;color:var(--ink3)}
.so-sym-k b{display:block;font-family:var(--disp);font-size:1.2rem;margin:2px 0}
.so-st{font-size:.8rem}.so-st.ok{color:#1f7a45}.so-st.zle{color:#b42318}
.so-sym-i{color:#7a4a00}
/* etap 2 (19.10.2026): Na liście, Kompletność, Obniżki ceny */
.so-kom{display:flex;align-items:center;gap:10px}.so-kom b{font-family:var(--disp);font-size:1.5rem;white-space:nowrap}.so-kom .wy-pas{flex:1}
.so-braki{list-style:none;margin:8px 0 0;padding:0;font-size:.82rem}.so-braki li{display:flex;gap:6px;align-items:flex-start;padding:4px 0;border-bottom:1px solid var(--line)}
.so-braki li:last-child{border:0}.so-braki .ti{color:#b26b00;font-size:1rem;flex:0 0 auto;margin-top:1px}
.so-ok{color:#1f7a45}
.so-sym-p{margin:10px 0 0;padding:9px 12px;border-radius:12px;background:#fff;color:var(--ink);font-size:.82rem;line-height:1.5}.so-sym-p a{font-weight:700;white-space:nowrap}
.so-sl{fill:#c9d5ff}.so-p5{fill:none;stroke:#d85a30;stroke-width:2.2;stroke-linejoin:round}
.so-l4::before,.so-l5::before{content:"";width:12px;height:10px;border-radius:2px;background:#c9d5ff}.so-l5::before{height:3px;background:#d85a30}
@media (max-width:900px){.so-karty{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .so-wn{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;margin:0 -16px 10px;padding:0 16px}.so-w{flex:0 0 78%;scroll-snap-align:start}
  .so-karty,.so-dwa{grid-template-columns:minmax(0,1fr)}.so-sym-k{grid-template-columns:repeat(2,minmax(0,1fr))}
  .so-zak{display:flex}.so-zak button{flex:1}.so-sym{padding:14px}.so-sym-s output{min-width:0;font-size:1.2rem}.so-kv svg{width:56px}
}

/* „Ceny mieszkań w {mieście}” (13.10.2026, wariant A2) — /tarnow/nieruchomosci/ceny/ */
.okr{display:flex;flex-wrap:wrap;gap:6px;font-size:.8rem;color:var(--ink3);margin:0 0 10px}.okr a{color:var(--ink2)}
/* telefon (14.10.2026, robot „Telefon”): okruszki i linki stopki — większe pole dotyku (min. 24 px wysokości) bez zmiany wyglądu */
@media (max-width:700px){.okr{align-items:center}.okr a,.okr span{display:inline-block;padding:4px 0}.kstopka a{display:inline-block;padding:5px 2px}.cm-pusto a{display:inline-block;padding:4px 0}.rk-etyk{font-size:11px}}
.cm h1{margin:0 0 6px;font-size:clamp(1.4rem,3.2vw,1.9rem)}
.cm-lead{margin:0 0 16px;color:var(--ink2);line-height:1.55;max-width:760px}
.cm-akt{display:inline-flex;align-items:center;gap:6px;margin-left:4px;padding:2px 10px;border-radius:999px;background:#eef6f0;color:#1f5130;font-size:.78rem;font-weight:600;white-space:nowrap}
.cm-akt i{width:7px;height:7px;border-radius:50%;background:#22c55e}
.cm-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.cm-kpi>div{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px}
.cm-kpi small{display:block;font-size:.76rem;color:var(--ink3);font-weight:600}
.cm-kpi b{display:block;font-family:var(--disp);font-size:1.5rem;line-height:1.2;margin:2px 0}
.cm-kpi span{font-size:.76rem;color:var(--ink3)}
.cm-kpi em{position:absolute;top:10px;right:12px;font-style:normal;font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--bg);color:var(--ink2)}
.cm-kpi em.w{background:#fdecec;color:#b42318}.cm-kpi em.n{background:#e9f7ef;color:#1f7a45}
.cm-siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cm-siatka .karta{margin:0}
.cm-siatka h2{margin:0 0 10px;font-size:1rem}
.cm-siatka h3{margin:12px 0 6px;font-size:.78rem;color:var(--ink3);font-weight:600;text-transform:none}
.cm-w{display:grid;grid-template-columns:120px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px 4px;border-radius:10px;color:var(--ink);text-decoration:none;font-size:.86rem}
a.cm-w:hover{background:var(--bg)}
.cm-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-p{height:12px;border-radius:6px;background:#eef1f7;overflow:hidden}.cm-p i{display:block;height:100%;border-radius:6px;background:var(--acc,#1f3fd8)}
.cm-p2 i{background:#8aa0f0}
.cm-w b{font-weight:700;white-space:nowrap}.cm-w small{color:var(--ink3);font-size:.74rem;white-space:nowrap}
.cm-tr{width:100%;height:auto;display:block}
.cm-tr line{stroke:var(--line);stroke-width:1}
.cm-tr polyline{fill:none;stroke:var(--acc,#1f3fd8);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.cm-tr circle{fill:#fff;stroke:var(--acc,#1f3fd8);stroke-width:2.5}
.cm-tr text{font:600 11px Inter,sans-serif;fill:var(--ink3);text-anchor:middle}.cm-tr .cm-tw{fill:var(--ink);font-size:11px}
.cm-pod{font-size:.76rem;margin:6px 0 0}
.cm-akcje{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}
.cm-zr{font-size:.76rem}
@media (max-width:760px){
  .cm-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cm-siatka{grid-template-columns:minmax(0,1fr)}
  .cm-w{grid-template-columns:96px minmax(0,1fr) auto;gap:8px}.cm-w small{display:none}
  .cm-akcje .btn{flex:1 1 100%;justify-content:center}
}
/* „Kolejki NFZ” (20.10.2026, wariant A „tabela”, nfz.blade.php): pigułki podsumowania, tabela poradni, najkrótsza kolejka podświetlona */
.nfz-chipy{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 12px}
.nfz-chipy span{background:var(--acc-soft);color:var(--acc);border-radius:999px;padding:4px 12px;font-size:.82rem;font-weight:600}
.nfz-chipy .z{background:#e7f6ee;color:#137a46}.nfz-chipy .sz{background:#f1efe9;color:var(--ink2);font-weight:500}
.nfz-gr{margin:0 0 14px;padding:14px 16px}
.nfz-gr h2{margin:0 0 8px;font-size:1.05rem}.nfz-gr h2 small{font-weight:500;color:var(--ink3);font-size:.8rem;margin-left:6px}
.nfz-tab{width:100%;border-collapse:collapse;font-size:.9rem}
.nfz-tab th{text-align:left;font-weight:600;color:var(--ink3);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;padding:6px 8px;border-bottom:1px solid var(--line)}
.nfz-tab td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.nfz-tab tr:last-child td{border-bottom:0}
.nfz-tab td b{display:block;font-weight:650;line-height:1.3}
.nfz-tab td small{display:block;color:var(--ink2);font-size:.8rem;line-height:1.4;margin-top:2px}
.nfz-tab td a{color:var(--acc)}
.nfz-tab .l{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;width:1%}
.nfz-tab tr.naj td{background:#f1faf5}.nfz-tab tr.naj td.l b{color:#137a46}
.nfz-faq{padding:14px 16px;margin:0 0 14px}.nfz-faq h2{margin:0 0 6px;font-size:1.05rem}.nfz-faq h3{margin:12px 0 2px;font-size:.92rem}.nfz-faq p{margin:0;color:var(--ink2);font-size:.88rem;line-height:1.5}
.nfz-inne{padding:14px 16px;margin:0 0 14px}.nfz-inne h2{margin:0 0 8px;font-size:1.05rem}
.nfz-inne p{display:flex;flex-wrap:wrap;gap:6px;margin:0}.nfz-inne a{border:1px solid var(--line2);border-radius:999px;padding:5px 12px;font-size:.84rem;color:var(--ink);text-decoration:none;background:#fff}
.nfz-inne a:hover{border-color:var(--acc);color:var(--acc)}
@media (max-width:560px){ .nfz-gr{padding:10px 10px}.nfz-tab{font-size:.86rem}.nfz-tab td,.nfz-tab th{padding-left:5px;padding-right:5px} }
/* rodzaj ogłoszenia (14.10.2026, punkt 99, konto/_rodzaj): „Sprzedam | Oddam | Kupię” i 4 kafelki nieruchomości */
.rd{margin:0 0 16px}.rd>.lbl{display:block;margin-bottom:6px}
.rd-seg{display:flex;gap:4px;background:#eef0f4;border-radius:14px;padding:4px}
.rd-seg label{flex:1;position:relative;min-width:0}
.rd-seg input,.rd-kafle input{position:absolute;opacity:0;pointer-events:none}
.rd-seg span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:11px;font-weight:600;color:#4b5060;cursor:pointer;white-space:nowrap}
.rd-seg input:checked+span{background:#fff;color:var(--acc,#2047d8);box-shadow:0 0 0 1px #dfe3ec}
.rd-seg input:focus-visible+span,.rd-kafle label:has(input:focus-visible){outline:2px solid var(--acc,#2047d8);outline-offset:2px}
.rd-kafle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rd-kafle label{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid var(--line,#e3e3e3);border-radius:14px;background:#fff;cursor:pointer;min-height:84px}
.rd-kafle .ti{font-size:1.3rem;color:var(--acc,#2047d8)}.rd-kafle b{font-weight:600;line-height:1.25}.rd-kafle small{color:#7a7f8c;font-size:.8rem}
.rd-kafle label:has(input:checked){border:2px solid var(--acc,#2047d8);background:var(--acc-soft,#f2f5fe);padding:11px}
form[data-rodzaj=kupie] [data-rd-oferta]{display:none!important}   /* „Kupię”: bez stanu, negocjacji i „Oddam za darmo” */
/* „Kupię” w kreatorze: zdjęcie nieobowiązkowe — główny przycisk „dalej — opisz, czego szukasz”, aparat jako skromna opcja pod nim */
form:is([data-rodzaj=kupie],[data-rodzaj=szukam]) #start1{display:flex;flex-direction:column}
form:is([data-rodzaj=kupie],[data-rodzaj=szukam]) #start1 h1{order:-2}
form:is([data-rodzaj=kupie],[data-rodzaj=szukam]) #start1 .bez{order:-1;display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin:0 0 12px;border-radius:16px;background:var(--acc,#2047d8);color:#fff;font-weight:700;font-size:1rem;text-decoration:none}
form:is([data-rodzaj=kupie],[data-rodzaj=szukam]) #start1 .aparat{min-height:0;padding:14px;background:#fff;color:var(--acc,#2047d8);border:1px dashed #c9d3f3;box-shadow:none}
form:is([data-rodzaj=kupie],[data-rodzaj=szukam]) #start1 .aparat b{font-size:1rem}
form.kroki[data-krok="3"] .rd{display:none}
/* Usługi (14.10.2026): zlecenie bez jednostki ceny, zakresu, dojazdu i faktury; „Kiedy?” tylko przy zleceniu */
form[data-typ=usluga][data-rodzaj=szukam] [data-rd-oferta]{display:none!important}
form[data-typ=usluga]:not([data-rodzaj=szukam]) [data-rd-zlecenie]{display:none!important}
form[data-typ=usluga][data-rodzaj=szukam] .pensja{grid-template-columns:1fr}
/* „Masz konto?” w formularzu gościa (15.10.2026, decyzja 10, wariant A): cienka linia — kółka Google / Facebook + „albo e-mailem” */
.mk{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:460px;margin:0 auto 10px;padding:8px 12px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:var(--card,#fff);font-size:.9rem}
.mk>span{color:var(--muted,#6b7280)}
.mk-z{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;flex:none}
.mk-google{background:#fff;border:1px solid #dadce0}
.mk-facebook{background:#1877F2}
.mk-l{color:var(--acc,#2563eb);text-decoration:underline;font-weight:500}
/* „Co się dzieje” → ciekawe miejsce (19.10.2026): tagi przewodnika, nazwa miejsca w wyszukiwarce adresu, pinezka poza zasięgiem 100 km */
.m-tagi[hidden]{display:none}
.m-tagi .cechy label .ti{font-size:1rem}
.adresy .adr-nazwa{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border-top:1px solid var(--line);color:var(--acc-ink);font-weight:600}
.adresy .adr-nazwa small{flex-basis:100%;font-weight:400;color:var(--ink3);font-size:.78rem;padding-left:22px}
.pom.mapa-za{color:#b91c1c;font-weight:600}
/* ===== Karta treści w Moim koncie — wariant B (19.10.2026, „przyciski nachodzą na siebie, w kafelkach ucina”): pasek ikon na dole
   + „Więcej” (konto._pasek). Układ liczy się od szerokości KARTY (container queries), nie ekranu — ta sama karta dobrze wygląda
   w liście, w kafelku, na telefonie, tablecie i komputerze. Zastępuje stare .op (przyciski w rzędzie) i łatki @media dla .poz. ===== */
.lista>.poz.pk{display:block;padding:0;overflow:visible;container:pk/inline-size;position:relative}
.lista>.poz.pk[hidden]{display:none}
.pk-in{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start;padding:12px 12px 10px}
.pk-in>.mini{float:none;margin:0}
.pk-in>.tr{min-width:0}
.pk .poz-chipy,.pk .poz-powod{clear:none}
.pk .poz-chipy{padding:0}
.pk .tr>.muted{display:block;overflow:hidden;text-overflow:ellipsis}
.pk-info{display:block;margin-top:5px;font-size:.8rem;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-info .ti{font-size:.9rem;vertical-align:-2px;margin-right:3px}
.lista>.pk>.poz-zarz{margin:0 12px 12px;clear:none}
/* pasek: równe pola na całą szerokość karty; kreski między polami = tło paska prześwitujące przez 1 px przerwy */
.pasek{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-radius:0 0 14px 14px}
.pasek>form{display:contents}
.pc{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;height:54px;margin:0;padding:0 4px;border:0;border-radius:0;background:#fff;
  font:600 .72rem/1.1 Inter,system-ui,sans-serif;color:var(--ink2);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s}
.pc>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc>.ti{font-size:19px;line-height:1;color:var(--ink)}
.pc>svg{flex:none}
.pasek>:first-child,.pasek>form:first-child>.pc{border-bottom-left-radius:13px}
.pasek>:last-child,.pasek>form:last-child>.pc{border-bottom-right-radius:13px}
.pc:hover{background:#f6f7fb;color:var(--ink)}.pc:active{background:#eceef4}
.pc:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
.pc.gl,.pc.gl>.ti{color:var(--acc)}
.pc.fb,.pc.fb>svg{color:#1877f2}
.pc.odn{background:var(--acc-soft)}.pc.odn,.pc.odn>.ti{color:var(--acc)}
.pc[aria-expanded=true]{background:#eef1fb}
/* szeroka karta (komputer, tablet w liście): ikona obok podpisu, niższy pasek */
@container pk (min-width:520px){
  .pc{flex-direction:row;gap:7px;height:46px;font-size:.84rem}
  .pc>.ti{font-size:18px}
  .pk-in{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:14px 16px 12px}
  .pk-in>.mini{width:64px;height:64px}
}
/* wąska karta (kafel): do 300 px Podbij i Facebook przechodzą do „Więcej”; do 200 px (kafel na telefonie) same ikony */
@container pk (max-width:200px){.pc>span{display:none}.pc{height:46px}}
@container pk (max-width:300px){
  .pasek .opc{display:none}
  .wm-opc{display:block!important}
  .wm-opc.wm-i{display:flex!important}
}
@container pk (max-width:250px){
  .pk-info{display:none}
  .pk-in>.tr{font-size:.88rem}
  .pk .poz-chipy .st,.pk .poz-chipy .poz-wysw{height:22px;padding:0 8px;font-size:.7rem}
}
/* kafelki (Lista / Kafelki): zdjęcie na całą szerokość, tytuł w 2 liniach, pasek przyklejony do dołu karty */
.kp-kafle .kafle-ok>.poz.pk{display:flex;flex-direction:column}
.kp-kafle .kafle-ok>.poz.pk[hidden]{display:none}
.kp-kafle .kafle-ok .pk-in{grid-template-columns:minmax(0,1fr);gap:8px;padding:0 0 10px;flex:1;align-content:start}
.kp-kafle .kafle-ok .pk-in>.mini{width:100%;height:auto;aspect-ratio:4/3;border-radius:13px 13px 0 0;font-size:38px}
.kp-kafle .kafle-ok .pk-in>.tr{padding:0 12px}
.kp-kafle .kafle-ok .pk .poz-t{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kp-kafle .kafle-ok>.pk>.poz-zarz{margin:0 10px 10px}
/* „Więcej”: komputer — okienko nad paskiem przy prawej krawędzi karty; telefon — arkusz od dołu (showModal) */
.wm-d{position:absolute;inset:auto 8px 52px auto;z-index:40;margin:0;padding:0;width:min(290px,calc(100vw - 24px));max-height:min(70vh,520px);overflow:auto;
  border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 22px 48px -14px rgba(15,20,40,.38)}
.wm-d:modal{position:fixed;inset:auto 0 0 0;width:100%;max-width:100%;max-height:86vh;border:0;border-radius:22px 22px 0 0;box-shadow:none;animation:wm-wjazd .2s ease-out}
.wm-d::backdrop{background:rgba(15,20,40,.45)}
@keyframes wm-wjazd{from{transform:translateY(40px);opacity:.4}}
.wm-w{padding:8px 8px 10px}
.wm-d:modal .wm-w{padding:8px 12px calc(14px + env(safe-area-inset-bottom))}
.wm-d:modal .wm-w::before{content:"";display:block;width:42px;height:5px;margin:2px auto 8px;border-radius:3px;background:#d6d9e2}
.wm-h{display:flex;align-items:center;gap:8px;padding:4px 4px 8px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.wm-h b{flex:1;min-width:0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wm-x{flex:none;width:34px;height:34px;border:0;border-radius:50%;background:#f1f2f6;color:var(--ink2);font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.wm-w form{margin:0}
.wm-i{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 10px;border:0;border-radius:12px;background:none;font:600 .92rem Inter,system-ui,sans-serif;color:var(--ink);text-align:left;text-decoration:none;cursor:pointer}
.wm-i>.ti{font-size:20px;color:var(--ink2);flex:none;width:22px;text-align:center}
.wm-i>svg{flex:none;width:20px;height:20px;margin:0 1px}
.wm-i small{margin-left:auto;font-weight:500;font-size:.76rem;color:var(--ink3)}
.wm-i:hover{background:#f4f5f9}
.wm-i.fb>svg{color:#1877f2}
.wm-i.zle,.wm-i.zle>.ti{color:#c2412d}
.wm-opc{display:none}
.wm-kto{margin:6px 0 0;padding:10px 10px 4px;border-top:1px solid var(--line)}
.wm-kto>span{display:block;font-size:.76rem;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em}
.wm-kto .kto-f{margin-top:6px}
.wm-kto .kto-s{flex:1 1 140px;height:38px;font-size:16px}
.wm-info{margin:8px 10px 0;font-size:.8rem;color:var(--ink3)}
/* szeroka lista (komputer, 19.10.2026 — wariant A, „ile miejsca się marnuje”): akcje jako kafelki w pustym miejscu po prawej,
   karta niższa. Liczy się szerokość LISTY (kontener pl); w widoku Kafelki działy z kafelkami zostają przy pasku na dole. */
.lista:has(>.poz.pk){container:pl/inline-size}
@container pl (min-width:680px){
  :is(body:not(.kp-kafle) .lista, .kp-kafle .lista:not(.kafle-ok))>.poz.pk{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  :is(body:not(.kp-kafle) .lista, .kp-kafle .lista:not(.kafle-ok))>.pk>.pk-in{grid-column:1;grid-row:1}
  :is(body:not(.kp-kafle) .lista, .kp-kafle .lista:not(.kafle-ok))>.pk>.poz-zarz{grid-column:1/-1}
  :is(body:not(.kp-kafle) .lista, .kp-kafle .lista:not(.kafle-ok))>.pk>.pasek{grid-column:2;grid-row:1;display:flex;gap:6px;padding:12px 14px 12px 4px;background:none;border:0;border-radius:0}
  :is(body:not(.kp-kafle) .lista, .kp-kafle .lista:not(.kafle-ok))>.pk>.pasek .pc{flex-direction:column;gap:4px;width:68px;height:58px;border:1px solid var(--line);border-radius:12px;font-size:.72rem}
  :is(body:not(.kp-kafle) .lista, .kp-kafle .lista:not(.kafle-ok))>.pk>.pasek .pc>.ti{font-size:19px}
  :is(body:not(.kp-kafle) .lista, .kp-kafle .lista:not(.kafle-ok))>.pk>.pasek .pc:hover{border-color:#cfd3dd}
  :is(body:not(.kp-kafle) .lista, .kp-kafle .lista:not(.kafle-ok))>.pk>.pasek .pc.odn{border-color:#c9d3fb}
  /* „Więcej” — okienko pod kafelkami, przy prawej krawędzi */
  :is(body:not(.kp-kafle) .lista, .kp-kafle .lista:not(.kafle-ok))>.pk>.wm-d:not(:modal){inset:calc(100% - 10px) 14px auto auto}
}
/* siatka bezpieczeństwa konta (19.10.2026; resztę pilnuje robot „Miarka”): obrazki i pola nie wychodzą poza swoje miejsce,
   długie słowa i adresy się łamią, iPhone nie powiększa strony przy dotknięciu pola (czcionka ≥ 16 px na telefonie) */
.kmain img,.kmain video,.kmain iframe{max-width:100%}
.kmain input,.kmain select,.kmain textarea{max-width:100%}
.kmain{overflow-wrap:break-word}
@media (max-width:560px){.kmain input:not([type=checkbox]):not([type=radio]):not([type=range]),.kmain select,.kmain textarea{font-size:max(16px,1em)}}
/* edycja wizytówki: nagłówek z „Pokaż wizytówkę (PRO)” po prawej (20.10.2026) */
.fw-nagl{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fw-nagl h1{margin-right:auto}
.fw-pokaz{gap:6px}.fw-pokaz .pr-pro{margin-left:2px}
/* dział z wieloma ofertami (20.10.2026, wariant B): filtry z lewej, szukajka i sortowanie nad listą, 10 na start + „Pokaż kolejne 10” */
.mo.mo-on{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:start}
.mo-f{position:sticky;top:84px;display:grid;gap:14px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;max-height:none}
.mo-f[hidden]{display:none!important}
.mo-gr{display:grid;gap:2px}
.mo-gr>b{font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3,#7a8195);margin:0 0 4px}
.mo-gr button{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:6px 9px;border-radius:9px;font-size:.86rem;color:var(--ink,#141a2e);cursor:pointer}
.mo-gr button small{font-size:.74rem;color:var(--ink3,#7a8195);font-weight:600}
.mo-gr button:hover{background:#f2f4f9}
.mo-gr button[aria-pressed="true"]{background:#eef1ff;color:#1f3fd8;font-weight:700}.mo-gr button[aria-pressed="true"] small{color:#1f3fd8}
.mo-gr button.mo-0{opacity:.42;cursor:default}.mo-gr button.mo-0:hover{background:none}
.mo-gr button.mo-dzw{color:#1f3fd8;font-weight:700;font-size:.82rem}
.mo-gr button:focus-visible,.mo-wiecej:focus-visible,.mo-fb:focus-visible{outline:2px solid #1f3fd8;outline-offset:2px}
.mo-wyczysc{all:unset;cursor:pointer;color:#1f3fd8;font-weight:700;font-size:.84rem}.mo-wyczysc-b{justify-self:start;padding:2px 9px}
.mo-g{display:flex;gap:8px;align-items:center;margin:0 0 10px}
.mo-q{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;background:#fff;border:1px solid var(--line);border-radius:999px}
.mo-q:focus-within{border-color:#1f3fd8;box-shadow:0 0 0 3px #dbe3ff}
.mo-q .ti{color:var(--ink3,#7a8195);font-size:17px}
.mo-q input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:.92rem;padding:0;height:100%}
.mo-s{height:42px;border:1px solid var(--line);border-radius:999px;padding:0 12px;background:#fff;font:inherit;font-size:.88rem}
.mo-fb{display:none}
.mo .poz[hidden]{display:none!important}
.mo-wiecej{all:unset;box-sizing:border-box;display:block;width:100%;margin-top:10px;padding:12px;text-align:center;border:1.5px dashed #c9d3fb;border-radius:14px;color:#1f3fd8;font-weight:700;font-size:.9rem;cursor:pointer}
.mo-wiecej:hover{background:#f5f7ff}
.mo-pusto{margin:12px 0;padding:18px;text-align:center;color:var(--ink2,#4a5168);background:#fff;border:1px dashed var(--line);border-radius:14px}
@media (max-width:860px){
  .mo.mo-on{display:block}
  .mo-fb{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;flex:none}
  .mo-fb b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:99px;background:#1f3fd8;color:#fff;font-size:.72rem}
  .mo-f{display:none;position:static;margin:0 0 10px}
  .mo.mo-otw .mo-f{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  .mo-g{flex-wrap:wrap}.mo-q{flex:1 1 100%}
}
/* logowanie: „Nie masz konta?” — żółty pasek pod kartą z ciemnym przyciskiem (22.10.2026, wariant D; było mało widoczne) */
.log-wiersz{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:10px 0}
.log-wiersz .chk{margin:0}
.log-wiersz a{font-size:.88rem;color:var(--ink2);text-decoration:underline;white-space:nowrap}
.log-zaloz{margin-top:10px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-radius:16px;background:#fff6cc;border:1.5px solid #ffd84d}
.log-zaloz>div{flex:1;min-width:170px;display:flex;flex-direction:column;gap:2px}
.log-zaloz b{font-size:1rem;color:var(--ink)}
.log-zaloz span{font-size:.88rem;color:#5c4a00}
.log-zaloz .btn{white-space:nowrap;gap:6px}
@media (max-width:420px){.log-zaloz .btn{width:100%;justify-content:center}}
/* Program partnerski /partnerzy/ (24.10.2026, właściciel: „konkret, rzeczowo, nowocześnie, czytelnie, podzielona na sekcje, responsywna, pokoloryzuj, zachęć”):
   granatowo-niebieskie otwarcie z przykładowym raportem, kolorowe kafle korzyści, raport z wykresem, formy współpracy, kroki, zgłoszenie, pytania */
.wsp{display:flex;flex-direction:column;gap:56px}
.wsp-okr{display:flex;flex-wrap:wrap;gap:6px;font-size:.84rem;color:var(--ink2);margin:-6px 0 -36px}
.wsp-okr a{color:var(--ink2)}.wsp-okr a:hover{color:var(--acc)}
.wsp-etyk{font:600 .76rem/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#ffd60a}
.wsp-etyk2{font:600 .76rem/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.wsp h1,.wsp h2,.wsp h3{font-family:var(--disp);letter-spacing:-.02em;text-wrap:balance;margin:0}
.wsp-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:center;background:#1f3fd8;color:#fff;border-radius:28px;padding:44px 40px 52px}
.wsp-hero-t{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;min-width:0}
.wsp-hero h1{font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.04;font-weight:800;color:#fff}
.wsp-lead{margin:0;font-size:1.06rem;line-height:1.6;color:#dfe5ff;max-width:60ch}
.wsp-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.wsp-btn{display:inline-flex;align-items:center;gap:8px;background:#ffd60a;color:#14110a;font:700 1rem Inter,sans-serif;padding:14px 22px;border-radius:14px;transition:transform .15s}
.wsp-btn:hover{transform:translateY(-1px)}
.wsp-btn2{display:inline-flex;align-items:center;padding:14px 20px;border-radius:14px;border:1.5px solid rgba(255,255,255,.45);color:#fff;font:600 1rem Inter,sans-serif}
.wsp-btn2:hover{background:rgba(255,255,255,.1)}
.wsp-btn:focus-visible,.wsp-btn2:focus-visible{outline:3px solid #ffd60a;outline-offset:3px}
.wsp-zloty{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:7px 14px;border-radius:999px;background:rgba(255,214,10,.16);color:#ffe466;font:600 .9rem Inter,sans-serif}
.wsp-hero-k{position:relative;z-index:1;min-width:0}
.wsp-mini{background:#fff;color:#101219;border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 50px rgba(8,20,90,.35);transform:rotate(1.5deg)}
.wsp-mini-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.wsp-mini-h b{font:700 1rem var(--disp)}
.wsp-mini-h span{font-size:.74rem;color:#6b7080;background:#f1f2f6;border-radius:999px;padding:3px 9px}
.wsp-mini-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wsp-mini-l div{background:#f5f7ff;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.wsp-mini-l small{font-size:.7rem;color:#5a6075;line-height:1.2}
.wsp-mini-l b{font:800 1.3rem/1.1 var(--disp);font-variant-numeric:tabular-nums}
.wsp-mini-l em{font-style:normal;font-size:.74rem;font-weight:700;color:#0b8a6a}
.wsp-spark{width:100%;height:84px;display:block}
.wsp-spark-p{fill:#e6ebff}.wsp-spark-l{fill:none;stroke:#1f3fd8;stroke-width:4;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.wsp-napis{position:absolute;right:24px;bottom:-.3em;font:800 clamp(6rem,14vw,11rem)/1 var(--disp);letter-spacing:-.05em;color:rgba(255,255,255,.07);pointer-events:none;z-index:0}
.wsp-napis i{font-style:normal;color:rgba(255,214,10,.22)}
.wsp-sek{display:flex;flex-direction:column;gap:22px}
.wsp-sek-h{display:flex;flex-direction:column;gap:8px;max-width:68ch}
.wsp-sek-h h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;line-height:1.12}
.wsp-sek-h p{margin:0;color:var(--ink2);font-size:1rem;line-height:1.6}
.wsp-kafle{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.wsp-kafel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px}
.wsp-kafel h3{font-size:1.08rem;font-weight:700;line-height:1.25}
.wsp-kafel p{margin:0;color:var(--ink2);font-size:.93rem;line-height:1.55}
.wsp-ik{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.35rem}
.k1 .wsp-ik{background:#fff4c2;color:#8a6400}.k2 .wsp-ik{background:#ebefff;color:#1f3fd8}.k3 .wsp-ik{background:#e3f6f0;color:#0b8a6a}
.k4 .wsp-ik{background:#ffece6;color:#c4441f}.k5 .wsp-ik{background:#f0ebff;color:#6b4ce6}.k6 .wsp-ik{background:#e5f4fb;color:#1580b5}
.wsp-rap{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:18px}
.wsp-rap-g{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.wsp-rap-g b{font:700 1.05rem var(--disp)}
.wsp-chip{font-size:.76rem;font-weight:600;color:#8a6400;background:#fff4c2;border-radius:999px;padding:4px 11px}
.wsp-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.wsp-kpi-k{border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px}
.wsp-kpi-k small{display:flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600}
.wsp-kpi-k b{font:800 2rem/1.05 var(--disp);font-variant-numeric:tabular-nums;color:#101219}
.wsp-kpi-k em{font-style:normal;font-size:.8rem;font-weight:600;color:#0b8a6a}
.wsp-kpi-k.c1{background:#ebefff}.wsp-kpi-k.c1 small{color:#1f3fd8}
.wsp-kpi-k.c2{background:#e3f6f0}.wsp-kpi-k.c2 small{color:#0b8a6a}
.wsp-kpi-k.c3{background:#f0ebff}.wsp-kpi-k.c3 small{color:#6b4ce6}
.wsp-rap-d{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px;align-items:start}
.wsp-wyk{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.wsp-wyk figcaption{font-size:.86rem;font-weight:600;color:var(--ink2)}
.wsp-wyk-o{display:flex;gap:8px;height:190px}
.wsp-wyk-y{display:flex;flex-direction:column;justify-content:space-between;font-size:.72rem;color:#8a90a2;font-variant-numeric:tabular-nums;padding:2px 0 0;height:calc(100% - 0px)}
.wsp-wyk-s{position:relative;flex:1;min-width:0;height:100%}
.wsp-wyk-s svg{width:100%;height:100%;display:block;overflow:visible}
.wsp-siatka{stroke:#e6e8ef;stroke-width:1;vector-effect:non-scaling-stroke}
.wsp-wyk-p{fill:#e6ebff}
.wsp-wyk-l{fill:none;stroke:#1f3fd8;stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.wsp-wyk-k{position:absolute;right:0;width:14px;height:14px;border-radius:50%;background:#ffd60a;border:3px solid #1f3fd8;transform:translate(50%,-50%)}
.wsp-wyk-x{display:flex;justify-content:space-between;font-size:.72rem;color:#8a90a2;padding-left:26px;font-variant-numeric:tabular-nums}
.wsp-skad{display:flex;flex-direction:column;gap:10px;min-width:0}
.wsp-skad h3{font-size:.95rem;font-weight:700;margin-top:4px}
.wsp-pasek{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:.88rem}
.wsp-pasek b{font-variant-numeric:tabular-nums}
.wsp-pasek i{grid-column:1/-1;height:9px;border-radius:999px;display:block}
.wsp-pasek i.c1{background:#1f3fd8}.wsp-pasek i.c2{background:#2fb58f}.wsp-pasek i.c3{background:#ffc20a}.wsp-pasek i.c4{background:#b6bccd}
.wsp-top{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:.88rem}
.wsp-top li span{display:inline}.wsp-top li b{float:right;font-variant-numeric:tabular-nums}
/* 8 form, 4 kroki, 4 grupy — kolumny 4 / 2 / 1, żeby ostatni rząd nigdy nie zostawał z pustym miejscem */
.wsp-formy,.wsp-kroki,.wsp-kto{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.wsp-formy,.wsp-kroki,.wsp-kto{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.wsp-formy,.wsp-kroki,.wsp-kto{grid-template-columns:1fr}}
.wsp-forma{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.wsp-forma>.ti{flex:none;width:40px;height:40px;border-radius:12px;background:#ebefff;color:#1f3fd8;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.wsp-forma:nth-child(4n+2)>.ti{background:#e3f6f0;color:#0b8a6a}.wsp-forma:nth-child(4n+3)>.ti{background:#ffece6;color:#c4441f}.wsp-forma:nth-child(4n+4)>.ti{background:#fff4c2;color:#8a6400}
.wsp-forma div{display:flex;flex-direction:column;gap:3px;min-width:0}
.wsp-forma b{font-size:.98rem}
.wsp-forma span{font-size:.88rem;color:var(--ink2);line-height:1.45}
.wsp-kroki{list-style:none;margin:0;padding:0;counter-reset:krok}
.wsp-kroki li{counter-increment:krok;position:relative;background:#f5f7ff;border-radius:18px;padding:52px 18px 18px;display:flex;flex-direction:column;gap:4px}
.wsp-kroki li::before{content:counter(krok);position:absolute;top:16px;left:18px;width:28px;height:28px;border-radius:50%;background:#1f3fd8;color:#fff;font:800 .9rem/28px var(--disp);text-align:center}
.wsp-kroki b{font-size:1rem}
.wsp-kroki span{font-size:.9rem;color:var(--ink2);line-height:1.45}
.wsp-kto-k{border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:8px}
.wsp-kto-k .ti{font-size:1.6rem}
.wsp-kto-k b{font:700 1.05rem var(--disp)}
.wsp-kto-k span{font-size:.9rem;line-height:1.5}
.wsp-kto-k.c1{background:#ebefff;color:#16289a}.wsp-kto-k.c2{background:#fff4c2;color:#5c4300}.wsp-kto-k.c3{background:#e3f6f0;color:#075e48}.wsp-kto-k.c4{background:#ffece6;color:#8f2f13}
.wsp-zgl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:start;background:#101219;color:#f1f2f6;border-radius:28px;padding:36px;scroll-margin-top:80px}
.wsp-zgl-t{display:flex;flex-direction:column;gap:14px;min-width:0}
.wsp-zgl-t h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#fff}
.wsp-zgl-t p{margin:0;color:#c8cad3;line-height:1.6}
.wsp-obiet{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:.94rem;color:#e6e7ec}
.wsp-obiet li{display:flex;gap:10px;align-items:center}
.wsp-obiet .ti{color:#ffd60a;font-size:1.15rem}
.wsp-form{background:#fff;color:var(--ink);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:6px;min-width:0}
.wsp-form .lbl{margin-top:8px}
.wsp-chipy{border:0;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wsp-chipy legend{padding:0;margin-bottom:8px}
.wsp-ch{position:relative;cursor:pointer}
.wsp-ch input{position:absolute;opacity:0;width:1px;height:1px}
.wsp-ch span{display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;border:1.5px solid var(--line2,#d3d7e2);background:#fff;font-size:.88rem;font-weight:500;transition:border-color .15s,background .15s}
.wsp-ch input:checked+span{border-color:#1f3fd8;background:#ebefff;color:#16289a;font-weight:600}
.wsp-ch input:focus-visible+span{outline:3px solid #ffd60a;outline-offset:2px}
.wsp-wyslij{gap:8px;margin-top:6px}
.wsp-faq{display:flex;flex-direction:column;gap:10px;max-width:820px}
.wsp-faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 18px}
.wsp-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-weight:600;font-size:1rem}
.wsp-faq summary::-webkit-details-marker{display:none}
.wsp-faq summary .ti{transition:transform .2s;color:var(--acc)}
.wsp-faq details[open] summary .ti{transform:rotate(180deg)}
.wsp-faq details p{margin:0 0 16px;color:var(--ink2);line-height:1.6}
/* zapisy, rezerwacje, rozliczenia — dwie karty ze zdjęciem (24.10.2026, wariant B) */
.wsp-sek-h p b{color:var(--ink)}
.wsp-0zl{display:block;width:max-content;margin-top:10px;padding:3px 12px;border-radius:999px;background:#ffd60a;color:#14110a;font:800 .9rem/1.6 Inter,sans-serif;white-space:nowrap}
.wsp-usl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wsp-usl-k{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.wsp-usl-k img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#eef0f5}
.wsp-usl-t{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px}
.wsp-usl-e{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:5px 12px;border-radius:999px;font-size:.84rem;font-weight:700}
.wsp-usl-k.c2 .wsp-usl-e{background:#fff4c2;color:#5c4300}.wsp-usl-k.c3 .wsp-usl-e{background:#e3f6f0;color:#075e48}
.wsp-usl-t h3{font-size:1.15rem;font-weight:800;line-height:1.25}
.wsp-usl-t ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.wsp-usl-t li{position:relative;padding-left:26px;font-size:.93rem;line-height:1.5;color:var(--ink2)}
.wsp-usl-t li b{color:var(--ink)}
.wsp-usl-t li::before{content:"";position:absolute;left:0;top:.3em;width:16px;height:16px;border-radius:50%;background:#0b8a6a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.wsp-usl-pas{display:flex;align-items:center;gap:16px;background:#ebefff;color:#16289a;border-radius:20px;padding:18px 22px}
.wsp-usl-pas>.ti{flex:none;width:44px;height:44px;border-radius:14px;background:#1f3fd8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.wsp-usl-pas p{margin:0;flex:1;min-width:0;line-height:1.55}
.wsp-usl-pas .wsp-btn{flex:none}
@media (max-width:760px){.wsp-usl{grid-template-columns:1fr}.wsp-usl-pas{flex-wrap:wrap}.wsp-usl-pas .wsp-btn{width:100%;justify-content:center}}
@media (max-width:860px){
  .wsp{gap:44px}
  .wsp-hero{grid-template-columns:1fr;padding:30px 22px 40px;gap:28px;border-radius:22px}
  .wsp-mini{transform:none}
  .wsp-rap{padding:18px}
  .wsp-rap-d{grid-template-columns:1fr}
  .wsp-zgl{grid-template-columns:1fr;padding:24px 18px;border-radius:22px;gap:22px}
  .wsp-form{padding:18px}
}
@media (max-width:420px){.wsp-cta a{width:100%;justify-content:center}.wsp-mini-l{grid-template-columns:1fr 1fr 1fr}.wsp-mini-l b{font-size:1.1rem}}
@media (prefers-reduced-motion:reduce){.wsp-btn,.wsp-ch span,.wsp-faq summary .ti{transition:none}}
/* góra „Moje konto” na telefonie (27.10.2026, właściciel: „góra się rozjechała, nie wygląda profesjonalnie” — wybrał górę z C,
   od „Firma PRO” w dół z A): imię, jedna linia „● online · Tarnów” z samym przełącznikiem, PRO jednym paskiem,
   „Dodaj” + 3 kafelki, podłączenie systemu jako cienki pasek, Lista/Kafelki przy nagłówku pierwszego działu */
.kp-on-m,.kp-kr{display:none}
.kp-sw-t{font-style:normal}
@media (max-width:560px){
  .kp-gora{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px}
  .kp-kto{display:contents}
  .kmain .kp-cze{grid-column:1/-1;margin:2px 0 2px;font-size:1.45rem;line-height:1.15}
  .kp-cze>.kp-on{display:none}
  .kp-st{grid-column:1;font-size:.86rem;min-width:0}
  .kp-gora .kp-akcje{grid-column:2;grid-row:2}
  .kp-przez{grid-column:1/-1}
  .kp-st .kp-on-m{display:inline;padding:0;border-radius:0;background:none;font-size:inherit}
  .kp-on-m i{display:inline-block;width:7px;height:7px;margin:0 6px 0 2px;vertical-align:1px}
  .kp-on-m::after{content:" · ";color:#6b7080;font-weight:400}
  .kp-mail{display:none}
  .kp-sw{height:auto;padding:6px 0 6px 6px;border:0;background:none}
  .kp-sw-t{display:none}
  .kp-dl{display:none}.kp-kr{display:inline}
  .kp-vip{flex-wrap:nowrap;gap:10px;margin:14px 0 0;padding:8px 8px 8px 10px;border-radius:14px}
  .kp-vip-ik{width:30px;height:30px;border-radius:9px;font-size:17px}
  .kp-vip-t b{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kp-vip-t span{display:none}
  .kp-vip .btn{width:auto;flex:none;height:30px;padding:0 6px;background:none;border:0;box-shadow:none;color:#8a5a00;font-size:.86rem;font-weight:700}
  .kp-vip .btn .ti{display:none}
  .kp-vip .btn::after{content:"\203A";font-size:1.25em;line-height:1;margin-left:4px}
  .kp-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
  .kp-start>.btn{min-width:0}
  .kp-start>.btn:first-child{grid-column:1/-1}
  .kp-start>.kp-al{flex-direction:column;gap:3px;height:auto;min-height:64px;padding:9px 4px;border-radius:14px;font-size:.84rem}
  .kp-start>.kp-al .ti{font-size:1.35rem;color:#1f3fd8}
  .kp-start>.kp-al .kp-al-n{height:18px;padding:0 7px;font-size:.68rem}
  .kp-start>.kp-al>.muted{font-size:.72rem}
  .ig-box{flex-wrap:nowrap;gap:10px;margin-top:12px;padding:10px 8px 10px 12px;border-radius:14px;background:#fff;color:var(--ink,#14215f);border:1px dashed #c9cfe0}
  .ig-box .ti{font-size:1.25rem;color:#1f3fd8}
  .ig-box b{font-size:.84rem;line-height:1.3}
  .ig-box span{display:none}
  .ig-box a{width:auto;padding:6px;background:none;color:#1f3fd8;font-size:.84rem}
  .ig-box a::after{content:" \203A"}
  .kmain h2.kp-h-w{display:flex;align-items:center;gap:6px}
  .kp-h-w .kp-widok{margin:0 0 0 auto;padding:3px;border-radius:10px}
  .kp-h-w .kp-widok button{height:28px;padding:0 9px;gap:0;font-size:0}
  .kp-h-w .kp-widok .ti{font-size:1.05rem}
}