/* social.iwaszka.pl — Centrum social mediów · ARKUSZ DODATKÓW (Claude Design, 9.10.2026, sesja CZSIw-13)
   Ładowany PO panel.css i tylko na social:  <link rel="stylesheet" href="/zasoby/panel.css"> <link rel="stylesheet" href="/zasoby/social.css">
   <body class="pz pz-sm" data-motyw="…"> — tokeny, stany (data-stan), przyciski, pola, karty, stopka i ekran logowania biorę z panelu bez zmian.
   Nowe komponenty: przedrostek pz-sm-. Kolory WYŁĄCZNIE z tokenów panelu (--pz-*); jedyny nowy token: tło podglądu telefonu (§1).
   Zero style= w HTML: proporcja kadru = data-kadr, szerokości = klasy. Narożniki proste (system iwaszka), jak panel.
   Spis: 1 tokeny · 2 szkielet (góra, menu, Więcej, wybór marki) · 3 tytuł ekranu, stan posta · 4 pigułki z licznikiem · 5 kolejka
   · 6 podgląd telefonu · 7 decyzja (kontrola, potwierdzenia, przyciski) · 8 ekran posta · 9 sekcje zwijane i formularze · 10 reguły
   · 11 materiały · 12 publikacja (kanały) · 13 lista postów · 14 strategia · 15 konta i klucze · 16 tabele czytane na telefonie
   · 17 telefon (≥ 15 px, ≥ 44 px) · 18 ZGODNOŚĆ — stare klasy (gbsm-*, widefat, button*, notice*, czs-*) w systemie panelu */

