/* social.iwaszka.pl + panel.iwaszka.pl — UKŁAD v3, dopisek części 13c (17.10.2026). Ładowany PO uklad.css. Przedrostek pz3-.
   Spis: 1 szkielet: marka bez listy (osoba z marki klienta), panel zarządzania · 2 nagłówek, „?” w karcie · 3 kafle ze słowem · 4 spis części
   · 5 sekcje zwinięte w karcie · 6 tabele → wiersze na telefonie · 7 wiersze i panele · 8 formularze w karcie · 9 kreator · 10 logowanie · 11 karta posta: wyniki
   · 12 portfel · 13 drobne */

/* 1. Szkielet — treść ekranu jest kontenerem (jak dawny .pz-sm-kontener): układy z @container w social.css / asystent.css (rolka, poprawki, komentarze…) liczą szerokość treści, nie ekranu */
.pz3-tresc{container-type:inline-size}
/* dawne opakowanie ekranu (np. .pz-sm-na, .pz-sm-uz, .pz-sm-kr): bez własnego pudełka, ale jego klasy dalej wyznaczają zakres stylów potomków */
.pz3-zakres{display:contents!important} /* !i: klasy opakowania (np. .pz-sm-na{display:flex}) nie mogą przywrócić pudełka */
/* osoba z marki klienta: jedna marka = sama nazwa (bez listy) */
.pz3-marka--jedna{display:grid;grid-template-columns:minmax(0,1fr);min-height:52px;padding:7px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--pz-sm-bok-kreska);color:#fff;align-content:center}
.pz3-gora .pz3-marka--jedna{min-height:44px;padding:4px 10px;margin-left:auto;flex:0 1 220px}
/* panel.iwaszka.pl — ten sam szkielet, inna nazwa i menu */
.pz3-gora__nazwa{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-sm-bok-tekst-2);margin-left:auto}
.pz3-bok__dane{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 10px;font-size:13px;color:var(--pz-sm-bok-tekst-2)}
.pz3-bok__dane p{margin:0}
.pz3-bok__dane form{margin:0}
.pz3-przejscie{padding-top:8px;border-top:1px solid var(--pz-sm-bok-kreska)}
.pz3-przejscie form{margin:0}
.pz3-poz--wyjscie{width:100%;border:0;background:none;font:inherit;font-size:15px;font-weight:600;text-align:left;color:var(--pz-sm-bok-tekst)}
.pz3-poz--wyjscie::before{--ik:url("/zasoby/panel/ikony/arrow-left-right.svg")}
.pz3-nav .pz3-podnav{list-style:none;margin:2px 0 6px;padding:0 0 0 32px;display:flex;flex-direction:column;gap:0}
.pz3-podnav a{display:flex;align-items:center;min-height:36px;padding:6px 10px;border-radius:8px;color:var(--pz-sm-bok-tekst);text-decoration:none;font-size:14px}
.pz3-podnav a:hover{background:var(--pz-sm-bok-on);color:#fff}
.pz3-podnav a[aria-current="page"]{color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--pz-akcent)}
[data-ik="pulpit"]{--ik:url("/zasoby/panel/ikony/layout-dashboard.svg")}
[data-ik="wiadomosci"]{--ik:url("/zasoby/panel/ikony/message-square.svg")}
[data-ik="terminarz"]{--ik:url("/zasoby/panel/ikony/calendar-clock.svg")}
[data-ik="ruch"]{--ik:url("/zasoby/panel/ikony/chart-column.svg")}
[data-ik="portfel"]{--ik:url("/zasoby/panel/ikony/package.svg")}
[data-ik="czat"]{--ik:url("/zasoby/panel/ikony/message-circle.svg")} /* CZSIw-40: Czat AI w menu panelu */
.pz3-panelowy .pz3-tab{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1023.98px){.pz3-podnav a{min-height:44px}.pz3-bok__dane{min-height:44px}.pz3-wiecej__biez a{min-height:44px}}
/* ekran z „Więcej”: grupa bieżącego ekranu widoczna pod zwiniętym „Więcej” */
.pz3-wiecej__biez{display:flex;flex-direction:column;padding:2px 0 4px 12px;border-left:2px solid var(--pz-akcent);margin-left:10px}
.pz3-wiecej__biez ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pz3-wiecej__biez a{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 10px;border-radius:8px;color:var(--pz-sm-bok-tekst);text-decoration:none;font-size:14px}
.pz3-wiecej__biez a:hover{background:var(--pz-sm-bok-on);color:#fff}
.pz3-wiecej__biez a[aria-current="page"]{background:var(--pz-sm-bok-biezace);color:#fff;font-weight:600}
.pz3-wiecej__grupa a[aria-current="page"]{color:#fff;font-weight:600}

/* 2. Nagłówek: linia ze słowem stanu; „?” w karcie (mniejsze) */
.pz3-glowka__tyt{flex-wrap:wrap}
.pz3-glowka__tyt :is(.pz-sm-stan,.pz-stan,.pz3-stan){white-space:normal;max-width:100%}
.pz3-tresc :is(label,input,select,textarea,img,video,pre){max-width:100%}
.pz3-tresc label{overflow-wrap:break-word}
.pz3-linia{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.pz3-pomoc--mala > summary{min-height:28px;font-size:13px}
.pz3-pomoc--mala > summary b{width:22px;height:22px;font-size:12px}
.pz3-karta > .pz3-pomoc--mala{margin-top:-6px}
@media (max-width:699px){.pz3-pomoc > summary{min-height:44px}}

/* 3. Kafle ze słowem zamiast liczby (tryb AI, stan) */
.pz3-kafel__liczba{overflow-wrap:anywhere}
.pz3-kafel[data-slowo] .pz3-kafel__liczba{font-size:20px;line-height:1.3;letter-spacing:-.01em;overflow-wrap:anywhere}
.pz3-kafel[data-stan="nic"] .pz3-kafel__liczba{color:var(--pz-tekst-2)}
.pz3-kafel[data-stan="ok"]{border-color:var(--pz-ok-kreska,var(--pz-kreska-mocna))}

/* 4. Spis części ekranu — te same kotwice co zakładki karty posta (sticky pod górną krawędzią) */
.pz3-spis{margin-top:-8px}

/* 5. Sekcje zwinięte WEWNĄTRZ karty (pakiet: zmiana / dokup / historia; poprawki: dni) */
.pz3-sekcja--w-karcie{gap:0;border-top:1px solid var(--pz-kreska)}
.pz3-sekcja--w-karcie > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 0}
.pz3-sekcja--w-karcie > summary::-webkit-details-marker{display:none}
.pz3-sekcja--w-karcie > summary .pz3-sekcja__tyt{font-size:16px}
.pz3-sekcja--w-karcie > summary .pz3-strz{margin-left:auto;color:var(--pz-tekst-2)}
.pz3-sekcja__srodek{padding:4px 0 16px;min-width:0}
.pz3-karta > details.pz3-sekcja:not(.pz3-sekcja--w-karcie) > summary{box-shadow:none}

/* 6. Tabele: na komputerze tabela; poniżej 700 px każdy wiersz = karta z etykietą kolumny (td[data-etykieta]) — bez przewijania w bok */
.pz3-tabela{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;font-variant-numeric:tabular-nums}
.pz3-tabela th,.pz3-tabela td{padding:10px 12px;border-bottom:1px solid var(--pz-kreska);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.pz3-tabela thead th{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz3-karta table{max-width:100%}
.pz3-bez-przewijania{overflow:visible}
.pz3-bez-przewijania > .pz-tabela{min-width:0}
@media (max-width:699px){
  .pz3-tabela,.pz3-tabela tbody,.pz3-tabela tr,.pz3-tabela td{display:block;width:auto}
  table.widefat.pz3-tabela{display:block;overflow:visible}
  .pz3-tabela thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .pz3-tabela tr{padding:10px 0;border-bottom:1px solid var(--pz-kreska)}
  .pz3-tabela td{display:grid;grid-template-columns:minmax(96px,38%) minmax(0,1fr);gap:4px 12px;padding:4px 0;border:0;text-align:left;white-space:normal!important} /* !i: stara klasa pz-pf-przewin ustawia nowrap */
  .pz3-tabela td::before{content:attr(data-etykieta);font-size:13px;font-weight:600;color:var(--pz-tekst-2)}
  .pz3-tabela td[data-etykieta=""]::before{content:none}
  .pz3-tabela td:empty{display:none}
}

/* 7. Wiersze, panele i „⋯” — kierunek otwierania; panele nie wychodzą poza ekran */
.pz3-wiersz__akcje--lewo{justify-content:flex-start;margin-top:4px}
/* „⋯” w wierszu listy (Skrzynka, Księga, Poprawki, Muzyka, Komentarze): od 700 px panel otwiera się W wierszu, pod przyciskami — gdziekolwiek stoi przycisk, panel nie wyjdzie poza ekran (telefon: przyklejony do dołu jak w 13b) */
@media (min-width:700px){.pz3-kropki--w-wierszu[open]{flex:1 0 100%;width:100%}.pz3-kropki--w-wierszu > .pz3-panel__tresc{position:static;width:auto;max-width:560px;margin-top:8px;box-shadow:var(--pz-cien-1)}}
.pz3-panel__tresc--szeroki{width:min(560px,calc(100vw - 48px))}
.pz3-glowka__akcje .pz3-panel__tresc{right:0;left:auto}
/* tablet (700–1023 px): akcje nagłówka zawijają się pod tytuł, przy lewej krawędzi — panel otwiera się w toku, pod przyciskiem (nie wychodzi w lewo poza ekran) */
@media (min-width:700px) and (max-width:1023.98px){.pz3-glowka__akcje:has(> .pz3-panel[open]){flex-basis:100%}.pz3-glowka__akcje > .pz3-panel[open]{flex:1 0 100%}.pz3-glowka__akcje .pz3-panel__tresc{position:static;width:auto;max-width:560px;margin-top:8px;box-shadow:var(--pz-cien-1)}}
.pz3-maly-tekst{font-size:13px;color:var(--pz-tekst-2)}
.pz3-odstep-0{height:0;scroll-margin-top:72px}

/* 8. Formularz jako karta (Nowy pomysł, Zaproś) i przełącznik Pomysł / Materiał */
.pz3-karta--waska{max-width:760px}
.pz3-forma-bloku{display:flex;flex-direction:column;gap:14px;margin:0}
.pz3-segment{display:inline-flex!important;flex-wrap:wrap;gap:4px;padding:4px;border:0;border-radius:14px;background:var(--pz-wypelnienie)} /* !i: social.css ustawia fieldset jako grid */
.pz3-segment legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pz3-filtry__forma{padding:6px 8px}
.pz3-filtry__forma form{display:flex;flex-direction:column;gap:6px;margin:0}
.pz3-filtry__forma .pz-pole__etykieta{color:var(--pz-sm-bok-tekst-2);font-size:13px}

/* 9. Kreator „Nowa marka” — pasek 8 kroków, jedno działanie główne na krok */
.pz3-kroki{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;counter-reset:krok}
.pz3-kroki li{min-width:0}
.pz3-kroki > li > a,.pz3-kroki > li > span{display:flex;flex-direction:column;gap:2px;min-height:52px;padding:8px 10px;border-radius:10px;border-top:3px solid var(--pz-kreska-mocna);background:var(--pz-karta);color:var(--pz-tekst-2);text-decoration:none;font-size:12px;line-height:1.3}
.pz3-kroki b{font-size:13px;font-weight:600;color:var(--pz-tekst);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz3-kroki > li > [data-stan="zrobiony"]{border-top-color:var(--pz-ok)}
.pz3-kroki > li > [aria-current="step"]{border-top-color:var(--pz-akcent);background:var(--pz-akcent-mieko);color:var(--pz-tekst)}
.pz3-kroki > li > a:hover{background:var(--pz-kafel)}
@media (max-width:899px){.pz3-kroki{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:520px){.pz3-kroki{display:flex;gap:4px}.pz3-kroki li{flex:1 1 0}.pz3-kroki b{display:none}.pz3-kroki > li > a,.pz3-kroki > li > span{min-height:44px;padding:6px 4px;align-items:center;justify-content:center;font-size:13px;font-weight:600}
  .pz3-kroki > li > [aria-current="step"]{flex:3 1 0}.pz3-kroki > li > [aria-current="step"] b{display:block}}

/* 10. Logowanie, kod, pierwsze logowanie — bez menu, karta na środku (pz-ekran z panel.css) */
.pz3-auth{min-height:100vh}
.pz3-auth .pz-ekran__karta{gap:16px;min-width:0;max-width:100%}
.pz3-auth .pz-przycisk{white-space:normal;text-align:center}
.pz3-auth .pz3-pomoc{align-self:flex-start}
.pz3-auth__kroki{display:flex;gap:6px;margin:0;padding:0;list-style:none;font-size:12px;font-weight:600;color:var(--pz-tekst-2)}
.pz3-auth__kroki li{flex:1 1 0;padding-top:6px;border-top:3px solid var(--pz-kreska-mocna)}
.pz3-auth__kroki li[data-stan="zrobiony"]{border-top-color:var(--pz-ok)}
.pz3-auth__kroki li[aria-current="step"]{border-top-color:var(--pz-akcent);color:var(--pz-tekst)}
.pz3-auth__kody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:12px;list-style:none;border-radius:var(--pz-r-kafel);background:var(--pz-kafel);font-family:var(--pz-mono);font-size:15px}
.pz3-auth__qr{display:grid;place-items:center;aspect-ratio:1 / 1;width:min(220px,100%);margin:0 auto;border:1px dashed var(--pz-kreska-mocna);border-radius:12px;background:var(--pz-kafel);font-size:13px;color:var(--pz-tekst-2);text-align:center;padding:12px}

/* 11. Karta posta opublikowanego — zakładka Wyniki: kafle na kanał, „nie wiemy” słowem */
.pz3-wyniki{display:flex;flex-direction:column;gap:16px}
.pz3-wyniki__kanal{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--pz-kreska)}
.pz3-wyniki__kanal:first-child{border-top:0;padding-top:0}
.pz3-wyniki__glowa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}
.pz3-nie-wiemy{font-size:15px;font-weight:600;letter-spacing:0;color:var(--pz-tekst-2);line-height:1.6}
.pz3-karta .pz-sm-liczby{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
.pz3-karta .pz-sm-liczby > div[data-nieznane] dt::after{content:none} /* słowo „nie wiemy” jest w HTML (dd) — nie w CSS */
.pz3-karta .pz-sm-wynik-kanal__glowa{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.pz3-karta .pz-sm-wynik-kanal__nazwa{display:flex;flex-wrap:wrap;gap:0 8px}
.pz3-karta .pz-sm-wynik-kanal__nazwa span{position:static}
.pz3-karta .pz-sm-wynik-kanal__kiedy{display:flex;flex-wrap:wrap;gap:2px 12px}
@container (max-width:960px){.pz3-post{grid-template-columns:minmax(0,1fr)}.pz3-post__podglad{position:static;max-width:440px}}
/* propozycja asystenta — wersje obok siebie (porównanie) od 1100 px; „Wybierz wersję” na dole każdej */
.pz3-wersje{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
@media (min-width:1100px){.pz3-wersje:has(> .pz-sm-wersja + .pz-sm-wersja){grid-template-columns:repeat(2,minmax(0,1fr))}}
.pz3-decyzja--w-karcie{position:static;box-shadow:none;background:var(--pz-kafel);margin-top:4px}

/* 12. Portfel — liczby najpierw; szczegóły pod spodem. Karta panelu (pz3-karta zamiast pz-karta) musi zostać kontenerem — wiersze pz-pf-wiersz układają się wg szerokości karty (@container w panel.css) */
.pz3-panelowy .pz3-karta,.pz3-panelowy .pz3-sekcja__srodek{container-type:inline-size}
.pz3-pf-kafle .pz3-kafel__liczba{font-size:24px}

/* 13. Najmniejszy tekst 12 px także w starych drobnych elementach (dopisek „small” w Poprawkach, makieta telefonu i podpis zdjęcia na planszy relacji) */
.pz3-tresc small{font-size:max(12px,.8125em)}
.pz3-tresc :is(.pz-sm-rl-tel__kto,.pz-sm-rl-tel__kto *,.pz-sm-rl-tel__awatar,.pz-sm-rl-tel__wyslij,.pz-sm-rl-tel__naklejka,.pz-sm-rl-pl__foto){font-size:max(12px,1em)}
.pz3-decyzja--kreator{margin-top:8px}
.pz3-kreator > .pz-sm-kr-glowa:empty{display:none}

/* 14. CZSIw-39 (runda 13c cz. 2) — panel: pasek dnia na ekranie Ruch bez style= (CSP): data-proc co 5 % (serwer: 0 tylko przy 0, inaczej co najmniej 5) */
.pz-ruch__wypelnienie[data-proc]{width:0} /* ta sama specyficzność co reguły niżej — wygrywa kolejność */
.pz-ruch__wypelnienie[data-proc="5"]{width:5%}.pz-ruch__wypelnienie[data-proc="10"]{width:10%}.pz-ruch__wypelnienie[data-proc="15"]{width:15%}.pz-ruch__wypelnienie[data-proc="20"]{width:20%}.pz-ruch__wypelnienie[data-proc="25"]{width:25%}.pz-ruch__wypelnienie[data-proc="30"]{width:30%}.pz-ruch__wypelnienie[data-proc="35"]{width:35%}.pz-ruch__wypelnienie[data-proc="40"]{width:40%}.pz-ruch__wypelnienie[data-proc="45"]{width:45%}.pz-ruch__wypelnienie[data-proc="50"]{width:50%}.pz-ruch__wypelnienie[data-proc="55"]{width:55%}.pz-ruch__wypelnienie[data-proc="60"]{width:60%}.pz-ruch__wypelnienie[data-proc="65"]{width:65%}.pz-ruch__wypelnienie[data-proc="70"]{width:70%}.pz-ruch__wypelnienie[data-proc="75"]{width:75%}.pz-ruch__wypelnienie[data-proc="80"]{width:80%}.pz-ruch__wypelnienie[data-proc="85"]{width:85%}.pz-ruch__wypelnienie[data-proc="90"]{width:90%}.pz-ruch__wypelnienie[data-proc="95"]{width:95%}.pz-ruch__wypelnienie[data-proc="100"]{width:100%}
.pz3-bok__dane time{color:#fff;font-weight:600} /* panel: godzina „Dane z …” w ciemnej kolumnie menu (panel.css daje kolor tekstu treści) */
/* panel: pełny formularz filtra w kolumnie menu (Portfel — pozycje, konta i wyciągi) — pola jedno pod drugim (panel.css daje .pz-pole flex 1 1 200px), odnośniki jasne */
.pz3-filtry__forma .pz-filtr > .pz-pole{flex:0 0 auto;margin:0;display:flex;flex-direction:column;gap:4px}
.pz3-filtry__forma .pz-filtr__akcje{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.pz3-filtry__forma :is(.pz-link,.pz-pole__pomoc){color:var(--pz-sm-bok-tekst)}
.pz3-filtry__forma .pz-pole__wejscie{min-height:44px;font-size:15px}
.pz3-filtry__forma .czs-filtry label{display:flex;flex-direction:column;gap:4px;color:var(--pz-sm-bok-tekst-2);font-size:13px}
.pz3-filtry__forma .czs-filtry :is(input,select){min-height:44px;width:100%;font-size:15px}
.pz3-auth .pz-ekran__karta{max-width:min(480px,100%)} /* logowanie / pierwsze logowanie: wąska karta jak w makiecie (wyżej w §10 „max-width:100%” zdejmował limit 440 px z panel.css) */
@media (min-width:700px){.pz-pf-przewin.pz3-bez-przewijania{overflow-x:auto}} /* Portfel: szeroka tabela (marka × miesiąc) na komputerze przewija się w ramce jak dawniej; poniżej 700 px — wiersze-karty (§6) */
.pz3-filtry__forma .czs-filtry{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0} /* Audyt: pola filtra jedno pod drugim (bez „schodków” z odstępów między etykietami) */
.pz3-filtry__forma .czs-filtry label{width:100%}
@media (min-width:700px){.pz3-tabela :is(th,td){overflow-wrap:break-word}} /* komputer: słowo (nagłówek „Marka”, numer wpisu) nie łamie się w środku; telefon — §6 zostaje „anywhere” */
@media (min-width:1024px){#reguly .pz-sm-tabela :is(th,td){overflow-wrap:break-word}} /* Zasady: na komputerze bez łamania słów w środku („Produce nt”); tylko tu — tabela wyników posta potrzebuje „anywhere” (inaczej wystaje o 62 px) */

/* 15. CZSIw-40 — panel /wiadomosci: lista spraw, jedna linia na sprawę (wiersz pz-sprawa jak na Pulpicie), klik rozwija kartę w miejscu (stan w jednym polu + „Zapisz stan”).
   Klasy pz3-sprawa* są tylko na tym ekranie — reguły nie dotykają kart Pulpitu. */
.pz3-sprawa{position:relative}
.pz3-sprawa[data-status="nowa"]::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--pz-akcent)}
.pz3-sprawa__karta > summary{list-style:none;cursor:pointer;border-bottom:0;padding:12px 18px;border-radius:var(--pz-r-karta)}
.pz3-sprawa__karta > summary::-webkit-details-marker{display:none}
.pz3-sprawa__karta > summary:hover{background:var(--pz-kafel)}
.pz3-sprawa__karta > summary:focus-visible{outline:2px solid var(--pz-akcent);outline-offset:-2px}
.pz3-sprawa__karta > summary .pz-sprawa__akcja{display:inline-flex;align-items:center;gap:2px;font-size:15px;font-weight:600;color:var(--pz-tekst)}
.pz3-sprawa__zwin,.pz3-sprawa__karta[open] > summary .pz3-sprawa__otworz{display:none}
.pz3-sprawa__karta[open] > summary .pz3-sprawa__zwin{display:inline}
.pz3-sprawa__karta[open] > summary{background:var(--pz-kafel);border-radius:var(--pz-r-karta) var(--pz-r-karta) 0 0}
.pz3-sprawa__cialo{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px 18px 18px;background:var(--pz-kafel);border-radius:0 0 var(--pz-r-karta) var(--pz-r-karta)}
.pz3-sprawa__stan{flex-direction:row;align-items:flex-end;background:var(--pz-karta)}
.pz3-sprawa__stan .pz-pole{flex:1 1 220px;max-width:340px}
@media (max-width:699px){.pz3-sprawa__karta > summary{padding:12px 14px}.pz3-sprawa__cialo{padding:10px 14px 16px}.pz3-sprawa__stan .pz-pole{max-width:none}}

/* 15b. CZSIw-40 — Poprawki: akcje w wierszu (CD 13c „Akcje wiersza”: jedno działanie + „⋯”). Na wąskiej liście (karta < 900 px — telefon, tablet) akcje stoją w linii rodzaju
   i rundy, nie w osobnym rzędzie pod wierszem; na szerokiej — kolumna jak dotąd. Znacznik „odrzucenie” w ciemnym bez jasnej plamy (było: tło = kolor tekstu). */
@container (max-width:899.98px){
  .pz-sm-pop{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"post post kiedy" "rodzaj akcje akcje" "slowa slowa slowa" "powod powod powod"}   /* tytuł na dwie kolumny — szerokość akcji nie zwęża tytułu */
  .pz-sm-pop__akcje{justify-self:end;flex-wrap:nowrap;gap:2px 8px}
}
.pz-sm-pop__akcje .pz3-kropki--w-wierszu > summary{width:36px;height:36px}
@container (min-width:900px){.pz-sm-pop__akcje{flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 4px}}
@media (min-width:700px){.pz-sm-pop__akcje .pz3-kropki--w-wierszu[open]{flex:0 0 auto;width:auto}   /* reguła wyżej (≥ 700 px) rozkłada panel „⋯” w wierszu na całą szerokość — w Poprawkach dymek przy kropkach */
  .pz-sm-pop__akcje .pz3-kropki--w-wierszu > .pz3-panel__tresc{position:absolute;right:0;top:calc(100% + 6px);width:max-content;max-width:260px;margin-top:0}}
@media (max-width:699px){.pz-sm-pop__akcje .pz3-kropki--w-wierszu > summary{width:44px;height:44px}}
@media (prefers-color-scheme:dark){.pz:not([data-motyw="jasny"]) .pz-sm-rodzaj[data-rodzaj="odrzucenie"]{background:var(--pz-akcent-mieko);border-color:var(--pz-akcent-kreska);color:var(--pz-tekst)}}
.pz[data-motyw="ciemny"] .pz-sm-rodzaj[data-rodzaj="odrzucenie"]{background:var(--pz-akcent-mieko);border-color:var(--pz-akcent-kreska);color:var(--pz-tekst)}
.pz3-sprawa__karta[open] > summary .pz-sprawa__kto{display:none} /* otwarta karta pokazuje kontakt z odnośnikami — bez powtórzenia w wierszu */