/* 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)}

/* 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}}