/* 1. Tokeny — tło kadru „jak na telefonie” (wpis platformy jest biały w jasnym, grafitowy w ciemnym) */
.pz-sm{--pz-sm-tel:var(--iw-biel);--pz-sm-tel-kreska:var(--iw-kamien)}
@media (prefers-color-scheme:dark){.pz-sm:not([data-motyw="jasny"]){--pz-sm-tel:var(--iw-grafit);--pz-sm-tel-kreska:#7D776C}}
.pz-sm[data-motyw="ciemny"]{--pz-sm-tel:var(--iw-grafit);--pz-sm-tel-kreska:#7D776C}

/* 2. Szkielet.
   Góra NIE jest przyklejona (w panelu jest od 800 px): w social są dwa rzędy (konto + menu, ~120 px), a na laptopie 1366×768
   każdy piksel wysokości to karta kolejki. Przyklejona jest za to kolumna decyzji (§5, §8). */
.pz-sm .pz-gora{position:relative}
.pz-sm .pz-gora__nazwa{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
.pz-sm .pz-gora__social .pz-przycisk{min-height:44px}
@media (max-width:799px){
  .pz-sm .pz-gora__wnetrze{grid-template-areas:"marka marka" "social konto";gap:8px 12px;padding-bottom:4px}
  .pz-sm .pz-gora__social{margin-top:0}
  .pz-sm .pz-gora__konto{margin-top:0;justify-self:end}
}
/* menu — drugi rząd góry; bieżąca pozycja: grafitowa kreska 3 px nad złotą kreską góry */
.pz-sm-menu{max-width:var(--pz-szer);margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;align-items:stretch}
.pz-sm-menu__lista{display:flex;flex-wrap:wrap;align-items:stretch}
.pz-sm-menu__lista > li{display:flex}
.pz-sm-menu__link{display:inline-flex;align-items:center;gap:8px;min-height:48px;white-space:nowrap;padding:0 12px;font-size:15px;font-weight:500;line-height:1.2;color:var(--pz-tekst);text-decoration:none;box-shadow:inset 0 -3px 0 transparent;transition:box-shadow 120ms var(--ease-out)}
.pz-sm-menu__link:hover{box-shadow:inset 0 -3px 0 var(--pz-kreska)}
.pz-sm-menu__link[aria-current="page"]{font-weight:600;box-shadow:inset 0 -3px 0 var(--pz-tekst)}
.pz-sm-menu__link:focus-visible{outline-offset:-3px}
/* licznik przy „Do akceptacji”: złote tło + grafit (7,9:1) — jedyne złoto w menu = to, co czeka na Ciebie */
.pz-sm-licznik{display:inline-grid;place-items:center;min-width:26px;height:24px;padding:0 7px;font-size:14px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--pz-na-akcencie);background:var(--pz-akcent);border-radius:var(--pz-r-znacznik)}
.pz-sm-licznik[data-zero]{background:transparent;color:var(--pz-tekst-2);box-shadow:inset 0 0 0 1px var(--pz-kreska-przerywana)}
/* „Więcej ▾” — <details>, pozycje administratora (P7). Na telefonie także Archiwum i Zasady (--waski). */
.pz-sm-wiecej{position:relative;display:flex}
.pz-sm-wiecej > summary{list-style:none;cursor:pointer}
.pz-sm-wiecej > summary::-webkit-details-marker{display:none}
.pz-sm-wiecej > summary::after{content:"▾";content:"▾" / "";font-size:13px;color:var(--pz-tekst-2)}
.pz-sm-wiecej[open] > summary{box-shadow:inset 0 -3px 0 var(--pz-kreska)}
.pz-sm-wiecej[open] > summary::after{content:"▴";content:"▴" / ""}
.pz-sm-wiecej__lista{position:absolute;z-index:40;top:100%;right:0;min-width:220px;display:flex;flex-direction:column;padding:6px 0;background:var(--pz-karta);border:1px solid var(--pz-kreska);box-shadow:var(--shadow-menu)}
.pz-sm-wiecej__lista .pz-sm-menu__link{width:100%;padding:0 16px;box-shadow:none}
.pz-sm-wiecej__lista .pz-sm-menu__link:hover{background:var(--pz-kafel)}
.pz-sm-wiecej__lista .pz-sm-menu__link[aria-current="page"]{box-shadow:inset 3px 0 0 var(--pz-tekst)}
.pz-sm-menu__pozycja--waski{display:none!important}
@media (max-width:699px){
  .pz-sm-menu{padding:0 6px}
  .pz-sm-menu__link{padding:0 10px}
  .pz-sm-menu__pozycja--szeroki{display:none!important}
  .pz-sm-menu__pozycja--waski{display:flex!important}
  .pz-sm-wiecej__lista{right:auto;left:0}
}
/* wybór marki (P5): pigułki /?marka=<kod> od 900 px; węziej <select> + „Pokaż” (bez JS) */
.pz-sm-marki{max-width:var(--pz-szer);margin:0 auto;padding:20px 32px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.pz-sm-marki__etykieta{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz-sm-marki__lista{display:flex;flex-wrap:wrap;gap:8px}
.pz-sm-marki__formularz{display:none;align-items:center;gap:8px;flex:1 1 auto}
.pz-sm-marki__formularz .pz-pole__wejscie{width:auto;flex:1 1 auto;max-width:320px;min-height:44px;padding:8px 12px;font-size:16px;font-weight:600}
@media (max-width:899px){.pz-sm-marki__lista{display:none}.pz-sm-marki__formularz{display:flex}}
@media (max-width:699px){.pz-sm-marki{padding:14px 16px 0}}

/* 3. Tytuł ekranu i stan posta */
.pz-sm-brew{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;color:var(--pz-tekst-2)}
.pz-sm-brew::before{content:"";flex:none;width:32px;height:3px;background:var(--pz-akcent)}
.pz-sm-tytul{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.pz-sm-tytul__h1{font-size:32px;line-height:1.15;letter-spacing:-0.01em;overflow-wrap:anywhere}
.pz-sm-tytul__rzad{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.pz-sm-tytul__opis{font-size:16px;line-height:1.55;color:var(--pz-tekst-2);max-width:76ch;text-wrap:pretty}
.pz-sm-tytul__opis strong{color:var(--pz-tekst);font-weight:600}
.pz-sm-tytul__meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-sm-tytul__meta code{font-family:var(--pz-mono);font-size:13px}
@media (max-width:699px){.pz-sm-tytul__h1{font-size:26px}.pz-sm-tytul__meta{font-size:15px}}
/* stan posta: słowo zawsze widoczne + znak stanu z panelu (pz-znak). data-post = stan z bazy, data-stan = wygląd */
.pz-sm-stan{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:3px 10px;border:1px solid var(--pz-kreska);border-radius:var(--pz-r-znacznik);background:var(--pz-karta);font-size:14px;font-weight:600;line-height:1.2;color:var(--pz-tekst);white-space:nowrap}
.pz-sm-stan[data-post="szkic"]{border-style:dashed;border-color:var(--pz-kreska-przerywana);color:var(--pz-tekst-2)}
.pz-sm-stan[data-post="do_akceptacji"]{background:var(--pz-uwaga-tlo);border-color:var(--pz-uwaga-kreska)}
.pz-sm-stan[data-post="zaakceptowany"]{border-color:var(--pz-tekst)}
.pz-sm-stan[data-post="opublikowany"]{background:var(--pz-ok-tlo);border-color:var(--pz-ok-kreska)}
.pz-sm-stan[data-post="wycofany"]{border-style:dashed;border-color:var(--pz-kreska-przerywana);color:var(--pz-tekst-2)}
/* znacznik w tytule: „z linkiem” (zamiast 🔗 z nazwy roboczej), „przypięty” itd. */
.pz-sm-znacznik{display:inline-flex;align-items:center;min-height:22px;padding:1px 7px;border:1px solid var(--pz-pole-kreska);border-radius:var(--pz-r-znacznik);font-size:13px;font-weight:600;line-height:1.2;color:var(--pz-tekst);white-space:nowrap;vertical-align:2px}

/* 4. Pigułki z licznikiem — filtr kolejki (?tylko=), stany listy (?stan=). Reużywa pz-skrot z panelu. */
.pz-sm-pigulki{display:flex;flex-wrap:wrap;gap:8px}
.pz-skrot .pz-sm-ile{font-size:14px;font-weight:600;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-skrot[aria-current="true"] .pz-sm-ile{color:var(--pz-tekst)}
.pz-skrot[data-zero]{border-style:dashed;border-color:var(--pz-kreska-przerywana);color:var(--pz-tekst-2)}

/* 5. Kolejka „Do akceptacji” (/kolejka) — filtr marki, spis, grupy marka → tydzień, karta decyzji */
.pz-sm-kolejka{display:flex;flex-direction:column;gap:40px}
.pz-sm-pasek-kolejki{display:flex;flex-direction:column;gap:16px}
/* spis treści: zwinięty; kolumny czytane w dół */
.pz-sm-spis{background:var(--pz-karta);border:1px solid var(--pz-kreska)}
.pz-sm-spis > summary{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;min-height:56px;padding:6px 20px;font-size:16px;font-weight:600;cursor:pointer;list-style:none}
.pz-sm-spis > summary::-webkit-details-marker{display:none}
.pz-sm-spis > summary::before{content:"+";display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border:2px solid var(--pz-tekst);border-radius:var(--pz-r-znacznik);font-size:15px;line-height:1}
.pz-sm-spis[open] > summary::before{content:"–"}
.pz-sm-spis__dopisek{font-size:14px;font-weight:400;color:var(--pz-tekst-2)}
.pz-sm-spis__tresc{columns:3 300px;column-gap:40px;padding:4px 20px 20px;border-top:1px solid var(--pz-kreska)}
.pz-sm-spis__marka{break-inside:avoid-column;padding-top:16px}
.pz-sm-spis__marka > a{font-size:16px;font-weight:600}
.pz-sm-spis__tydzien{break-inside:avoid;margin-top:10px}
.pz-sm-spis__tydzien > p{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst-2);margin-bottom:2px}
.pz-sm-spis__tydzien li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px}
.pz-sm-spis__tydzien a{display:inline-block;padding:4px 0;font-size:15px;line-height:1.35;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--pz-kreska-przerywana)}
.pz-sm-spis__tydzien a:hover{text-decoration-color:currentColor}
.pz-sm-spis__nr{font-variant-numeric:tabular-nums;color:var(--pz-tekst-2)}
.pz-sm-spis__uwaga{font-size:13px;font-weight:600;color:var(--pz-uwaga)}
/* grupa marki */
.pz-sm-grupa{display:flex;flex-direction:column;gap:28px;scroll-margin-top:16px}
.pz-sm-grupa__glowka{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding-top:4px}
.pz-sm-grupa__glowka::before{content:"";flex:0 0 100%;width:24px;max-width:24px;height:3px;margin-bottom:10px;background:var(--pz-akcent)}
.pz-sm-grupa__tytul{font-size:26px;line-height:1.15;letter-spacing:-0.01em}
.pz-sm-grupa__ile{font-size:15px;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-sm-tydzien{display:flex;flex-direction:column;gap:16px}
.pz-sm-tydzien__tytul{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;color:var(--pz-tekst-2)}
.pz-sm-tydzien__tytul::after{content:"";flex:1 1 auto;height:1px;background:var(--pz-kreska)}
.pz-sm-tydzien__tytul span{color:var(--pz-tekst)}
/* karta decyzji: tytuł na całą szerokość, pod nim podgląd(y) | decyzja.
   data-kanalow="1": wąski podgląd (320 px) + szeroka decyzja; "2"/"3": szerokie podglądy obok siebie + decyzja 340 px (P3). */
.pz-sm-kol{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"tytul" "podglad" "decyzja";gap:16px 32px;padding:20px 24px 24px;background:var(--pz-karta);border:1px solid var(--pz-kreska);scroll-margin-top:16px}
.pz-sm-kol::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:4px;background:transparent}
.pz-sm-kol[data-stan="uwaga"]::before{background:var(--pz-uwaga)}
.pz-sm-kol[data-stan="blad"]::before{background:var(--pz-blad)}
.pz-sm-kol:target{outline:2px solid var(--pz-tekst);outline-offset:4px}
.pz-sm-kol__tytul{grid-area:tytul;display:flex;flex-direction:column;gap:6px;min-width:0}
.pz-sm-kol__meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.35;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-sm-kol__meta > *{white-space:nowrap}
.pz-sm-kol__meta > * + *{padding-left:10px;border-left:1px solid var(--pz-kreska)}
.pz-sm-kol__h{font-size:19px;font-weight:600;line-height:1.35;letter-spacing:-0.005em;overflow-wrap:anywhere;text-wrap:pretty}
.pz-sm-kol__h a{text-decoration-thickness:2px;text-underline-offset:5px}
.pz-sm-kol__podglad{grid-area:podglad;display:flex;flex-direction:column;gap:12px;min-width:0}
.pz-sm-kol__decyzja{grid-area:decyzja;min-width:0}
.pz-sm-kol__decyzja{padding-top:20px;border-top:1px solid var(--pz-kreska)}
@media (min-width:760px){
  .pz-sm-kol[data-kanalow="1"]{grid-template-columns:minmax(260px,320px) minmax(0,1fr);grid-template-areas:"tytul tytul" "podglad decyzja"}
  .pz-sm-kol[data-kanalow="1"] .pz-sm-decyzja{max-width:520px}
  .pz-sm-kol[data-kanalow="1"] .pz-sm-kol__decyzja{position:sticky;top:16px;align-self:start;padding:0 0 0 32px;border-top:0;border-left:1px solid var(--pz-kreska)}
}
@media (min-width:1100px){
  .pz-sm-kol{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"tytul tytul" "podglad decyzja"}
  .pz-sm-kol[data-kanalow="1"]{grid-template-columns:320px minmax(0,1fr)}
  .pz-sm-kol__decyzja{position:sticky;top:16px;align-self:start;padding:0 0 0 32px;border-top:0;border-left:1px solid var(--pz-kreska)}
}
@media (max-width:699px){.pz-sm-kol{padding:18px 16px 20px;margin:0 -16px;border-left:0;border-right:0}.pz-sm-kol__h{font-size:18px}.pz-sm-grupa__tytul{font-size:23px}.pz-sm-spis__tresc{padding:4px 16px 16px}.pz-sm-spis > summary{padding:6px 16px}}
/* pełny tekst — raz na kartę (wspólny dla kanałów), zwinięty */
.pz-sm-pelny{border-top:1px solid var(--pz-kreska)}
.pz-sm-pelny > summary{display:flex;align-items:center;gap:10px;min-height:48px;font-size:15px;font-weight:600;cursor:pointer;list-style:none}
.pz-sm-pelny > summary::-webkit-details-marker{display:none}
.pz-sm-pelny > summary::before{content:"+";display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border:2px solid var(--pz-tekst);border-radius:var(--pz-r-znacznik);font-size:15px;line-height:1}
.pz-sm-pelny[open] > summary::before{content:"–"}
.pz-sm-pelny > summary span{font-weight:400;color:var(--pz-tekst-2)}
.pz-sm-pelny__tekst{max-width:68ch;padding:4px 0 8px;font-size:16px;line-height:1.6;overflow-wrap:anywhere;text-wrap:pretty}
/* pusta kolejka */
.pz-sm-pusto{background:var(--pz-karta);border:1px solid var(--pz-kreska);padding:8px 24px 4px}
.pz-sm-pusto .pz-pusto{border-top:0}

/* 6. Podgląd „jak na telefonie” — section.pz-sm-tel[data-platforma]; kolejność części jak na platformie:
   Facebook, LinkedIn, Threads: głowa → tekst → kadr; Instagram: głowa → kadr → tekst (nazwa konta pogrubiona na początku).
   Bez imitacji ikon i liczników. Awatar: koło (FB, IG, Threads), kwadrat (LinkedIn — strona firmowa). Kadr: data-kadr. */
.pz-sm-podglady{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.pz-sm-tel{flex:1 1 250px;max-width:340px;min-width:0;display:flex;flex-direction:column;background:var(--pz-sm-tel);border:1px solid var(--pz-sm-tel-kreska);color:var(--pz-tekst)}
.pz-sm-kol[data-kanalow="1"] .pz-sm-tel,.pz-sm-post .pz-sm-tel{max-width:360px}
.pz-sm-tel__glowa{display:flex;align-items:center;gap:10px;padding:10px 12px;line-height:1.25;min-width:0}
.pz-sm-tel__awatar{flex:none;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--pz-tekst);color:var(--pz-karta);font-size:15px;font-weight:700}
.pz-sm-tel[data-platforma="linkedin"] .pz-sm-tel__awatar{border-radius:0}
.pz-sm-tel[data-platforma="threads"] .pz-sm-tel__awatar{width:32px;height:32px;font-size:14px}
.pz-sm-tel__kto{display:flex;flex-direction:column;min-width:0}
.pz-sm-tel__kto b{font-size:15px;font-weight:600;overflow-wrap:anywhere}
.pz-sm-tel__kto span{font-size:13px;color:var(--pz-tekst-2)}
.pz-sm-tel__tekst{padding:2px 12px 12px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.pz-sm-tel[data-platforma="instagram"] .pz-sm-tel__tekst{padding-top:10px}
.pz-sm-tel[data-platforma="threads"] .pz-sm-tel__tekst,.pz-sm-tel[data-platforma="threads"] .pz-sm-tel__kadr{margin-left:54px}
.pz-sm-tel[data-platforma="threads"] .pz-sm-tel__tekst{padding:0 12px 12px 0;margin-top:-8px}
.pz-sm-tel[data-platforma="threads"] .pz-sm-tel__kadr{margin-right:12px;margin-bottom:12px}
.pz-sm-tel__wiecej{font-weight:600;color:var(--pz-tekst-2)}
.pz-sm-tel__kadr{position:relative;aspect-ratio:4 / 5;background:var(--pz-wypelnienie);overflow:hidden}
.pz-sm-tel__kadr[data-kadr="1x1"]{aspect-ratio:1 / 1}
.pz-sm-tel__kadr[data-kadr="3x4"]{aspect-ratio:3 / 4}
.pz-sm-tel__kadr[data-kadr="191x100"]{aspect-ratio:191 / 100}
.pz-sm-tel__kadr img{width:100%;height:100%;object-fit:cover;display:block}
.pz-sm-tel__uwaga{padding:8px 12px;font-size:14px;line-height:1.4;color:var(--pz-tekst);background:var(--pz-uwaga-tlo);border-top:1px solid var(--pz-uwaga-kreska)}

/* 7. Decyzja — meta, kontrola (skrót), potwierdzenia, Akceptuję / Odrzuć. Ten sam blok w kolejce i na ekranie posta. */
.pz-sm-decyzja{display:flex;flex-direction:column;gap:16px;min-width:0}
.pz-sm-decyzja > form{display:flex;flex-direction:column;gap:12px}
.pz-sm-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;font-size:15px;line-height:1.4}
.pz-sm-meta dt{padding-top:2px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz-sm-meta dd{margin:0;min-width:0;overflow-wrap:anywhere}
.pz-sm-meta dd a{text-decoration-thickness:1px;text-underline-offset:3px}
.pz-sm-meta dd small{display:block;font-size:14px;color:var(--pz-tekst-2)}
/* kontrola — stan, nie przypis: ok = spokojne tło kafla; do potwierdzenia = uwaga; blokada = błąd */
.pz-sm-kontrola{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:baseline;padding:12px 14px;background:var(--pz-kafel);border:1px solid var(--pz-kafel-kreska);font-size:15px;line-height:1.45}
.pz-sm-kontrola > .pz-znak{align-self:center}
.pz-sm-kontrola__glowne{font-weight:600}
.pz-sm-kontrola__reszta{grid-column:2;font-size:14px;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-sm-kontrola__reszta a{color:var(--pz-tekst);text-decoration-thickness:1px;text-underline-offset:3px}
.pz-sm-kontrola[data-stan="uwaga"]{background:var(--pz-uwaga-tlo);border-color:var(--pz-uwaga-kreska)}
.pz-sm-kontrola[data-stan="blad"]{background:var(--pz-blad-tlo);border-color:var(--pz-blad-kreska)}
.pz-sm-kontrola[data-stan="uwaga"] .pz-sm-kontrola__reszta,.pz-sm-kontrola[data-stan="blad"] .pz-sm-kontrola__reszta{color:var(--pz-tekst)}
.pz-sm-kontrola ul{grid-column:2;display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:14px}
/* potwierdzenia: każde osobno, wiersz ≥ 44 px, pole 22 px */
.pz-sm-potw{margin:0;padding:12px 14px 6px;border:1px solid var(--pz-uwaga-kreska);background:var(--pz-uwaga-tlo);min-width:0}
.pz-sm-potw legend{float:left;width:100%;padding:0 0 4px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst)}
.pz-sm-wybor{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:10px 0;font-size:15px;line-height:1.4;cursor:pointer;clear:both}
.pz-sm-wybor input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--pz-tekst);cursor:pointer}
.pz-sm-wybor + .pz-sm-wybor{border-top:1px solid var(--pz-kreska)}
.pz-sm-wybor small{display:block;font-size:14px;color:var(--pz-tekst-2)}
/* powód zablokowania — zawsze nad wyłączonym przyciskiem, przycisk wskazuje go przez aria-describedby */
.pz-sm-powod{font-size:15px;line-height:1.45;font-weight:600;color:var(--pz-blad)}
.pz-sm-powod[data-stan="uwaga"]{color:var(--pz-uwaga)}
.pz-sm .pz-platforma{white-space:nowrap}
.pz-sm .pz-sm-polaczenia .pz-platforma{white-space:normal}
.pz-sm-odrzuc{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--pz-kreska)}
.pz-sm-odrzuc__rzad{display:flex;flex-wrap:wrap;gap:8px}
.pz-sm-odrzuc__rzad .pz-pole__wejscie{flex:1 1 220px;width:auto;min-width:0}
.pz-sm-odrzuc__rzad .pz-przycisk{flex:1 1 auto}
.pz-sm-odrzuc-rozwin .pz-sm-odrzuc{border-top:0;padding-top:0}
.pz-sm-odrzuc-rozwin > .pz-rozwin__tresc{padding-top:0}
.pz-sm-drobne{font-size:14px;line-height:1.45;color:var(--pz-tekst-2);text-wrap:pretty}

/* 8. Ekran posta (/post/N): pasek posta; od 1100 px dwie kolumny (P4):
   „podgląd” | „decyzja” (przyklejona), pod podglądem „reszta” (kontrola, sekcje edycji). Kolejność HTML = podgląd, decyzja, reszta —
   tak samo czyta się ekran od lewej do prawej i z góry na dół, więc tabulacja zgadza się z oczami (bez CSS order). */
.pz-sm-pasek{display:flex;flex-direction:column;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--pz-kreska)}
.pz-sm-post{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.pz-sm-post > *{min-width:0}
@media (min-width:1100px){
  .pz-sm-post{grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"podglad decyzja" "reszta decyzja";column-gap:32px}
  .pz-sm-post__podglad{grid-area:podglad}
  .pz-sm-post__decyzja{grid-area:decyzja;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain}
  .pz-sm-post__reszta{grid-area:reszta}
}
.pz-sm-post__reszta{display:flex;flex-direction:column;gap:16px}
.pz-sm-blok{display:flex;flex-direction:column;gap:16px;min-width:0;padding:20px 24px 24px;background:var(--pz-karta);border:1px solid var(--pz-kreska);scroll-margin-top:16px}
.pz-sm-blok__tytul{font-size:20px;line-height:1.3}
.pz-sm-blok__glowka{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}
.pz-sm-blok__glowka p{font-size:14px;color:var(--pz-tekst-2)}
.pz-sm-post__decyzja.pz-sm-blok{gap:16px}
.pz-sm-post__decyzja .pz-sm-blok__tytul{font-size:18px}
/* tekst, który pójdzie do publikacji — czytelna ramka tekstu, nie kod */
.pz-sm-tekst{max-width:68ch;margin:0;padding:18px 20px;font:400 16px/1.6 var(--font-sans);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--pz-kafel);border:1px solid var(--pz-kreska);color:var(--pz-tekst)}
@media (max-width:699px){.pz-sm-blok{padding:16px 16px 20px;margin:0 -16px;border-left:0;border-right:0}.pz-sm-tekst{padding:14px 14px}}

/* 9. Sekcje zwijane (edycja posta, konta) i formularze. Nagłówek niesie podsumowanie — nie trzeba rozwijać, żeby wiedzieć, co w środku. */
.pz-sm-sekcja{background:var(--pz-karta);border:1px solid var(--pz-kreska);scroll-margin-top:16px;min-width:0}
.pz-sm-sekcja > summary{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:2px 14px;align-items:center;min-height:64px;padding:12px 24px;cursor:pointer;list-style:none}
.pz-sm-sekcja > summary::-webkit-details-marker{display:none}
.pz-sm-sekcja > summary::before{content:"+";grid-row:1 / span 2;display:inline-grid;place-items:center;width:22px;height:22px;border:2px solid var(--pz-tekst);border-radius:var(--pz-r-znacznik);font-size:15px;font-weight:600;line-height:1}
.pz-sm-sekcja[open] > summary::before{content:"–"}
.pz-sm-sekcja[open] > summary{border-bottom:1px solid var(--pz-kreska)}
.pz-sm-sekcja__tytul{font-size:18px;font-weight:600;line-height:1.3}
.pz-sm-sekcja__skrot{grid-column:2;font-size:14px;line-height:1.4;color:var(--pz-tekst-2);overflow-wrap:anywhere}
.pz-sm-sekcja__stan{grid-column:3;grid-row:1 / span 2}
.pz-sm-sekcja__tresc{display:flex;flex-direction:column;gap:20px;padding:20px 24px 24px;min-width:0}
@media (max-width:699px){.pz-sm-sekcja{margin:0 -16px;border-left:0;border-right:0}.pz-sm-sekcja > summary{padding:12px 16px;grid-template-columns:22px minmax(0,1fr)}.pz-sm-sekcja__stan{grid-column:2;grid-row:auto;justify-self:start;margin-top:4px}.pz-sm-sekcja__tresc{padding:16px 16px 20px}.pz-sm-sekcja__skrot{font-size:15px}}
/* pola w siatce: reaguje na szerokość kolumny, nie ekranu */
.pz-sm-pola{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px 20px;container-type:inline-size}
.pz-sm-pola > .pz-pole--cale{grid-column:1 / -1}
.pz-sm .pz-pole__wejscie{max-width:100%}
.pz-sm textarea.pz-pole__wejscie{min-height:220px;line-height:1.55;resize:vertical}
.pz-sm textarea.pz-pole__wejscie--niska{min-height:96px}
.pz-sm select.pz-pole__wejscie{padding-right:36px}
.pz-sm .pz-pole__wejscie:disabled{opacity:.55;cursor:not-allowed}
.pz-sm-pole__pomoc{font-size:14px;line-height:1.45;color:var(--pz-tekst-2);text-wrap:pretty}
.pz-sm-pole__pomoc b,.pz-sm-pole__pomoc strong{color:var(--pz-tekst);font-weight:600}
.pz-sm-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.pz-sm-wybory{display:flex;flex-direction:column}
.pz-sm-wybory--kolumny{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));column-gap:24px}
.pz-sm-wybory--kolumny .pz-sm-wybor + .pz-sm-wybor{border-top:0}
.pz-sm-wybor__dopisek{font-size:14px;font-weight:600;color:var(--pz-tekst-2)}
.pz-sm-plik{display:block;width:100%;min-height:48px;padding:10px 12px;font:400 15px/1.3 var(--font-sans);color:var(--pz-tekst);background:var(--pz-pole);border:1px dashed var(--pz-pole-kreska)}
.pz-sm-plik::file-selector-button{min-height:36px;margin-right:12px;padding:0 14px;font:600 15px/1 var(--font-sans);color:var(--pz-tekst);background:transparent;border:2px solid var(--pz-tekst);cursor:pointer}
.pz-sm .pz-sm-usun{color:var(--pz-blad);text-decoration-color:currentColor;text-decoration-thickness:1px}
.pz-sm-uwaga-edycji{font-size:14px;line-height:1.45;color:var(--pz-tekst);padding:10px 14px;background:var(--pz-uwaga-tlo);border:1px solid var(--pz-uwaga-kreska)}

