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

/* ===== CZSIw-47: okno Tygodnia i kalendarz z przeciąganiem — Claude Design część 17 (okno.css, co do bajtu) ===== */
/* social.iwaszka.pl — OKNO TYGODNIA i KALENDARZ Z PRZECIĄGANIEM (część 17, CZSIw-46, 21.10.2026)
   Ładowany po uklad-13c.css. Przedrostek pz3-ok-. Tylko tokeny --pz-* (jasny i ciemny motyw z wyglad.css), zero style= w HTML, zero content: z tekstem.
   Ruch tylko tutaj (keyframes); prefers-reduced-motion — uklad.css §18 zeruje czasy dla .pz3 *, tu dodatkowo chowamy kursor pisania.
   Spis: 1 okno i etapy · 2 lewa kolumna (notatka, szkic, strażnik, kroki) · 3 dni i wpisy · 4 przenieś na… · 5 cofnij, odmowa, notka · 6 kalendarz · 7 panel podglądu · 8 telefon · 9 ruch */

/* 1. Okno i etapy */
.pz3-ok{display:flex;flex-direction:column;min-width:0;background:var(--pz-karta);border:1px solid var(--pz-kreska-karta);border-radius:var(--pz-r-karta);box-shadow:var(--pz-cien-1);scroll-margin-top:72px}
.pz3-ok__pasek{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:14px 20px;border-bottom:1px solid var(--pz-kreska)}
.pz3-ok__tyt{margin:0;font-size:var(--pz-h2);line-height:var(--pz-h2-lh);font-weight:600;letter-spacing:-.01em}
.pz3-ok__tyt span{font-size:14px;font-weight:400;color:var(--pz-tekst-2);letter-spacing:0}
.pz3-ok-zywo{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:var(--pz-drobne);color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz3-ok-zywo::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--pz-ok);box-shadow:0 0 0 3px var(--pz-ok-tlo)}
.pz3-ok-zywo[data-stan="odswieza"]::before{animation:pz3-ok-puls .9s var(--pz-krzywa) infinite}
.pz3-ok-zywo[data-stan="pauza"]::before{background:var(--pz-kreska-przerywana);box-shadow:none}
.pz3-ok-etapy{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:12px 20px 14px;list-style:none;border-bottom:1px solid var(--pz-kreska)}
.pz3-ok-etap{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px;line-height:1.3;color:var(--pz-tekst-2)}
.pz3-ok-etap::before{content:"";height:3px;border-radius:2px;background:var(--pz-wypelnienie);transition:background-color var(--pz-ruch) var(--pz-krzywa)}
.pz3-ok-etap b{font-size:13px;font-weight:600;color:var(--pz-tekst);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz3-ok-etap[data-stan="zrobiony"]::before{background:var(--pz-ok)}
.pz3-ok-etap[data-stan="teraz"]::before{background:var(--pz-akcent)}
.pz3-ok-etap[data-stan="czeka"] b{color:var(--pz-tekst-2);font-weight:500}
.pz3-ok__siatka{display:grid;grid-template-columns:minmax(300px,372px) minmax(0,1fr);min-width:0}
.pz3-ok-lewa{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;background:var(--pz-karta-2);border-right:1px solid var(--pz-kreska);border-bottom-left-radius:var(--pz-r-karta)}
.pz3-ok-prawa{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px 16px 18px}

/* 2. Lewa kolumna */
.pz3-ok-karta{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px;background:var(--pz-karta);border:1px solid var(--pz-kreska-karta);border-radius:var(--pz-r-kafel);box-shadow:var(--pz-cien-0);scroll-margin-top:80px}
.pz3-ok-et{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 8px;margin:0;font-size:var(--pz-nad);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz3-ok-et b{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--pz-tekst)}
.pz3-ok-notatka{display:flex;flex-direction:column;gap:10px;margin:0}
.pz3-ok-notatka .pz-pole{margin:0}
.pz3-ok-rzad{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.pz3-ok-kanaly{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0;min-width:0}
.pz3-ok-kanaly legend{width:100%;margin-bottom:6px;padding:0;font-size:13px;font-weight:600}
.pz3-ok-kanal{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:var(--pz-r-pigulka);box-shadow:inset 0 0 0 1px var(--pz-kreska-mocna);font-size:13px;font-weight:600;cursor:pointer;transition:background-color var(--pz-ruch-szybki) var(--pz-krzywa),box-shadow var(--pz-ruch-szybki) var(--pz-krzywa)}
.pz3-ok-kanal input{margin:0;accent-color:var(--pz-tekst)}
.pz3-ok-kanal:has(input:checked){background:var(--pz-akcent-mieko);box-shadow:inset 0 0 0 1px var(--pz-akcent-kreska)}
.pz3-ok-kanal:has(input:focus-visible){outline:2px solid var(--pz-fokus);outline-offset:2px}
.pz3-ok-dol{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.pz3-ok-drobne{margin:0;font-size:var(--pz-drobne);line-height:1.45;color:var(--pz-tekst-2);text-wrap:pretty}
.pz3-ok-drobne b{color:var(--pz-tekst);font-weight:600}
.pz .pz3-ok-maly{min-height:34px;padding:5px 12px;font-size:13px}
.pz3-ok-szkic__pusto{margin:0;padding:14px 12px;border-radius:var(--pz-r-maly);font-size:13px;line-height:1.45;color:var(--pz-tekst-2);box-shadow:inset 0 0 0 1px var(--pz-kreska-przerywana);text-wrap:pretty}
.pz3-ok-szkic__tekst{margin:0;min-height:96px;padding:10px 12px;border-radius:var(--pz-r-maly);background:var(--pz-karta-2);box-shadow:inset 0 0 0 1px var(--pz-kreska);font-size:14px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere;transition:box-shadow var(--pz-ruch) var(--pz-krzywa)}
.pz3-ok-szkic[data-stan="pisze"] .pz3-ok-szkic__tekst{box-shadow:inset 0 0 0 1px var(--pz-akcent-kreska)}
.pz3-ok-kursor{display:inline-block;width:2px;height:1.05em;margin-left:1px;vertical-align:-.15em;background:var(--pz-akcent);animation:pz3-ok-mrug 1s steps(1) infinite}
.pz3-ok-szkic__stan{margin:0;font-size:13px;line-height:1.45;font-weight:600;color:var(--pz-tekst);text-wrap:pretty}
.pz3-ok-szkic[data-stan="pisze"] .pz3-ok-szkic__stan,.pz3-ok-szkic[data-stan="sprawdza"] .pz3-ok-szkic__stan{color:var(--pz-tekst-2)}
.pz3-ok-szkic[data-stan="zmieniony"] .pz3-ok-szkic__stan{color:var(--pz-uwaga)}
.pz3-ok-szkic:not([data-stan="brak"]) .pz3-ok-szkic__pusto,
.pz3-ok-szkic[data-stan="brak"] .pz3-ok-szkic__tekst,
.pz3-ok-szkic:is([data-stan="brak"],[data-stan="pisze"]) .pz3-ok-straznik,
.pz3-ok-szkic:not(:is([data-stan="ok"],[data-stan="uwaga"],[data-stan="zmieniony"])) .pz3-ok-decyzja,
.pz3-ok-szkic:not([data-stan="zaakceptowany"]) .pz3-ok-szkic__po{display:none}
.pz3-ok-straznik{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;font-size:13px;line-height:1.4}
.pz3-ok-zasada{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;color:var(--pz-tekst-2);transition:color var(--pz-ruch) var(--pz-krzywa)}
.pz3-ok-zasada::before{content:"";width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--pz-kreska-mocna);transition:background-color var(--pz-ruch) var(--pz-krzywa),box-shadow var(--pz-ruch) var(--pz-krzywa),transform var(--pz-ruch) var(--pz-krzywa-sprezysta)}
.pz3-ok-zasada[data-stan="sprawdza"]::before{box-shadow:inset 0 0 0 2px var(--pz-akcent);animation:pz3-ok-puls .9s var(--pz-krzywa) infinite}
.pz3-ok-zasada:is([data-stan="ok"],[data-stan="uwaga"]){color:var(--pz-tekst)}
.pz3-ok-zasada[data-stan="ok"]::before{background:var(--pz-ok);box-shadow:none;transform:scale(1.06)}
.pz3-ok-zasada[data-stan="ok"]::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid var(--pz-karta);border-width:0 2px 2px 0;transform:rotate(45deg)}
.pz3-ok-zasada[data-stan="uwaga"]::before{background:var(--pz-uwaga);box-shadow:none}
.pz3-ok-zasada[data-stan="uwaga"]::after{content:"";position:absolute;left:8px;top:4px;width:2px;height:10px;background:linear-gradient(var(--pz-karta) 0 6px,transparent 6px 8px,var(--pz-karta) 8px)}
.pz3-ok-zasada__uwaga{display:block;margin-top:2px;font-weight:600;color:var(--pz-uwaga)}
.pz3-ok-zasada:not([data-stan="uwaga"]) .pz3-ok-zasada__uwaga{display:none}
.pz3-ok-decyzja{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}
.pz3-ok-decyzja form{margin:0}
.pz3-ok-popraw{position:relative}
.pz3-ok-popraw > summary{list-style:none;cursor:pointer}
.pz3-ok-popraw > summary::-webkit-details-marker{display:none}
.pz3-ok-popraw[open]{flex-basis:100%}
.pz3-ok-popraw__forma{display:flex;flex-direction:column;gap:8px;margin:8px 0 0}
.pz3-ok-szkic__po{display:flex;flex-direction:column;gap:8px}
.pz3-ok-kroki{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.pz3-ok-krok{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:9px 0;border-top:1px solid var(--pz-kreska)}
.pz3-ok-krok:first-child{border-top:0;padding-top:2px}
.pz3-ok-krok__nr{grid-row:span 2;align-self:start;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--pz-wypelnienie);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.pz3-ok-krok[data-stan="czeka"] .pz3-ok-krok__nr{background:var(--pz-akcent);color:var(--pz-na-akcencie)}
.pz3-ok-krok[data-stan="ok"] .pz3-ok-krok__nr{background:var(--pz-ok-tlo);color:var(--pz-ok)}
.pz3-ok-krok__tyt{min-width:0;font-size:14px;font-weight:600}
.pz3-ok-krok__tyt a{color:var(--pz-tekst);text-decoration:none}
.pz3-ok-krok__tyt a:hover{text-decoration:underline;text-decoration-color:var(--pz-akcent);text-underline-offset:3px}
.pz3-ok-krok__czas{font-size:12px;color:var(--pz-tekst-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.pz3-ok-krok__dop{grid-column:2 / -1;font-size:12px;line-height:1.4;color:var(--pz-tekst-2)}

/* 3. Dni i wpisy */
.pz3-ok-prawa__glowka{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px}
.pz3-ok-prawa__tyt{margin:0;font-size:var(--pz-h3);line-height:var(--pz-h3-lh);font-weight:600}
.pz3-ok-prawa__tyt span{font-weight:400;color:var(--pz-tekst-2)}
.pz3-ok-legenda{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;font-size:12px;color:var(--pz-tekst-2)}
.pz3-ok-legenda li{display:inline-flex;align-items:center;gap:6px}
.pz3-ok-legenda li::before{content:"";width:3px;height:12px;border-radius:2px;background:var(--pz-kreska-mocna)}
.pz3-ok-legenda li:is([data-stan="zaplanowany"],[data-stan="opublikowany"])::before{background:var(--pz-ok)}
.pz3-ok-legenda li[data-stan="akceptacja"]::before{background:var(--pz-akcent)}
.pz3-ok-legenda li[data-stan="recznie"]::before{background:var(--pz-uwaga)}
.pz3-ok-legenda li[data-stan="blad"]::before{background:var(--pz-blad)}
.pz3-ok-legenda li[data-stan="szkic"]::before{width:10px;background:transparent;outline:1px dashed var(--pz-kreska-przerywana);outline-offset:-1px}
.pz3-ok-dni{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.pz3-ok-dzien{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:start;padding:8px 10px;border-radius:var(--pz-r-kafel);background:var(--pz-karta-2);box-shadow:inset 0 0 0 1px var(--pz-kreska);transition:background-color var(--pz-ruch-szybki) var(--pz-krzywa),box-shadow var(--pz-ruch-szybki) var(--pz-krzywa)}
.pz3-ok-dzien[data-dzis]{box-shadow:inset 0 0 0 1.5px var(--pz-akcent-kreska)}
.pz3-ok-dzien[data-minal]{background:var(--pz-kafel)}
.pz3-ok-dzien__data{display:flex;flex-direction:column;gap:1px;margin:0;padding-top:4px;font-variant-numeric:tabular-nums}
.pz3-ok-dzien__data abbr{text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz3-ok-dzien__data b{font-size:15px;font-weight:600;align-self:flex-start}
.pz3-ok-dzien[data-dzis] .pz3-ok-dzien__data b{padding:0 6px;border-radius:var(--pz-r-pigulka);background:var(--pz-akcent);color:var(--pz-na-akcencie)}
.pz3-ok-dzien__data small{font-size:11px;color:var(--pz-tekst-2)}
.pz3-ok-dzien__tresc{display:flex;flex-direction:column;gap:6px;min-width:0}
.pz3-ok-dzien__tresc > [data-ok-komunikat]:empty{display:none}
.pz3-ok-dzien__tresc > [data-ok-komunikat]{display:flex;flex-direction:column;gap:6px}
.pz3-ok-dzien__wpisy{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:6px;margin:0;padding:0;list-style:none}
.pz3-ok-dzien__wpisy:not(:has(.pz3-ok-wpis)){display:none}
.pz3-ok-dzien__pusto{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:40px;margin:0;padding:6px 10px;border-radius:var(--pz-r-maly);font-size:13px;color:var(--pz-tekst-2);box-shadow:inset 0 0 0 1px var(--pz-kreska-przerywana)}
.pz3-ok-dzien:has(.pz3-ok-wpis:not([hidden])) .pz3-ok-dzien__pusto{display:none}
.pz3-ok[data-ciagnie] .pz3-ok-dzien:not([data-minal]){box-shadow:inset 0 0 0 1px var(--pz-kreska-przerywana)}
.pz3-ok-dzien[data-nad="tak"],.pz3-ok[data-ciagnie] .pz3-ok-dzien[data-nad="tak"]{background:var(--pz-akcent-mieko);box-shadow:inset 0 0 0 2px var(--pz-akcent)}
.pz3-ok-dzien[data-nad="nie"],.pz3-ok[data-ciagnie] .pz3-ok-dzien[data-nad="nie"]{background:var(--pz-blad-tlo);box-shadow:inset 0 0 0 2px var(--pz-blad-kreska)}
.pz3-ok-wpis{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:9px 10px 10px 13px;border-radius:10px;background:var(--pz-karta);box-shadow:0 0 0 1px var(--pz-kreska-karta),var(--pz-cien-0);font-size:13px;line-height:1.35;transition:box-shadow var(--pz-ruch-szybki) var(--pz-krzywa),opacity var(--pz-ruch-szybki) var(--pz-krzywa),background-color var(--pz-ruch) var(--pz-krzywa)}
.pz3-ok-wpis::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--pz-kreska-mocna);transition:background-color var(--pz-ruch) var(--pz-krzywa)}
.pz3-ok-wpis:is([data-stan="zaplanowany"],[data-stan="opublikowany"])::before{background:var(--pz-ok)}
.pz3-ok-wpis:is([data-stan="akceptacja"],[data-stan="zmieniony"])::before{background:var(--pz-akcent)}
.pz3-ok-wpis[data-stan="recznie"]::before{background:var(--pz-uwaga)}
.pz3-ok-wpis[data-stan="blad"]::before{background:var(--pz-blad)}
.pz3-ok-wpis[data-stan="szkic"]{background:var(--pz-karta-2);box-shadow:none;outline:1px dashed var(--pz-kreska-przerywana);outline-offset:-1px}
.pz3-ok-wpis[data-stan="szkic"]::before{background:transparent}
.pz3-ok-wpis[draggable="true"]{cursor:grab}
.pz3-ok-wpis[draggable="true"]:hover{box-shadow:0 0 0 1px var(--pz-kreska-mocna),var(--pz-cien-2)}
.pz3-ok-wpis[data-ciagniety]{opacity:.45;cursor:grabbing}
.pz3-ok-wpis__gora{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.pz3-ok-wpis__czas{font-weight:700;font-variant-numeric:tabular-nums}
.pz3-ok-wpis__format{font-size:12px;color:var(--pz-tekst-2)}
.pz3-ok-wpis__gora .pz3-stan{margin-left:auto}
.pz3-ok .pz3-stan{transition:background-color var(--pz-ruch) var(--pz-krzywa),color var(--pz-ruch) var(--pz-krzywa)}
.pz3-ok-wpis__tyt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;color:var(--pz-tekst);text-decoration:none;text-wrap:pretty}
.pz3-ok-wpis__tyt:hover{text-decoration:underline;text-decoration-color:var(--pz-akcent);text-underline-offset:3px}
.pz3-ok-wpis__mk{display:flex;flex-wrap:wrap;gap:2px 8px;margin:0;font-size:12px;color:var(--pz-tekst-2)}
.pz3-ok-wpis__mk a{color:var(--pz-tekst-2)}
.pz3-ok-wpis__blad{margin:0;font-size:12px;line-height:1.4;font-weight:600;color:var(--pz-blad)}
.pz3-ok-wpis:not([data-stan="blad"]) .pz3-ok-wpis__blad{display:none}
.pz3-ok-chipy{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}
.pz3-ok-chip{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 9px;border-radius:var(--pz-r-pigulka);background:var(--pz-wypelnienie);color:var(--pz-tekst);font-size:12px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;transition:background-color var(--pz-ruch) var(--pz-krzywa),color var(--pz-ruch) var(--pz-krzywa)}
.pz3-ok-chip::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
.pz3-ok-chip[data-stan="ok"]{background:var(--pz-ok-tlo);color:var(--pz-ok)}
.pz3-ok-chip[data-stan="uwaga"]{background:var(--pz-uwaga-tlo);color:var(--pz-uwaga)}
.pz3-ok-chip[data-stan="czeka"]{background:var(--pz-akcent-mieko);box-shadow:inset 0 0 0 1px var(--pz-akcent-kreska)}
.pz3-ok-chip[data-stan="czeka"]::before{background:var(--pz-akcent-hover)}
.pz3-ok-chip[data-stan="nic"]{background:var(--pz-karta);color:var(--pz-tekst-2);box-shadow:inset 0 0 0 1px var(--pz-kreska-mocna)}
.pz3-ok-chip[data-stan="blad"]{background:var(--pz-blad-tlo);color:var(--pz-blad)}
.pz3-ok-wpis__akcje{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pz3-ok-wpis__akcje form{margin:0}
.pz3-ok-wpis:not(:is([data-stan="akceptacja"],[data-stan="zmieniony"])) [data-ok-akc],
.pz3-ok-wpis:not(:is([data-stan="akceptacja"],[data-stan="zmieniony"])) .pz3-ok-powod{display:none}
.pz3-ok-powod{flex-basis:100%;margin:0;font-size:12px;line-height:1.4;color:var(--pz-tekst-2)}
.pz3-ok-pusty{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--pz-r-kafel);background:var(--pz-akcent-mieko);box-shadow:inset 0 0 0 1px var(--pz-akcent-kreska)}
.pz3-ok-pusty__tyt{margin:0;font-size:var(--pz-h3);line-height:var(--pz-h3-lh);font-weight:600}
.pz3-ok-pusty__kroki{display:flex;flex-direction:column;gap:6px;margin:0;padding:0 0 0 20px;font-size:14px;line-height:1.45}
.pz3-ok-pusty__kroki span{color:var(--pz-tekst-2)}
.pz3-ok-pusty__akcje{display:flex;flex-wrap:wrap;gap:8px}

/* 4. Przenieś na… (wpis tygodnia, panel kalendarza) */
.pz3-ok-przenies{position:relative}
.pz3-ok-przenies > summary{list-style:none;cursor:pointer}
.pz3-ok-przenies > summary::-webkit-details-marker{display:none}
.pz3-ok-przenies__panel{position:absolute;z-index:45;top:calc(100% + 6px);left:0;width:272px;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--pz-karta);border:1px solid var(--pz-kreska-karta);border-radius:var(--pz-r-kafel);box-shadow:var(--pz-cien-3);font-size:13px;line-height:1.4;cursor:default}
.pz3-ok-przenies__tyt{margin:0;font-size:14px;font-weight:600}
.pz3-ok-przenies__dni{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;margin:0;padding:0;list-style:none}
.pz3-ok-przenies__dzien{width:100%;min-height:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:4px 10px;border:1px solid var(--pz-kreska-mocna);border-radius:var(--pz-r-maly);background:var(--pz-karta);color:var(--pz-tekst);font:inherit;font-weight:600;text-align:left;cursor:pointer;transition:background-color var(--pz-ruch-szybki) var(--pz-krzywa),border-color var(--pz-ruch-szybki) var(--pz-krzywa)}
.pz3-ok-przenies__dzien:hover:not([disabled]){background:var(--pz-akcent-mieko);border-color:var(--pz-akcent-kreska)}
.pz3-ok-przenies__dzien:focus-visible{outline:2px solid var(--pz-fokus);outline-offset:2px}
.pz3-ok-przenies__dzien[disabled]{opacity:.45;cursor:not-allowed}
.pz3-ok-przenies__dzien[aria-current="true"]{background:var(--pz-wypelnienie);opacity:1}
.pz3-ok-przenies__dzien small{font-size:11px;font-weight:400;color:var(--pz-tekst-2)}
.pz3-ok-przenies__inny{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px}
.pz3-ok-przenies__inny .pz-pole{flex:1 1 160px;margin:0}

/* 5. Cofnij, odmowa, notka makiety */
.pz3-ok-cofnij{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:9px 12px 11px;overflow:hidden;border-radius:var(--pz-r-maly);background:var(--pz-tekst);color:var(--pz-karta);font-size:13px;line-height:1.4;animation:pz3-ok-wjedz var(--pz-ruch) var(--pz-krzywa)}
.pz3-ok-cofnij::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--pz-akcent);transform-origin:left;animation:pz3-ok-licz 6s linear forwards}
.pz3-ok-cofnij[data-stoi]::after{animation-play-state:paused}
.pz3-ok-cofnij__przycisk{min-height:32px;padding:0 4px;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pz3-ok-cofnij__przycisk:focus-visible{outline:2px solid var(--pz-akcent);outline-offset:2px}
.pz3-ok-cofnij--plywa{position:fixed;z-index:85;left:0;right:0;bottom:24px;width:fit-content;max-width:calc(100vw - 24px);margin-inline:auto;box-shadow:var(--pz-cien-3)}
.pz3-ok-odmowa{margin:0;padding:8px 10px;border-radius:var(--pz-r-maly);background:var(--pz-blad-tlo);border:1px solid var(--pz-blad-kreska);color:var(--pz-blad);font-size:13px;font-weight:600;line-height:1.4;text-wrap:pretty;animation:pz3-ok-wjedz var(--pz-ruch) var(--pz-krzywa)}
.pz3-ok-notka{position:fixed;z-index:90;left:0;right:0;bottom:24px;width:fit-content;max-width:calc(100vw - 24px);margin-inline:auto;padding:10px 14px;border-radius:var(--pz-r-maly);background:var(--pz-karta);color:var(--pz-tekst);border:1px solid var(--pz-kreska-mocna);box-shadow:var(--pz-cien-3);font-size:13px;animation:pz3-ok-wjedz var(--pz-ruch) var(--pz-krzywa)}

/* 6. Kalendarz — strefy, przeciąganie, podświetlenie */
.pz3-kal__wpis[draggable="true"]{cursor:grab}
.pz3-kal__wpis[data-ciagniety]{opacity:.45}
.pz3-kal__wpis[aria-current="true"]{box-shadow:0 0 0 2px var(--pz-akcent)}
.pz3-kal__wpis[data-stan="blad"]{background:var(--pz-blad-tlo)}
[data-ciagnie] .pz3-kal__dzien:not([data-minal]){outline:1px dashed var(--pz-kreska-przerywana);outline-offset:-3px}
.pz3-kal__dzien[data-minal]:not([data-dzis]) .pz3-kal__nr{color:var(--pz-tekst-2)}
.pz3-kal__dzien[data-nad="tak"]{background:var(--pz-akcent-mieko);box-shadow:inset 0 0 0 2px var(--pz-akcent)}
.pz3-kal__dzien[data-nad="nie"]{background:var(--pz-blad-tlo);box-shadow:inset 0 0 0 2px var(--pz-blad-kreska)}
.pz3-kal__dzien .pz3-ok-odmowa{padding:6px;font-size:12px}
.pz3-ok-kal-pasek{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px}

/* 7. Panel podglądu „jak na platformie” */
.pz3-ok-panel{position:fixed;z-index:80;top:0;right:0;bottom:0;width:min(460px,100%);display:flex;flex-direction:column;background:var(--pz-karta);color:var(--pz-tekst);border-left:1px solid var(--pz-kreska-karta);box-shadow:var(--pz-cien-3);animation:pz3-ok-panel-wjedz var(--pz-ruch) var(--pz-krzywa)}
.pz3-ok-panel[hidden]{display:none}
.pz3-ok-panel:focus{outline:none}
.pz3-ok-panel__pasek{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--pz-kreska)}
.pz3-ok-panel__et{margin:0;font-size:var(--pz-nad);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz3-ok-panel__tresc{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px}
.pz3-ok-pg{display:flex;flex-direction:column;gap:16px}
.pz3-ok-pg__glowa{display:flex;flex-direction:column;gap:6px}
.pz3-ok-pg__tyt{margin:0;font-size:var(--pz-h3);line-height:var(--pz-h3-lh);font-weight:600;text-wrap:pretty}
.pz3-ok-pg__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;font-size:13px;color:var(--pz-tekst-2);font-variant-numeric:tabular-nums}
.pz3-ok-pg__meta b{color:var(--pz-tekst);font-weight:600}
.pz3-ok-pg__ramka{display:flex;justify-content:center;padding:16px;border-radius:var(--pz-r-kafel);background:var(--pz-wypelnienie)}
.pz3-ok-pg__ramka .pz-sm-tel{flex:1 1 auto;max-width:340px;box-shadow:var(--pz-cien-2)}
.pz3-ok-pg__brak{position:absolute;inset:0;display:grid;place-items:center;padding:12px;text-align:center;font-size:13px;color:var(--pz-tekst-2)}
.pz3-ok-pg__sekcja{display:flex;flex-direction:column;gap:6px}
.pz3-ok-pg__h{margin:0;font-size:var(--pz-nad);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pz-tekst-2)}
.pz3-ok-pg__opis{margin:0;padding:10px 12px;border-radius:var(--pz-r-maly);background:var(--pz-karta-2);box-shadow:inset 0 0 0 1px var(--pz-kreska);font-size:14px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}
.pz3-ok-pg__akcje{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pz3-ok-pg__akcje form{margin:0}
.pz3-ok-pg .pz3-ok-przenies__panel{position:static;width:auto;padding:0;border:0;box-shadow:none;background:transparent}

/* 8. Szerokości */
@media (max-width:1099px){
  .pz3-ok__siatka{display:flex;flex-direction:column;gap:12px;padding:16px}
  .pz3-ok-lewa{display:contents}
  .pz3-ok-prawa{order:3;padding:0}
  .pz3-ok-karta--kroki{order:4}
}
@media (max-width:699px){
  .pz3-ok{border-radius:var(--pz-r-kafel)}
  .pz3-ok__pasek{padding:12px 14px}
  .pz3-ok-etapy{gap:4px;padding:10px 14px 12px}
  .pz3-ok-etap span{display:none}
  .pz3-ok-etap b{font-size:12px;white-space:normal}
  .pz3-ok__siatka{padding:12px}
  .pz3-ok-dzien{grid-template-columns:44px minmax(0,1fr);gap:8px;padding:8px}
  .pz3-ok-dzien__wpisy{grid-template-columns:minmax(0,1fr)}
  .pz .pz3-ok-maly,.pz3-ok-kanal,.pz3-ok-cofnij__przycisk{min-height:44px}
  .pz3-ok-wpis .pz3-ok-przenies__panel{position:fixed;z-index:70;left:12px;right:12px;top:auto;bottom:calc(var(--pz3-tab) + 12px);width:auto;max-height:70vh;overflow:auto;padding:16px}
  .pz3-ok-przenies__dzien{min-height:48px}
  .pz3-ok-cofnij--plywa,.pz3-ok-notka{bottom:calc(var(--pz3-tab) + 12px)}
  .pz3-ok-panel{top:auto;left:0;width:auto;max-height:calc(100vh - 48px);border-left:0;border-top:1px solid var(--pz-kreska-karta);border-radius:var(--pz-r-karta) var(--pz-r-karta) 0 0;animation-name:pz3-ok-arkusz}
  .pz3-ok-panel .pz-przycisk{min-height:44px}
  .pz3-ok-pg__ramka{padding:10px}
}
@media (pointer:coarse){.pz .pz3-ok-maly{min-height:44px}}

/* 9. Ruch */
.pz3-ok-wpadl{animation:pz3-ok-wpadl 420ms var(--pz-krzywa-sprezysta) both,pz3-ok-blysk 1.6s var(--pz-krzywa)}
@keyframes pz3-ok-wpadl{from{opacity:0;transform:translateY(-10px) scale(.97)}60%{opacity:1}to{opacity:1;transform:none}}
@keyframes pz3-ok-blysk{from{box-shadow:0 0 0 3px var(--pz-akcent)}to{box-shadow:0 0 0 1px var(--pz-kreska-karta)}}
@keyframes pz3-ok-licz{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes pz3-ok-mrug{50%{opacity:0}}
@keyframes pz3-ok-puls{50%{opacity:.35}}
@keyframes pz3-ok-wjedz{from{opacity:0;transform:translateY(4px)}}
@keyframes pz3-ok-panel-wjedz{from{opacity:0;transform:translateX(24px)}}
@keyframes pz3-ok-arkusz{from{opacity:0;transform:translateY(24px)}}
@media (prefers-reduced-motion:reduce){.pz3-ok-kursor{display:none}.pz3-ok-cofnij::after{animation:none;transform:scaleX(.5)}}
/* CZSIw-53 (uwaga 3): znaki platform przy kanałach — kolor platformy w jasnym, jaśniejszy w ciemnym; X i Threads w kolorze tekstu */
.pz-logo{flex:0 0 auto;width:18px;height:18px;vertical-align:-3px;color:var(--pz-tekst)}
.pz-logo[data-pl="facebook"]{color:#1877f2}.pz-logo[data-pl="instagram"]{color:#d62976}.pz-logo[data-pl="linkedin"]{color:#0a66c2}.pz-logo[data-pl="youtube"]{color:#e62117}
@media (prefers-color-scheme:dark){:root:not([data-motyw="jasny"]) .pz-logo[data-pl="facebook"]{color:#5b9cf6}:root:not([data-motyw="jasny"]) .pz-logo[data-pl="instagram"]{color:#f06ba8}:root:not([data-motyw="jasny"]) .pz-logo[data-pl="linkedin"]{color:#5aa3e8}}
[data-motyw="ciemny"] .pz-logo[data-pl="facebook"]{color:#5b9cf6}[data-motyw="ciemny"] .pz-logo[data-pl="instagram"]{color:#f06ba8}[data-motyw="ciemny"] .pz-logo[data-pl="linkedin"]{color:#5aa3e8}
.pz-sm-kr-pigulka--logo{display:inline-flex;align-items:center;gap:8px}

/* CZSIw-58 (Claude Design część 20) — /powiadomienia: zdarzenia w trzech grupach (Posty · Konto i marka · Rozliczenia) */
.pz-sm-pw-grupa{border:1px solid var(--pz-kreska,#E6E3DC);border-radius:16px;padding:16px 18px 6px;margin:0 0 16px;background:var(--pz-karta,#fff)}
.pz-sm-pw-grupa__tytul{margin:0 0 2px;font-size:1.05rem;font-weight:700}
.pz-sm-pw-grupa>.pz-sm-drobne{margin:0 0 10px}
@media (max-width:640px){.pz-sm-pw-grupa{padding:14px 12px 4px}}