/* 10. Reguły kontroli — lista zamiast tabeli 4 kolumn: kod | wynik (słowo + znak) | co, a pod spodem „jak naprawić · podstawa”.
   Najpierw blokady i „do potwierdzenia” (otwarte), reszta w „pełna kontrola (N reguł)”. Tekst reguł bez zmian. */
.pz-sm-reguly{border-top:1px solid var(--pz-kreska)}
.pz-sm-regula{display:grid;grid-template-columns:52px 150px minmax(0,1fr);gap:4px 16px;padding:12px 12px;border-bottom:1px solid var(--pz-kreska);font-size:15px;line-height:1.45}
.pz-sm-regula__kod{font-weight:700;font-variant-numeric:tabular-nums}
.pz-sm-regula__wynik{display:inline-flex;align-items:center;gap:8px;align-self:start;font-size:14px;font-weight:600;color:var(--s-kolor);padding-top:1px}
.pz-sm-regula[data-stan="ok"] .pz-sm-regula__wynik{color:var(--pz-ok)}
.pz-sm-regula__co{min-width:0;overflow-wrap:anywhere}
.pz-sm-regula__co small{display:block;font-size:14px;color:var(--pz-tekst-2)}
.pz-sm-regula__podstawa{grid-column:3;font-size:14px;line-height:1.45;color:var(--pz-tekst-2);overflow-wrap:anywhere}
.pz-sm-regula[data-stan="uwaga"]{background:var(--pz-uwaga-tlo)}
.pz-sm-regula[data-stan="blad"]{background:var(--pz-blad-tlo)}
.pz-sm-regula[data-stan="uwaga"] .pz-sm-regula__podstawa,.pz-sm-regula[data-stan="blad"] .pz-sm-regula__podstawa,.pz-sm-regula[data-stan="uwaga"] .pz-sm-regula__co small,.pz-sm-regula[data-stan="blad"] .pz-sm-regula__co small{color:var(--pz-tekst)}
.pz-sm-regula[data-stan="brak"] .pz-sm-regula__co{color:var(--pz-tekst-2)}
.pz-sm-reguly__nic{display:flex;align-items:center;gap:10px;padding:12px;font-size:15px;border-bottom:1px solid var(--pz-kreska)}
@container (max-width:560px){.pz-sm-regula{grid-template-columns:52px minmax(0,1fr)}.pz-sm-regula__co,.pz-sm-regula__podstawa{grid-column:1 / -1}}
@media (max-width:699px){.pz-sm-regula{grid-template-columns:52px minmax(0,1fr);padding:12px 0}.pz-sm-regula__co,.pz-sm-regula__podstawa{grid-column:1 / -1}.pz-sm-regula__podstawa,.pz-sm-regula__co small{font-size:15px}.pz-sm-regula[data-stan="uwaga"],.pz-sm-regula[data-stan="blad"]{padding:12px}}
.pz-sm-kontener{container-type:inline-size;min-width:0}

/* 11. Materiały (sekcja posta): miniatura + metadane; formularze materiału w rozwinięciu */
.pz-sm-materialy{display:flex;flex-direction:column;gap:16px}
.pz-sm-material{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px 20px;padding:16px;background:var(--pz-kafel);border:1px solid var(--pz-kafel-kreska);border-top:3px solid var(--pz-kafel-kreska)}
.pz-sm-material[data-rola="publikacja"]{border-top-color:var(--pz-tekst)}
.pz-sm-material__obraz{display:block;align-self:start;background:var(--pz-wypelnienie)}
.pz-sm-material__obraz img{width:100%;height:auto}
.pz-sm-material__opis{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:15px;line-height:1.45}
.pz-sm-material__opis strong{font-weight:600}
.pz-sm-material__pas{display:flex;align-items:baseline;gap:8px;font-size:14px;line-height:1.45}
.pz-sm-material__pas .pz-znak{align-self:center}
.pz-sm-material__formularze{grid-column:1 / -1;display:flex;flex-direction:column;gap:12px;min-width:0}
.pz-sm-material .pz-rozwin{border-top-color:var(--pz-kafel-kreska)}
@container (max-width:480px){.pz-sm-material{grid-template-columns:96px minmax(0,1fr);padding:12px}}

/* 12. Publikacja (stan „zaakceptowany” i dalej) — kanał = karta ze stanem i JEDNYM następnym krokiem.
   data-stan: info = gotowy (API) / do ręcznej publikacji · uwaga = zaplanowany · ok = opublikowany · blad = błąd platformy · brak = wycofany */
.pz-sm-kanaly{display:flex;flex-direction:column;gap:12px}
.pz-sm-kanal{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px;background:var(--pz-kafel);border:1px solid var(--pz-kafel-kreska);border-top:3px solid var(--pz-kreska)}
.pz-sm-kanal[data-stan="uwaga"]{border-top-color:var(--pz-uwaga)}
.pz-sm-kanal[data-stan="ok"]{border-top-color:var(--pz-ok)}
.pz-sm-kanal[data-stan="blad"]{background:var(--pz-blad-tlo);border-color:var(--pz-blad-kreska);border-top-color:var(--pz-blad)}
.pz-sm-kanal[data-stan="brak"]{background:transparent;border-style:dashed;border-color:var(--pz-kreska-przerywana)}
.pz-sm-kanal__glowa{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px}
.pz-sm-kanal__nazwa{font-size:16px;font-weight:600;line-height:1.3}
.pz-sm-kanal__nazwa span{font-weight:400;color:var(--pz-tekst-2)}
.pz-sm-kanal__tryb{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz-sm-kanal__stan{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;line-height:1.35}
.pz-sm-kanal__opis{font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.pz-sm-kanal__opis a{overflow-wrap:anywhere}
.pz-sm-kanal__blad{font-family:var(--pz-mono);font-size:14px;line-height:1.5;overflow-wrap:anywhere;padding:8px 10px;background:var(--pz-karta);border:1px solid var(--pz-blad-kreska)}
.pz-sm-kanal form{display:flex;flex-direction:column;gap:10px}
.pz-sm-kanal__krok{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--pz-kreska)}
.pz-sm-kanal__krok-tytul{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz-sm-kanal .pz-rozwin{border-top-color:var(--pz-kreska)}
.pz-sm-kanal .pz-pole__wejscie{min-height:44px;padding:9px 12px;font-size:16px}
.pz-sm-wzor{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px dashed var(--pz-kreska-przerywana)}

/* 12b. Publikacja (/publikacja, CZSIw-13): karty kanałów (pz-sm-kanal) w siatce; termin dużym napisem; „po terminie” — znacznik w kolorze uwagi.
   Opublikowane = pz-posty z linkiem „Otwórz post ↗”. Kotwice kart #k-<kanał> (powrót po formularzu) z marginesem nad górą okna. */
.pz-sm-pub{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px;align-items:start}
.pz-sm-pub__karta,.pz-sm-pub__lista .pz-post{scroll-margin-top:16px}
.pz-sm-pub__kiedy{font-size:20px;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums}
.pz-sm-pub__po{display:inline-block;margin-right:4px;padding:2px 8px;vertical-align:2px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;color:var(--pz-uwaga);background:var(--pz-uwaga-tlo);border:1px solid var(--pz-uwaga-kreska)}
.pz-sm-pub__post{font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.pz-sm-pub__post a{font-weight:600;text-decoration-thickness:1px;text-underline-offset:4px}
.pz-sm-pub__lista{background:var(--pz-karta);border:1px solid var(--pz-kreska);padding:4px 12px 12px}
.pz-sm-pub__adres{overflow-wrap:anywhere}
@media (max-width:699px){.pz-sm-pub__kiedy{font-size:18px}.pz-sm-pub__lista{padding:4px 8px 8px}}

/* 13. Lista postów marki (/) — reużywa pz-posty / pz-post z panelu; po prawej stan słowem. Połączenia = pz-platforma ze znakiem. */
.pz-sm-lista{background:var(--pz-karta);border:1px solid var(--pz-kreska);padding:4px 12px 12px}
.pz-sm-lista .pz-posty{border-top:0}
.pz-sm-lista .pz-post__tytul a{text-decoration-thickness:1px;text-underline-offset:4px}
.pz-sm-lista .pz-post__tytul a:hover{text-decoration-thickness:2px}
.pz-sm-lista .pz-post__stan{max-width:none}
.pz-sm-lista .pz-post:last-child{border-bottom:0}
@media (max-width:699px){.pz-sm-lista{margin:0 -16px;padding:0 4px;border-left:0;border-right:0}}
.pz-sm-zasada{display:flex;flex-direction:column;gap:4px}
.pz-sm-zasada > p{font-size:16px;line-height:1.5}
.pz-sm-zasada .pz-rozwin{border-top:0}
.pz-sm-zasada .pz-rozwin__przelacznik{min-height:44px}
.pz-sm-zasada .pz-rozwin__tresc{max-width:76ch;font-size:15px;line-height:1.55}
.pz-sm-polaczenia{display:flex;flex-wrap:wrap;align-items:center;gap:6px 6px}
.pz-sm-polaczenia .pz-platforma[data-stan="brak"]{border-style:dashed;border-color:var(--pz-kreska-przerywana);color:var(--pz-tekst-2)}
.pz-sm-polaczenia .pz-link{margin-left:6px;min-height:32px}
.pz-sm-nowy{background:var(--pz-karta);border:1px solid var(--pz-kreska);padding:0 20px}
.pz-sm-nowy .pz-rozwin{border-top:0}
.pz-sm-nowy .pz-formularz{max-width:640px;padding-bottom:20px}

/* 14. Strategia — plan tygodnia (pz-kafle z panelu), kanały i filary jako karty, dokument: spis + wąska kolumna */
.pz-sm-karty{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.pz-sm-kartka{display:flex;flex-direction:column;gap:10px;min-width:0;padding:16px 18px 18px;background:var(--pz-kafel);border:1px solid var(--pz-kafel-kreska)}
.pz-sm-kartka[data-stan="brak"]{background:transparent;border:1px dashed var(--pz-kreska-przerywana)}
.pz-sm-kartka__glowa{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}
.pz-sm-kartka__tytul{font-size:17px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.pz-sm-kartka__kod{font-variant-numeric:tabular-nums}
.pz-sm-kartka__dopisek{font-size:14px;color:var(--pz-tekst-2)}
.pz-sm-kartka .pz-sm-meta{font-size:15px}
.pz-sm-kartka__tekst{font-size:15px;line-height:1.5;text-wrap:pretty}
.pz-sm-dok{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
@media (min-width:1100px){.pz-sm-dok{grid-template-columns:260px minmax(0,1fr);column-gap:48px}.pz-sm-dok__spis{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}}
.pz-sm-dok__spis{display:flex;flex-direction:column;gap:6px;font-size:15px}
.pz-sm-dok__spis > p{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz-sm-dok__spis a{display:block;padding:4px 0;line-height:1.35;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--pz-kreska-przerywana)}
.pz-sm-dok__spis a:hover{text-decoration-color:currentColor}
.pz-sm-dok__spis .pz-sm-dok__h4{padding-left:14px;font-size:14px}
@media (max-width:1099px){.pz-sm-dok__spis{padding:12px 16px;background:var(--pz-kafel);border:1px solid var(--pz-kafel-kreska)}.pz-sm-dok__spis a{min-height:40px;display:flex;align-items:center}}
/* treść dokumentu z Markdownu (dziś div.czs-md) — kolumna ≤ 72 znaki, tabele w §16 */
.pz-sm-md{max-width:72ch;font-size:17px;line-height:1.65;overflow-wrap:anywhere}
.pz-sm-md > * + *{margin-top:14px}
.pz-sm-md h2{font-size:26px;line-height:1.2;margin-top:36px}
.pz-sm-md h2:first-child{margin-top:0}
.pz-sm-md h3{font-size:21px;line-height:1.3;margin-top:36px;padding-top:20px;border-top:1px solid var(--pz-kreska)}
.pz-sm-md h4{font-size:17px;line-height:1.35;margin-top:28px}
.pz-sm-md h2,.pz-sm-md h3,.pz-sm-md h4{scroll-margin-top:16px}
.pz-sm-md ul,.pz-sm-md ol{padding-left:22px}
.pz-sm-md ul{list-style:square}
.pz-sm-md ol{list-style:decimal}
.pz-sm-md li + li{margin-top:6px}
.pz-sm-md li::marker{color:var(--pz-tekst-2)}
.pz-sm-md code{font-family:var(--pz-mono);font-size:14px;padding:1px 4px;background:var(--pz-kafel);border:1px solid var(--pz-kreska)}
.pz-sm-md blockquote{margin:0;padding:12px 16px;background:var(--pz-kafel);border:1px solid var(--pz-kreska);font-size:15px;line-height:1.55}
.pz-sm-md .czs-md-wciete{margin-left:18px}
.pz-sm-md .czs-md-tabela{max-width:none}
@media (max-width:699px){.pz-sm-md{font-size:16px}.pz-sm-md h2{font-size:22px}.pz-sm-md h3{font-size:19px}}
.pz-sm-akceptacja{display:flex;flex-direction:column;gap:14px;padding:24px;background:var(--pz-karta);border:1px solid var(--pz-kreska);border-top:3px solid var(--pz-akcent);scroll-margin-top:16px}
.pz-sm-akceptacja form{display:flex;flex-direction:column;align-items:flex-start;gap:12px}

/* 15. Konta i klucze — kanał marki = wiersz ze stanem (edycja w rozwinięciu), klucz = jest / brak (wartości nigdy nie widać) */
.pz-sm-konta{border-top:1px solid var(--pz-kreska)}
.pz-sm-konto{border-bottom:1px solid var(--pz-kreska)}
.pz-sm-konto > summary{display:grid;grid-template-columns:22px minmax(0,9rem) minmax(0,1fr) auto;gap:2px 16px;align-items:center;min-height:64px;padding:10px 4px;cursor:pointer;list-style:none}
.pz-sm-konto > summary::-webkit-details-marker{display:none}
.pz-sm-konto > summary::before{content:"+";display:inline-grid;place-items:center;width:22px;height:22px;border:2px solid var(--pz-tekst);border-radius:var(--pz-r-znacznik);font-size:15px;font-weight:600;line-height:1}
.pz-sm-konto[open] > summary::before{content:"–"}
.pz-sm-konto__platforma{font-size:16px;font-weight:600}
.pz-sm-konto__kto{min-width:0;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.pz-sm-konto__kto span{display:block;font-size:14px;color:var(--pz-tekst-2)}
.pz-sm-konto__tresc{display:flex;flex-direction:column;gap:16px;padding:4px 4px 20px 42px}
.pz-sm-konto .pz-platforma{white-space:nowrap}
@media (max-width:699px){.pz-sm-konto > summary{grid-template-columns:22px minmax(0,1fr);padding:10px 0}.pz-sm-konto__kto{grid-column:2}.pz-sm-konto > summary .pz-platforma{grid-column:2;justify-self:start}.pz-sm-konto__tresc{padding:4px 0 20px}}
.pz-sm-klucze{border-top:1px solid var(--pz-kreska)}
.pz-sm-klucz{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--pz-kreska)}
.pz-sm-klucz__nazwa{font-family:var(--pz-mono);font-size:14px;font-weight:600;letter-spacing:.02em;overflow-wrap:anywhere}
.pz-sm-klucz__opis{grid-column:1;font-size:14px;line-height:1.45;color:var(--pz-tekst-2);overflow-wrap:anywhere}
.pz-sm-klucz__stan{grid-column:2;grid-row:1 / span 2;justify-self:end}
.pz-sm-klucz .pz-rozwin{grid-column:1 / -1;border-top:0}
.pz-sm-klucz .pz-rozwin__przelacznik{min-height:44px;font-size:14px}
.pz-sm-klucz__formularz{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.pz-sm-klucz__formularz .pz-pole__wejscie{flex:1 1 240px;width:auto;min-height:44px;padding:9px 12px;font-size:16px}
@media (max-width:699px){.pz-sm-klucz{grid-template-columns:minmax(0,1fr);padding:12px 0}.pz-sm-klucz__stan{grid-column:1;grid-row:auto;justify-self:start}}
.pz-sm-polacz{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;align-items:start}
.pz-sm-strony{border-top:1px solid var(--pz-kreska)}
.pz-sm-strony li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;padding:10px 0;border-bottom:1px solid var(--pz-kreska);font-size:15px}
.pz-sm-strony small{font-size:13px;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz-sm-adres{display:flex;flex-direction:column;gap:4px}
.pz-sm-adres code{display:block;padding:8px 10px;font-family:var(--pz-mono);font-size:14px;line-height:1.45;background:var(--pz-kafel);border:1px solid var(--pz-kreska);overflow-wrap:anywhere;user-select:all}
.pz-sm-proces{background:var(--pz-karta);border:1px solid var(--pz-kreska);padding:0 20px}
.pz-sm-proces .pz-technika{border-top:0}
.pz-sm-proces .pz-technika__tresc{font-size:14px;line-height:1.55;color:var(--pz-tekst-2);padding-bottom:16px}

/* 16. Tabele czytane na telefonie — .pz-sm-tabela: na szerokim ekranie zwykła tabela, poniżej 700 px każdy wiersz = karta,
   a etykieta kolumny przychodzi z td[data-etykieta] (serwer wpisuje nagłówek kolumny). Zero przewijania w bok. */
.pz-sm-tabela{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;font-variant-numeric:tabular-nums}
.pz-sm-tabela th,.pz-sm-tabela td{padding:11px 12px;border-bottom:1px solid var(--pz-kreska);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.pz-sm-tabela th:first-child,.pz-sm-tabela td:first-child{padding-left:0}
.pz-sm-tabela thead th{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst-2);border-bottom-color:var(--pz-tekst)}
.pz-sm-tabela tbody th{font-weight:600}
.pz-sm-tabela small,.pz-sm-tabela .pz-sm-tabela__drugi{font-size:14px;color:var(--pz-tekst-2)}
.pz-sm-tabela__kod{font-weight:700;white-space:nowrap}
.pz-sm-tabela thead:has(th:empty:only-child),.pz-sm-tabela thead:not(:has(th:not(:empty))){display:none}
@media (max-width:699px){
  .pz-sm-tabela,.pz-sm-tabela tbody,.pz-sm-tabela tr,.pz-sm-tabela td,.pz-sm-tabela tbody th{display:block}
  .pz-sm-tabela thead{display:none}
  .pz-sm-tabela tr{padding:12px 0;border-bottom:1px solid var(--pz-kreska)}
  .pz-sm-tabela td,.pz-sm-tabela tbody th{padding:2px 0;border-bottom:0}
  .pz-sm-tabela td[data-etykieta]:not([data-etykieta=""])::before{content:attr(data-etykieta);display:block;margin-top:6px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst-2)}
  .pz-sm-tabela td:first-child,.pz-sm-tabela tbody th:first-child{font-weight:600}
  .pz-sm-tabela td:first-child::before{display:none!important}
  .pz-sm-tabela small,.pz-sm-tabela .pz-sm-tabela__drugi{font-size:15px}
}

/* 17. Telefon: tekst ≥ 15 px (poza 13 px wersalikami — jak w panelu), cele dotyku ≥ 44 px */
@media (max-width:699px){
  .pz-sm-meta dt{font-size:13px}
  .pz-sm-kol::before{left:0;right:0}
  .pz-sm-tel__kto span,.pz-sm-regula__wynik,.pz-sm-spis__uwaga,.pz-sm-klucz .pz-rozwin__przelacznik,.pz-sm-wybor__dopisek,.pz-sm-tel[data-platforma="threads"] .pz-sm-tel__awatar{font-size:15px}
  .pz-sm-drobne,.pz-sm-pole__pomoc,.pz-sm-kontrola__reszta,.pz-sm-meta dd small,.pz-sm-kanal__blad,.pz-sm-klucz__opis,.pz-sm-klucz__nazwa,.pz-sm-konto__kto span,.pz-sm-kartka__dopisek,.pz-sm-strony small,.pz-sm-adres code,.pz-sm-proces .pz-technika__tresc,.pz-sm-material__pas,.pz-sm-uwaga-edycji,.pz-sm-blok__glowka p,.pz-sm-sekcja__skrot,.pz-sm-spis__dopisek,.pz-sm-licznik,.pz-skrot .pz-sm-ile,.pz-sm-stan,.pz-sm-kontrola ul,.pz-sm-dok__spis .pz-sm-dok__h4,.pz-sm-md code,.pz-sm-md blockquote,.pz-sm-tytul__meta code,.pz-sm-polaczenia .pz-platforma{font-size:15px}
  .pz-sm-spis__tydzien a,.pz-sm-meta dd a,.pz-sm-kontrola__reszta a,.pz-sm-dok__spis a{display:inline-flex;align-items:center;min-height:44px}
  .pz-sm-polaczenia .pz-link{min-height:44px}
  .pz-sm-znacznik{font-size:15px}
  .pz-sm-material{grid-template-columns:96px minmax(0,1fr)}
}

/* =====================================================================================================================
   18. ZGODNOŚĆ — stare klasy (app.css z lipca) rysowane w systemie panelu, żeby ekrany jeszcze nieprzepisane (Ustawienia, Użytkownicy,
   Audyt, Polityka prywatności, błędy) wyglądały spójnie BEZ zmiany ich HTML. Warunek: serwer wypisuje nową górę i stopkę
   (body.pz.pz-sm) na KAŻDYM ekranie, a stary <main class="czs-tresc"> zostaje. Po przepisaniu ekranu jego reguły tu nie szkodzą.
   Elementy bez klasy (input, select, table w starym HTML) dostają wygląd tylko w :where(.czs-tresc) — nowe ekrany mają pz-*.
   ===================================================================================================================== */
.pz-sm .czs-tresc{max-width:var(--pz-szer);margin:0 auto;padding:20px 32px 40px;display:flex;flex-direction:column;gap:16px}
@media (max-width:699px){.pz-sm .czs-tresc{padding:16px 16px 32px}}
:where(.czs-tresc) h1{font-size:32px;line-height:1.15;letter-spacing:-0.01em;overflow-wrap:anywhere}
:where(.czs-tresc) h2{font-size:20px;line-height:1.3;overflow-wrap:anywhere}
:where(.czs-tresc) h3{font-size:17px;line-height:1.35}
:where(.czs-tresc) p{line-height:1.5}
:where(.czs-tresc) small{font-size:14px;color:var(--pz-tekst-2)}
:where(.czs-tresc) code,:where(.czs-tresc) pre{font-family:var(--pz-mono);font-size:14px}
:where(.czs-tresc) a{color:var(--pz-tekst);text-decoration-color:var(--pz-akcent);text-decoration-thickness:2px;text-underline-offset:4px}
:where(.czs-tresc) ul{list-style:square;padding-left:22px}
:where(.czs-tresc) form{display:block}
@media (max-width:699px){:where(.czs-tresc) h1{font-size:26px}:where(.czs-tresc) small{font-size:15px}}
/* karta */
.gbsm-karta{display:flex;flex-direction:column;gap:12px;min-width:0;background:var(--pz-karta);border:1px solid var(--pz-kreska);padding:20px 24px 24px}
.gbsm-karta > h2:first-child{padding-bottom:4px}
@media (max-width:699px){.gbsm-karta{padding:16px;margin:0 -16px;border-left:0;border-right:0}}
/* komunikaty */
.notice{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border:1px solid var(--pz-kreska);background:var(--pz-kafel);font-size:15px;line-height:1.45}
.notice-success{background:var(--pz-ok-tlo);border-color:var(--pz-ok-kreska)}
.notice-warning{background:var(--pz-uwaga-tlo);border-color:var(--pz-uwaga-kreska)}
.notice-error{background:var(--pz-blad-tlo);border-color:var(--pz-blad-kreska)}
.notice-info{background:var(--pz-kafel);border-color:var(--pz-kreska)}
.notice small{color:var(--pz-tekst)}
/* kolory stanu w tekście — tokeny panelu (kontrast AA na karcie w obu trybach) */
.gbsm-dobrze{color:var(--pz-ok)}
.gbsm-uwaga{color:var(--pz-uwaga)}
.gbsm-zle{color:var(--pz-blad);font-weight:600}
/* przyciski */
.pz-sm .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;font:600 15px/1.2 var(--font-sans);color:var(--pz-tekst);background:transparent;border:2px solid var(--pz-tekst);border-radius:var(--pz-r-przycisk);text-decoration:none;cursor:pointer;vertical-align:middle;transition:background-color 180ms var(--ease-out),color 180ms var(--ease-out)}
.pz-sm .button:hover{background:var(--pz-tekst);color:var(--pz-karta)}
.pz-sm .button-primary{background:var(--pz-akcent);border-color:var(--pz-akcent);color:var(--pz-na-akcencie)}
.pz-sm .button-primary:hover{background:var(--pz-akcent-hover);border-color:var(--pz-akcent-hover);color:var(--pz-na-akcencie)}
.pz-sm .button:active{transform:translateY(1px)}
.pz-sm .button[disabled],.pz-sm .button:disabled{cursor:not-allowed;background:transparent;border-style:dashed;border-color:var(--pz-kreska-przerywana);color:var(--pz-tekst-2)}
.pz-sm .button-link,.pz-sm .button-link-delete{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;font:600 15px/1.2 var(--font-sans);background:none;border:0;cursor:pointer;color:var(--pz-tekst);text-decoration:underline;text-decoration-color:var(--pz-akcent);text-decoration-thickness:2px;text-underline-offset:5px}
.pz-sm .button-link-delete{color:var(--pz-blad);text-decoration-color:currentColor;text-decoration-thickness:1px}
.czs-duzy{min-height:52px!important;padding:12px 22px!important;font-size:16px!important}
.gbsm-inline{display:inline-flex!important;align-items:center;gap:8px;vertical-align:middle}
/* pola bez klasy w starym HTML */
:where(.czs-tresc) :where(input[type=text],input[type=url],input[type=password],input[type=number],input[type=email],input[type=datetime-local],input[type=date],select,textarea):not([class*="pz-"]){min-height:44px;max-width:100%;padding:8px 12px;font:400 16px/1.3 var(--font-sans);color:var(--pz-tekst);background:var(--pz-pole);border:1px solid var(--pz-pole-kreska);border-radius:var(--pz-r-przycisk)}
:where(.czs-tresc) textarea:not([class*="pz-"]){width:100%;line-height:1.55}
:where(.czs-tresc) input[size]:not([class*="pz-"]){width:min(100%,var(--pz-sm-pole,28rem))}
:where(.czs-tresc) :where(input[type=checkbox],input[type=radio]){width:20px;height:20px;accent-color:var(--pz-tekst);vertical-align:-4px;margin-right:6px}
:where(.czs-tresc) label{line-height:1.5}
:where(.czs-tresc) input[type=file]{min-height:44px;max-width:100%;font:400 15px/1.3 var(--font-sans)}
.czs-waskie{width:6rem!important}
.czs-uwaga-pole{width:min(100%,28rem)}
.czs-kanal{display:inline-flex;align-items:center;min-height:44px;margin:0 20px 0 0}
/* tabele */
table.widefat{width:100%;border-collapse:collapse;background:var(--pz-karta);border:1px solid var(--pz-kreska);font-size:15px;line-height:1.45}
table.widefat th,table.widefat td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--pz-kreska);overflow-wrap:anywhere}
table.widefat thead th{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst-2);border-bottom-color:var(--pz-tekst)}
table.striped tbody tr:nth-child(odd){background:var(--pz-kafel)}
.gbsm-wyniki tr.p-BLOKUJE td,.gbsm-wyniki tr.p-BLOKADA td{background:var(--pz-blad-tlo)}
.gbsm-wyniki tr.p-POTWIERDZ td{background:var(--pz-uwaga-tlo)}
tr.p-NIE_DOTYCZY td{color:var(--pz-tekst-2)}
tr.p-OK td:nth-child(2){color:var(--pz-ok);font-weight:600}
.gbsm-kv{border-collapse:collapse;width:100%}
.gbsm-kv th{width:13rem;padding:10px 16px 10px 0;text-align:left;vertical-align:top;font-size:15px;font-weight:600;border-bottom:1px solid var(--pz-kreska)}
.gbsm-kv td{padding:8px 0;vertical-align:top;border-bottom:1px solid var(--pz-kreska);overflow-wrap:anywhere}
/* stare tabele na telefonie: widefat przewija się WEWNĄTRZ ramki (strona nie), gbsm-kv układa się w kolumnę */
@media (max-width:699px){
  table.widefat{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .gbsm-kv,.gbsm-kv tbody,.gbsm-kv tr,.gbsm-kv th,.gbsm-kv td{display:block;width:auto}
  .gbsm-kv th{padding:12px 0 4px;border-bottom:0}
  .gbsm-kv td{padding:0 0 12px}
}
/* znaczniki stanu */
.gbsm-tag{display:inline-flex;align-items:center;min-height:26px;padding:2px 9px;border:1px solid var(--pz-kreska);border-radius:var(--pz-r-znacznik);font-size:14px;font-weight:500;line-height:1.2;color:var(--pz-tekst);background:var(--pz-karta);text-decoration:none;vertical-align:middle;white-space:nowrap}
a.gbsm-tag{min-height:44px;padding:0 14px}
a.gbsm-tag:hover{border-color:var(--pz-tekst)}
.gbsm-tag.b-szkic{border-style:dashed;border-color:var(--pz-kreska-przerywana);color:var(--pz-tekst-2)}
.gbsm-tag.b-do_akceptacji{background:var(--pz-uwaga-tlo);border-color:var(--pz-uwaga-kreska)}
.gbsm-tag.b-zaakceptowany{border-color:var(--pz-tekst)}
.gbsm-tag.b-opublikowany{background:var(--pz-ok-tlo);border-color:var(--pz-ok-kreska)}
.gbsm-tag.b-wycofany{border-style:dashed;border-color:var(--pz-kreska-przerywana);color:var(--pz-tekst-2)}
.gbsm-tag.poufne{background:var(--pz-blad-tlo);border-color:var(--pz-blad-kreska);font-weight:600}
/* materiały, siatki, tekst */
.gbsm-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.gbsm-mat{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--pz-kafel);border:1px solid var(--pz-kafel-kreska);border-top:3px solid var(--pz-kafel-kreska);font-size:15px;min-width:0}
.gbsm-mat.r-publikacja{border-top-color:var(--pz-tekst)}
.gbsm-mat img{max-width:100%;height:auto;display:block}
.gbsm-para{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.gbsm-tekst{max-width:68ch;margin:0;padding:16px 18px;font:400 16px/1.6 var(--font-sans);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--pz-kafel);border:1px solid var(--pz-kreska)}
.czs-post-tytul{font-size:22px!important;line-height:1.3;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.czs-filtry{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px}
.czs-podglad,.czs-polityka{max-width:76ch}
.czs-wartosc{max-width:38ch;overflow-wrap:anywhere;font-size:14px}
.czs-kom{max-width:68ch}
.czs-kody{max-width:22rem;padding:16px;font-family:var(--pz-mono);background:var(--pz-kafel);border:1px solid var(--pz-kreska)}
.czs-md{line-height:1.6;overflow-wrap:anywhere}
.czs-md .czs-md-tabela{overflow-x:auto}
.czs-md blockquote{margin:0;padding:10px 14px;background:var(--pz-kafel);border:1px solid var(--pz-kreska)}
/* zgodność — telefon: tekst ≥ 15 px także w starym HTML */
@media (max-width:699px){.gbsm-tag,.gbsm-kv th,table.widefat,.gbsm-mat,.czs-wartosc{font-size:15px}}

/* =====================================================================
   CZSIw-13 — dopisek przy wdrożeniu (nie z oddania Claude Design):
   kadr filmu 9:16 (YouTube Shorts, TikTok) — serwer wypisuje data-kadr="9x16" (CZS_Ekran_Social::KADR_KLASA).
   ===================================================================== */
.pz-sm-tel__kadr[data-kadr="9x16"]{aspect-ratio:9 / 16;max-height:520px}
/* spis kolejki na telefonie: nazwa marki też jest celem dotyku ≥ 44 px (pomiar zrzutów 390 px: 21 px) */
@media (max-width:699px){.pz-sm-spis__marka > a{display:inline-flex;align-items:center;min-height:44px}}

/* =====================================================================
   19. MENU PO LEWEJ (CZSIw-13, Jacek 9.10: „menu po lewej … bardziej jak nasz CRM, ale do social mediów”) — rama CRM sukinkota
   (Claude Design, SK-23: ciemne menu w grupach, ikona przy pozycji, liczba przy pozycji) w kolorach iwaszka (grafit, złoto).
   div.pz-sm-rama > [input.pz-sm-przelacz, aside.pz-sm-bok, label.pz-sm-zaslona, div.pz-sm-glowna]. Ikony: Lucide (ISC, panel/ikony/LICENCJA.txt),
   maska CSS z li[data-ik]. Poniżej 1024 px: menu wysuwane przyciskiem „Menu” (pole wyboru + etykieta, bez skryptu), zasłona zamyka.
   ===================================================================== */
.pz-sm{--pz-sm-bok-szer:252px;--pz-sm-bok-tlo:var(--iw-grafit);--pz-sm-bok-tekst:#ECE8DF;--pz-sm-bok-tekst-2:var(--iw-mgla);--pz-sm-bok-kreska:var(--iw-wegiel-kreska);--pz-sm-bok-on:var(--iw-wegiel)}
.pz-sm-przelacz{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pz-sm-bok{position:fixed;top:0;left:0;bottom:0;z-index:50;width:var(--pz-sm-bok-szer);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--pz-sm-bok-tlo);color:var(--pz-sm-bok-tekst);border-right:1px solid var(--pz-sm-bok-kreska)}
.pz-sm-glowna{margin-left:var(--pz-sm-bok-szer);min-width:0;min-height:100vh;display:flex;flex-direction:column}
.pz-sm-glowna > main{flex:1 0 auto;width:100%}
.pz-sm-bok__marka{position:sticky;top:0;z-index:1;flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px 14px;background:var(--pz-sm-bok-tlo);border-bottom:3px solid var(--pz-akcent);color:#fff;text-decoration:none}
.pz-sm-bok .iw-logo{background-image:var(--iw-logo-biale);width:128px}
.pz-sm-bok__nazwa{font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pz-sm-bok-tekst)}
.pz-sm-bok__marka:focus-visible{outline:2px solid var(--pz-akcent);outline-offset:-4px}
.pz-sm-bok__menu{flex:1 0 auto;padding:6px 0 28px}
.pz-sm-bok__grupa{padding:8px 0 4px}
.pz-sm-bok__tyt{margin:0;padding:8px 22px 6px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pz-sm-bok-tekst-2)}
.pz-sm-bok__lista{list-style:none;margin:0;padding:0 10px;display:flex;flex-direction:column;gap:2px}
.pz-sm-bok__poz{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:12px;align-items:center;min-height:44px;padding:8px 12px;color:var(--pz-sm-bok-tekst);text-decoration:none;font-size:15px;line-height:1.3;transition:background-color 120ms var(--ease-out)}
.pz-sm-bok__poz::before{content:"";grid-column:1;grid-row:1;width:20px;height:20px;background-color:var(--pz-sm-bok-tekst-2);-webkit-mask:var(--ik) center / 20px 20px no-repeat;mask:var(--ik) center / 20px 20px no-repeat}
.pz-sm-bok__et{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:500;min-width:0}
.pz-sm-bok__dop{grid-column:2;grid-row:2;margin-top:2px;font-size:13px;line-height:1.35;color:var(--pz-sm-bok-tekst-2)}
.pz-sm-bok__poz:hover{background:var(--pz-sm-bok-on);color:#fff}
.pz-sm-bok__poz:hover::before,.pz-sm-bok__poz[aria-current="page"]::before{background-color:var(--pz-akcent)}
.pz-sm-bok__poz[aria-current="page"]{background:var(--pz-sm-bok-on);color:#fff;box-shadow:inset 3px 0 0 var(--pz-akcent)}
.pz-sm-bok__poz[aria-current="page"] .pz-sm-bok__et{font-weight:600}
.pz-sm-bok__poz:focus-visible{outline:2px solid var(--pz-akcent);outline-offset:-2px}
.pz-sm-bok .pz-sm-licznik[data-zero]{color:var(--pz-sm-bok-tekst-2);box-shadow:inset 0 0 0 1px var(--pz-sm-bok-kreska)}
.pz-sm-bok__lista > li{--ik:url("panel/ikony/file-text.svg")}
.pz-sm-bok__lista > li[data-ik="list-checks"]{--ik:url("panel/ikony/list-checks.svg")}
.pz-sm-bok__lista > li[data-ik="file-check"]{--ik:url("panel/ikony/file-check.svg")}
.pz-sm-bok__lista > li[data-ik="calendar-clock"]{--ik:url("panel/ikony/calendar-clock.svg")}
.pz-sm-bok__lista > li[data-ik="layout-dashboard"]{--ik:url("panel/ikony/layout-dashboard.svg")}
.pz-sm-bok__lista > li[data-ik="user-cog"]{--ik:url("panel/ikony/user-cog.svg")}
.pz-sm-bok__lista > li[data-ik="package"]{--ik:url("panel/ikony/package.svg")}
.pz-sm-bok__lista > li[data-ik="book-open"]{--ik:url("panel/ikony/book-open.svg")}
.pz-sm-bok__lista > li[data-ik="message-square"]{--ik:url("panel/ikony/message-square.svg")}
.pz-sm-bok__lista > li[data-ik="sliders-horizontal"]{--ik:url("panel/ikony/sliders-horizontal.svg")}
.pz-sm-bok__lista > li[data-ik="users"]{--ik:url("panel/ikony/users.svg")}
.pz-sm-bok__lista > li[data-ik="history"]{--ik:url("panel/ikony/history.svg")}
/* góra w ramie: bez logo (jest w menu) — przycisk „Menu” (telefon), przejście do panelu i konto po prawej */
.pz-sm-glowna .pz-gora__wnetrze{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 16px;min-height:64px}
.pz-sm-gora__menu{display:none}
.pz-sm-gora__menu-ik{width:18px;height:18px;background-color:currentColor;-webkit-mask:url("panel/ikony/menu.svg") center / 18px 18px no-repeat;mask:url("panel/ikony/menu.svg") center / 18px 18px no-repeat}
.pz-sm-zaslona{display:none}
@media (max-width:1023.98px){
  .pz-sm-bok{width:min(300px,86vw);transform:translateX(-102%);visibility:hidden;transition:transform 160ms var(--ease-out),visibility 0s linear 160ms;box-shadow:8px 0 24px rgba(21,21,23,.35)}
  .pz-sm-przelacz:checked ~ .pz-sm-bok{transform:none;visibility:visible;transition:transform 160ms var(--ease-out)}
  .pz-sm-przelacz:checked ~ .pz-sm-zaslona{display:block;position:fixed;inset:0;z-index:45;background:rgba(21,21,23,.55);cursor:pointer}
  .pz-sm-glowna{margin-left:0}
  .pz-sm-glowna .pz-gora__wnetrze{justify-content:space-between;min-height:56px}
  .pz-sm-gora__menu{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
}
@media (max-width:699px){.pz-sm-glowna .pz-gora__konto{padding-left:0;border-left:0}.pz-sm-glowna .pz-gora__osoba{display:none}}

/* =====================================================================
   20. KALENDARZ PUBLIKACJI (/kalendarz, CZSIw-13): siatka miesiąca pn–nd (tabela), wpis = czas · platforma (skrót) · tytuł, kolor stanu
   z data-stan (info = wejdzie sam, uwaga = ręcznie, ok = wszedł, blad = błąd). Poniżej 900 px zamiast siatki lista dni (agenda).
   ===================================================================== */
.pz-sm-kal__nawigacja{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.pz-sm-kal__miesiac{margin:0;font-size:24px;font-weight:600;line-height:1.2;min-width:12ch;text-align:center}
.pz-sm-kal{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--pz-karta);border:1px solid var(--pz-kreska)}
.pz-sm-kal th{padding:8px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-align:left;color:var(--pz-tekst-2);border-bottom:1px solid var(--pz-kreska)}
.pz-sm-kal td{height:128px;padding:6px;vertical-align:top;border:1px solid var(--pz-kreska)}
.pz-sm-kal td[data-poza]{background:var(--pz-wypelnienie)}
.pz-sm-kal td[data-poza] .pz-sm-kal__dzien{color:var(--pz-tekst-2)}
.pz-sm-kal td[data-dzis]{box-shadow:inset 0 0 0 2px var(--pz-akcent)}
.pz-sm-kal__dzien{display:block;margin-bottom:4px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.pz-sm-kal__wpis{display:block;margin-top:3px;padding:3px 6px;font-size:13px;line-height:1.35;color:var(--pz-tekst);text-decoration:none;background:var(--pz-kafel);border-left:3px solid var(--pz-kreska);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz-sm-kal__wpis:hover{background:var(--pz-wypelnienie)}
.pz-sm-kal__wpis[data-stan="info"]{border-left-color:var(--pz-tekst-2)}
.pz-sm-kal__wpis[data-stan="uwaga"]{border-left-color:var(--pz-uwaga);background:var(--pz-uwaga-tlo)}
.pz-sm-kal__wpis[data-stan="ok"]{border-left-color:var(--pz-ok);background:var(--pz-ok-tlo)}
.pz-sm-kal__wpis[data-stan="blad"]{border-left-color:var(--pz-blad);background:var(--pz-blad-tlo)}
.pz-sm-kal__czas{font-weight:600;font-variant-numeric:tabular-nums}
.pz-sm-kal__pl{display:inline-block;min-width:22px;padding:0 3px;font-size:11px;font-weight:700;letter-spacing:.04em;text-align:center;color:var(--pz-karta);background:var(--pz-tekst)}
.pz-sm-kal__tyt .pz-sm-znacznik{display:none}
.pz-sm-kal-agenda{display:none;list-style:none;margin:0;padding:0;background:var(--pz-karta);border:1px solid var(--pz-kreska)}
.pz-sm-kal-agenda > li{padding:10px 12px;border-bottom:1px solid var(--pz-kreska)}
.pz-sm-kal-agenda > li:last-child{border-bottom:0}
.pz-sm-kal-agenda__dzien{margin:0 0 4px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--pz-tekst-2)}
.pz-sm-kal-agenda .pz-sm-kal__wpis{white-space:normal;min-height:44px;padding:8px 10px;font-size:15px}
.pz-sm-kal__legenda span{padding-left:10px;border-left:3px solid var(--pz-kreska)}
.pz-sm-kal__legenda span[data-stan="uwaga"]{border-left-color:var(--pz-uwaga)}
.pz-sm-kal__legenda span[data-stan="ok"]{border-left-color:var(--pz-ok)}
.pz-sm-kal__legenda span[data-stan="blad"]{border-left-color:var(--pz-blad)}
@media (max-width:899px){.pz-sm-kal{display:none}.pz-sm-kal-agenda{display:block}.pz-sm-kal__miesiac{font-size:20px;min-width:0}}
/* podgląd wpisu: widoki obok siebie (relacja · post / karuzela / rolka · opis); węziej jeden pod drugim */
.pz-sm-kal__podglad{scroll-margin-top:16px}
.pz-sm-kal__widoki{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.pz-sm-kal__widok{flex:1 1 260px;max-width:380px;min-width:0;display:flex;flex-direction:column;gap:8px}
.pz-sm-kal__widok-tyt{margin:0;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz-sm-kal__widok .pz-sm-podglady{display:block}
.pz-sm-kal__widok .pz-sm-tel{max-width:none}
.pz-sm-kal__opis .pz-sm-pelny__tekst{max-height:520px;overflow:auto;padding:12px;font-size:15px;line-height:1.5;background:var(--pz-sm-tel);border:1px solid var(--pz-sm-tel-kreska);overflow-wrap:anywhere}

/* 21. Relacja (podgląd 9:16), karuzela (przewijane slajdy ze snapem), rolka (film 9:16) — w kalendarzu przy Instagramie i Facebooku */
.pz-sm-relacja{margin:0;display:flex;flex-direction:column;gap:6px}
.pz-sm-relacja__ekran{position:relative;aspect-ratio:9 / 16;max-height:560px;background:#000;overflow:hidden;color:#fff}
.pz-sm-relacja__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* grafika posta (4:5, 1:1) w relacji — cała, na tle, jak przy udostępnieniu posta w relacji (bez przycinania napisów z grafiki) */
img.pz-sm-relacja__media{object-fit:contain;background:linear-gradient(180deg,#2b2b30,#111113)}
.pz-sm-relacja__media--brak{background:var(--iw-wegiel)}
.pz-sm-relacja__paski{position:absolute;top:8px;left:8px;right:8px;height:3px;background:rgba(255,255,255,.35)}
.pz-sm-relacja__paski span{display:block;width:38%;height:100%;background:#fff}
.pz-sm-relacja__glowa{position:absolute;top:18px;left:10px;right:10px;display:flex;align-items:center;gap:8px;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.pz-sm-relacja__glowa .pz-sm-tel__awatar{width:30px;height:30px;font-size:13px;background:#fff;color:var(--iw-grafit)}
.pz-sm-relacja__tekst{position:absolute;left:12px;right:12px;bottom:16px;margin:0;padding:8px 10px;font-size:15px;line-height:1.4;font-weight:600;background:rgba(21,21,23,.62);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pz-sm-karuzela{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:var(--pz-wypelnienie)}
.pz-sm-karuzela__slajd{flex:0 0 100%;margin:0;scroll-snap-align:start;position:relative;aspect-ratio:4 / 5}
.pz-sm-karuzela__slajd img{width:100%;height:100%;object-fit:cover;display:block}
.pz-sm-karuzela__slajd figcaption{position:absolute;top:8px;right:8px;padding:2px 8px;font-size:12px;font-weight:600;color:#fff;background:rgba(21,21,23,.7)}
.pz-sm-karuzela:focus-visible{outline:2px solid var(--pz-fokus);outline-offset:2px}
.pz-sm-rolka__ekran{aspect-ratio:9 / 16;max-height:560px;background:#000}
.pz-sm-rolka__ekran video{width:100%;height:100%;object-fit:cover;display:block}

/* 22. Powiadomienia i urządzenia (/powiadomienia, CZSIw-13): stan tego urządzenia, przyciski, próba; opis części „bez terminu” (Publikacja) */
.pz-sm-push{display:flex;flex-direction:column;gap:12px}
/* przyciski włącz / wyłącz przełącza powiadomienia.js atrybutem hidden — a .pz-przycisk{display:inline-flex} by go nadpisało (oba widoczne naraz) */
.pz-sm-push [hidden]{display:none!important}
.pz-sm-push__stan{margin:0;font-size:17px;font-weight:600}
.pz-sm-push__proba{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:12px}
.pz-sm-grupa__opis{margin:0 0 12px;max-width:72ch;font-size:15px;line-height:1.5;color:var(--pz-tekst-2)}

/* =====================================================================
   23. CZSIw-14 (Jacek 9.10 ~22:20) — (a) bez paska u góry: konto, panel, wyloguj i wybór marki w menu po lewej, na telefonie przycisk „Menu”
   w lewym dolnym rogu; (b) FORMATY: znaczek formatu (ikona Lucide + słowo) i pigułki filtra ?format=; (c) KALENDARZ: wpis = miniatura + czas,
   platforma, format, krótki tytuł; dymek z podglądem po najechaniu / fokusie (bez skryptu); (d) termin po akceptacji (propozycja, migracja 0018).
   ===================================================================== */
/* (a) menu bez paska u góry */
.pz-sm-menu-przycisk{display:none}
@media (max-width:1023.98px){
  .pz-sm-menu-przycisk{display:inline-flex;align-items:center;gap:8px;position:fixed;left:16px;bottom:16px;z-index:40;min-height:48px;padding:0 18px;
    background:var(--pz-karta);box-shadow:0 4px 16px rgba(21,21,23,.28);cursor:pointer}
  .pz-sm-glowna{padding-bottom:80px}
}
.pz-sm-bok__marki{margin:2px 10px 6px;display:flex;gap:8px;align-items:center}
.pz-sm-bok__marki-wybor{flex:1 1 auto;min-width:0;min-height:44px;padding:8px 12px;font:inherit;font-size:15px;font-weight:600;color:var(--pz-sm-bok-tekst);
  background:var(--pz-sm-bok-on);border:1px solid var(--pz-sm-bok-kreska);border-radius:var(--pz-r-przycisk,4px)}
.pz-sm-bok__marki-wybor:focus-visible{outline:2px solid var(--pz-akcent);outline-offset:2px}
.pz-sm-bok__lista form{margin:0}
button.pz-sm-bok__poz{width:100%;margin:0;border:0;background:none;font:inherit;font-size:15px;text-align:left;cursor:pointer}
.pz-sm-bok__lista > li[data-ik="arrow-left-right"]{--ik:url("panel/ikony/arrow-left-right.svg")}
.pz-sm-bok__lista > li[data-ik="log-out"]{--ik:url("panel/ikony/log-out.svg")}
.pz-sm-bok__osoba{flex:none;margin:0;padding:12px 22px 18px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--pz-sm-bok-tekst-2);border-top:1px solid var(--pz-sm-bok-kreska)}
.pz-sm-bok__osoba-ik{flex:none;width:18px;height:18px;background-color:var(--pz-sm-bok-tekst-2);-webkit-mask:url("panel/ikony/circle-user-round.svg") center / 18px 18px no-repeat;mask:url("panel/ikony/circle-user-round.svg") center / 18px 18px no-repeat}
/* bez paska u góry pierwszy element treści nie może przylegać do krawędzi */
.pz-sm-glowna > .pz-komunikaty:first-child{margin-top:16px}

/* (b) formaty */
.pz-sm-format{--ik:url("panel/ikony/image.svg");display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pz-tekst);white-space:nowrap}
.pz-sm-format::before,.pz-sm-pigulka-format::before{content:"";flex:none;width:15px;height:15px;background-color:currentColor;-webkit-mask:var(--ik) center / 15px 15px no-repeat;mask:var(--ik) center / 15px 15px no-repeat}
.pz-sm-format[data-format="karuzela"],.pz-sm-pigulka-format[data-format="karuzela"],.pz-sm-kal__mini[data-format="karuzela"]{--ik:url("panel/ikony/gallery-horizontal-end.svg")}
.pz-sm-format[data-format="rolka"],.pz-sm-pigulka-format[data-format="rolka"],.pz-sm-kal__mini[data-format="rolka"]{--ik:url("panel/ikony/clapperboard.svg")}
.pz-sm-format[data-format="tekst"],.pz-sm-pigulka-format[data-format="tekst"],.pz-sm-kal__mini[data-format="tekst"]{--ik:url("panel/ikony/type.svg")}
.pz-sm-pigulka-format{--ik:url("panel/ikony/image.svg")}
.pz-sm-pigulka-format::before{width:16px;height:16px;-webkit-mask-size:16px 16px;mask-size:16px 16px;color:var(--pz-tekst-2)}
.pz-sm-pigulki--format{margin-top:-4px}
.pz-post__meta .pz-sm-format{letter-spacing:.1em}
.pz-sm-pub__post .pz-sm-format{margin-right:4px;vertical-align:1px}

/* (c) kalendarz: wpis z miniaturą i dymkiem */
.pz-sm-kal td{height:auto;min-height:128px}
.pz-sm-kal .pz-sm-kal__wpis{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:7px;align-items:start;margin-top:4px;padding:4px;
  white-space:normal;overflow:visible;text-overflow:clip;font-size:13px;line-height:1.3}
.pz-sm-kal__mini{--ik:url("panel/ikony/image.svg");position:relative;width:34px;aspect-ratio:4 / 5;overflow:hidden;background:var(--pz-wypelnienie);border:1px solid var(--pz-kreska)}
.pz-sm-kal__mini img{display:block;width:100%;height:100%;object-fit:cover}
.pz-sm-kal__mini:not(:has(img))::after{content:"";position:absolute;inset:0;background-color:var(--pz-tekst-2);-webkit-mask:var(--ik) center / 16px 16px no-repeat;mask:var(--ik) center / 16px 16px no-repeat}
.pz-sm-kal__opis{min-width:0;display:flex;flex-direction:column;gap:2px}
.pz-sm-kal__linia{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.pz-sm-kal__linia .pz-sm-format{font-size:10px;gap:3px}
.pz-sm-kal__linia .pz-sm-format::before{width:12px;height:12px;-webkit-mask-size:12px 12px;mask-size:12px 12px}
.pz-sm-kal .pz-sm-kal__tyt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}
.pz-sm-kal__wpis[data-stan="propozycja"]{border:1px dashed var(--pz-tekst-2);border-left:3px dashed var(--pz-tekst-2);background:var(--pz-karta)}
.pz-sm-kal__legenda span[data-stan="propozycja"]{border-left-style:dashed;border-left-color:var(--pz-tekst-2)}
.pz-sm-stan[data-stan="propozycja"]{color:var(--pz-tekst-2)}
.pz-sm-kal__dymek{display:none;position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:300px;padding:10px;gap:10px;grid-template-columns:96px minmax(0,1fr);
  background:var(--pz-karta);color:var(--pz-tekst);border:1px solid var(--pz-tekst);box-shadow:0 10px 28px rgba(21,21,23,.28);font-size:13px;line-height:1.4;pointer-events:none}
.pz-sm-kal__dymek-mini{display:block;width:96px;aspect-ratio:4 / 5;overflow:hidden;background:var(--pz-wypelnienie)}
.pz-sm-kal__dymek-mini img{display:block;width:100%;height:100%;object-fit:cover}
.pz-sm-kal__dymek:not(:has(.pz-sm-kal__dymek-mini)){grid-template-columns:minmax(0,1fr)}
.pz-sm-kal__dymek-tresc{min-width:0;display:flex;flex-direction:column;gap:4px}
.pz-sm-kal__dymek-tresc b{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz-sm-kal__dymek-kiedy{font-weight:600}
.pz-sm-kal__dymek-tyt{font-weight:600}
.pz-sm-kal__dymek-tekst{color:var(--pz-tekst-2);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
@media (hover:hover){.pz-sm-kal .pz-sm-kal__wpis:hover .pz-sm-kal__dymek{display:grid}}
.pz-sm-kal .pz-sm-kal__wpis:focus-visible .pz-sm-kal__dymek{display:grid}
.pz-sm-kal td:nth-child(n+5) .pz-sm-kal__dymek{left:auto;right:0}
.pz-sm-kal tbody tr:nth-last-child(-n+2) .pz-sm-kal__dymek{top:auto;bottom:calc(100% + 6px)}
/* lista dni (telefon): większa miniatura, bez dymka (dotyk otwiera podgląd kliknięciem) */
.pz-sm-kal-agenda .pz-sm-kal__wpis{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:10px;align-items:start;white-space:normal}
.pz-sm-kal-agenda .pz-sm-kal__mini{width:52px}
.pz-sm-kal-agenda .pz-sm-kal__dymek{display:none!important}

/* (d) termin po akceptacji */
.pz-sm-propozycja{font-weight:600}
.pz-sm-propozycja-rozwin{margin-top:12px}

/* =====================================================================
   24. CZSIw-14, dogrywka 10.10 (Jacek: zrzut kalendarza z zaznaczonym na czerwono podsumowaniem i rzędami pigułek — „chodzi mi, żeby
   to zaznaczone na czerwono przenieść do lewej”): FILTRY EKRANU W MENU PO LEWEJ — blok „Filtry · <ekran>” pod grupą „Na co dzień”
   (uklad.php filtryBok): zdanie-podsumowanie, grupy (marka, medium / platforma, format, stan, „przejdź do”), drobny tekst. Znacznik pigułek
   bez zmian (nav.pz-sm-pigulki > a.pz-skrot[aria-current]) — tu tylko wygląd w ciemnym menu: lista z liczbą przy prawej krawędzi, medium
   i format w dwóch kolumnach, wybrana pozycja jak bieżąca pozycja menu (tło + złota kreska). Strona bez menu (awaryjnie) — pigułki jak dotąd.
   ===================================================================== */
.pz-sm-bok .pz-sm-filtry{margin:4px 10px 8px;padding:2px 0 10px;background:rgba(255,255,255,.035);border:1px solid var(--pz-sm-bok-kreska);border-radius:6px}
.pz-sm-bok .pz-sm-filtry .pz-sm-bok__tyt{padding:10px 12px 4px}
.pz-sm-filtry__ekran{color:var(--pz-sm-bok-tekst)}
.pz-sm-bok .pz-sm-filtry__opis{margin:0;padding:2px 12px 10px;font-size:13px;line-height:1.45;color:var(--pz-sm-bok-tekst)}
.pz-sm-bok .pz-sm-filtry__opis a{color:#fff;text-decoration:underline;text-decoration-color:var(--pz-akcent);text-underline-offset:3px}
.pz-sm-bok .pz-sm-filtry__opis a:focus-visible{outline:2px solid var(--pz-akcent);outline-offset:2px}
.pz-sm-bok .pz-sm-filtry__grupa{padding:6px 0 2px;border-top:1px solid var(--pz-sm-bok-kreska)}
.pz-sm-bok .pz-sm-filtry__tyt{margin:0;padding:4px 12px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pz-sm-bok-tekst-2)}
.pz-sm-bok .pz-sm-filtry .pz-sm-pigulki{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;margin:0;padding:0 6px}
.pz-sm-bok .pz-sm-filtry nav[aria-label="Medium"],.pz-sm-bok .pz-sm-filtry .pz-sm-pub__platformy,.pz-sm-bok .pz-sm-filtry .pz-sm-pigulki--format{grid-template-columns:repeat(2,minmax(0,1fr))}
.pz-sm-bok .pz-sm-filtry nav[aria-label="Medium"] > .pz-skrot:first-child,.pz-sm-bok .pz-sm-filtry .pz-sm-pub__platformy > .pz-skrot:first-child,
.pz-sm-bok .pz-sm-filtry .pz-sm-pigulki--format > .pz-skrot:first-child{grid-column:1 / -1}
.pz-sm-bok .pz-sm-filtry .pz-skrot{display:flex;justify-content:flex-start;align-items:center;gap:6px;min-width:0;min-height:34px;padding:4px 8px;
  background:none;border:0;border-radius:4px;box-shadow:none;color:var(--pz-sm-bok-tekst);font-size:14px;font-weight:500;line-height:1.25;white-space:normal;text-align:left}
.pz-sm-bok .pz-sm-filtry .pz-skrot:hover{background:var(--pz-sm-bok-on);color:#fff}
.pz-sm-bok .pz-sm-filtry .pz-skrot:focus-visible{outline:2px solid var(--pz-akcent);outline-offset:-2px}
.pz-sm-bok .pz-sm-filtry .pz-skrot[aria-current="true"]{background:var(--pz-sm-bok-on);color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--pz-akcent)}
.pz-sm-bok .pz-sm-filtry .pz-skrot[data-zero]{color:var(--pz-sm-bok-tekst-2)}
.pz-sm-bok .pz-sm-filtry .pz-skrot .pz-sm-ile{flex:none;margin-left:auto;padding-left:6px;font-size:13px;font-weight:600;color:var(--pz-sm-bok-tekst-2)}
.pz-sm-bok .pz-sm-filtry .pz-skrot[aria-current="true"] .pz-sm-ile{color:var(--pz-akcent)}
.pz-sm-bok .pz-sm-filtry .pz-sm-pigulka-format::before{color:var(--pz-sm-bok-tekst-2)}
.pz-sm-bok .pz-sm-filtry .pz-sm-pigulka-format[aria-current="true"]::before{color:var(--pz-akcent)}
.pz-sm-bok .pz-sm-filtry__dol{margin:8px 12px 0;padding-top:8px;border-top:1px solid var(--pz-sm-bok-kreska);font-size:12px;line-height:1.45;color:var(--pz-sm-bok-tekst-2)}
.pz-sm-bok .pz-sm-filtry__dol strong{color:var(--pz-sm-bok-tekst)}
@media (max-width:1023.98px){.pz-sm-bok .pz-sm-filtry .pz-skrot{min-height:40px;font-size:15px}}
/* strona bez menu (awaryjnie): filtry nad treścią w dotychczasowym wyglądzie pigułek */
.pz-sm-filtry--tresc{display:flex;flex-direction:column;gap:12px;margin:0 0 20px}
.pz-sm-filtry--tresc .pz-sm-filtry__tyt{margin:0;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz-sm-filtry--tresc .pz-sm-filtry__opis,.pz-sm-filtry--tresc .pz-sm-filtry__dol{margin:0;color:var(--pz-tekst-2)}
/* CZSIw-28: „Co powstanie” na ekranach nagrań — znaczek formatu 13 px (CD cz. 8: kapitaliki 13 px; pomiar CZSIw-28: 12 px = .pz-sm-format); w całym systemie — decyzja CD cz. 9 */
.pz-sm-na-powstanie .pz-sm-format{font-size:13px}
/* CZSIw-29 (CZSIw-093 §5, CD cz. 9 README §38: „13 px wersaliki” jako najmniejszy tekst): znaczek formatu 13 px w CAŁYM systemie (był 12 px) */
.pz-sm-format{font-size:13px}

/* CZSIw-29 (Claude Design część 9, README §36: „<img> planszy + nakładki”): plansza relacji jako PLIK w ramce telefonu i w miniaturze materiału —
   makieta rysuje ją HTML-em (.pz-sm-rl-pl); na serwerze to JPEG albo film 9:16 */
.pz-sm-rl-tel__ekran > .pz-sm-rl-tel__plik{display:block;width:100%;height:auto;aspect-ratio:9 / 16;object-fit:cover;background:#151517}
.pz-sm-rl-mat__mini img{display:block;width:100%;height:auto;aspect-ratio:9 / 16;object-fit:cover;border:1px solid var(--pz-kreska)}

/* CZSIw-35: /pomoc/regulamin — tekst dokumentu w typografii kroków Pomocy (.pz-sm-pm-krok__tresc, asystent.css §Pomoc); tabela pakietów = .pz-sm-tabela (§16, na telefonie karty) */
.pz-sm-pm-regulamin{display:flex;flex-direction:column;gap:10px;max-width:760px;min-width:0}
.pz-sm-pm-regulamin h2{margin:22px 0 2px;font-size:20px;line-height:1.35}
.pz-sm-pm-regulamin p,.pz-sm-pm-regulamin li{font-size:17px;line-height:1.7;text-wrap:pretty;overflow-wrap:anywhere}
.pz-sm-pm-regulamin ol,.pz-sm-pm-regulamin ul{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:8px}
.pz-sm-pm-regulamin .pz-sm-tabela td{font-size:15px;line-height:1.5}
@media (max-width:699.98px){.pz-sm-pm-regulamin p,.pz-sm-pm-regulamin li{font-size:16px}.pz-sm-pm-regulamin h2{font-size:18px}}