/* social.iwaszka.pl + panel.iwaszka.pl — WYGLĄD v2 „miękko, żywo, czytelnie” (część 13, CZSIw-37, 16.10.2026)
   Ładowany JAKO OSTATNI: panel.css → social.css → asystent.css → (czat.css) → wyglad.css. Zero zmian w HTML (poza paskiem z data-proc, §22).
   Zasady: tylko tokeny --pz-*; bez @import, bez adresów zewnętrznych; !important tylko punktowo (oznaczone „!i:”); bez content: z tekstem.
   Spis: 1 czcionka · 2 tokeny jasne · 3 tokeny ciemne · 4 podstawy i ruch · 5 typografia · 6 przyciski · 7 odnośniki · 8 pola
   · 9 pigułki, liczniki, znaczniki stanu · 10 karty i bloki · 11 rozwijanie · 12 kafle i paski · 13 tabele i wiersze · 14 menu boczne
   · 15 kalendarz · 16 tydzień · 17 podgląd telefonu · 18 komunikaty · 19 panel (góra, reakcje, terminarz) · 20 stopka · 21 logowanie
   · 22 usterki · 23 telefon · 24 bez ruchu */

/* 1. Onest — te same pliki co panel.css, ścieżka względna do arkusza (działa i z /zasoby/, i z podglądu z dysku) */
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url('panel/onest-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url('panel/onest-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* 2. Tokeny v2 — jasny. Kontrasty policzone w wyglad-tokeny.html (skrypt liczy na żywo z tych wartości). */
:root{interpolate-size:allow-keywords}
.pz{
  --pz-tlo:#F4F2ED;--pz-karta:#FFFFFF;--pz-karta-2:#FAF9F6;--pz-kafel:#F6F4EF;--pz-kafel-kreska:transparent;
  --pz-wypelnienie:#ECE9E2;--pz-pole:#FFFFFF;--pz-pole-kreska:#8C867B;--pz-pole-hover:#5E5A52;
  --pz-tekst:#151517;--pz-tekst-2:#5E5A52;
  --pz-kreska:#E7E3DA;--pz-kreska-mocna:#D3CDC1;--pz-kreska-karta:rgba(21,21,23,.08);--pz-kreska-przerywana:#A39C90;
  --pz-fokus:#151517;--pz-fokus-halo:rgba(219,160,34,.38);
  --pz-akcent:#DBA022;--pz-akcent-hover:#C48E16;--pz-na-akcencie:#151517;--pz-akcent-mieko:#FBF1D9;--pz-akcent-kreska:#E5BE62;
  --pz-ok:#2B7346;--pz-ok-tlo:#EAF5EE;--pz-ok-kreska:#C3E0CD;
  --pz-uwaga:#875400;--pz-uwaga-tlo:#FDF3DE;--pz-uwaga-kreska:#EED6A0;
  --pz-blad:#B3261E;--pz-blad-tlo:#FCECEA;--pz-blad-kreska:#F0C3BD;
  --pz-nowa-tlo:#FBF1D9;--pz-nowa-kreska:#E5BE62;--pz-krok-pusty:#D3CDC1;
  /* promienie */
  --pz-r-karta:16px;--pz-r-kafel:12px;--pz-r-przycisk:10px;--pz-r-pole:10px;--pz-r-pigulka:999px;--pz-r-znacznik:6px;--pz-r-maly:8px;
  /* cienie: 1 = karta, 2 = karta najechana / pływający przycisk, 3 = menu, dymek, szuflada */
  --pz-cien-0:0 1px 1px rgba(21,21,23,.04);
  --pz-cien-1:0 1px 2px rgba(21,21,23,.05),0 2px 6px -2px rgba(21,21,23,.06);
  --pz-cien-2:0 2px 4px rgba(21,21,23,.05),0 10px 24px -6px rgba(21,21,23,.14);
  --pz-cien-3:0 6px 12px -4px rgba(21,21,23,.10),0 22px 48px -12px rgba(21,21,23,.28);
  --pz-cien-glowny:0 1px 2px rgba(133,90,0,.22),inset 0 1px 0 rgba(255,255,255,.28);
  /* odstępy (siatka 4 px) */
  --pz-o-1:4px;--pz-o-2:8px;--pz-o-3:12px;--pz-o-4:16px;--pz-o-5:20px;--pz-o-6:24px;--pz-o-7:32px;--pz-o-8:48px;
  /* ruch */
  --pz-ruch-szybki:150ms;--pz-ruch:220ms;--pz-krzywa:cubic-bezier(.2,.7,.2,1);--pz-krzywa-sprezysta:cubic-bezier(.3,1.3,.5,1);
  /* typografia — jedna skala dla wszystkich ekranów */
  --pz-h1:30px;--pz-h1-lh:1.15;--pz-h2:20px;--pz-h2-lh:1.3;--pz-h3:16px;--pz-h3-lh:1.35;--pz-nad:12px;--pz-drobne:13px;
  /* menu boczne — grafit w obu motywach */
  --pz-sm-bok-tlo:#151517;--pz-sm-bok-tekst:#EDEAE3;--pz-sm-bok-tekst-2:#ABA597;--pz-sm-bok-kreska:#2C2B28;
  --pz-sm-bok-on:rgba(255,255,255,.06);--pz-sm-bok-biezace:rgba(219,160,34,.15);
  --pz-sm-tel-kreska:#E2DED5;
  background:var(--pz-tlo);
}
/* 3. Tokeny v2 — ciemny (system albo wymuszony) — ten sam wzór co panel.css §2 */
@media (prefers-color-scheme:dark){
  .pz:not([data-motyw="jasny"]){
    --pz-tlo:#121213;--pz-karta:#1C1B1A;--pz-karta-2:#22211F;--pz-kafel:#252422;--pz-kafel-kreska:transparent;
    --pz-wypelnienie:#302E2A;--pz-pole:#161617;--pz-pole-kreska:#77726A;--pz-pole-hover:#A39C90;
    --pz-tekst:#F4F2ED;--pz-tekst-2:#B8B2A6;
    --pz-kreska:#2E2C29;--pz-kreska-mocna:#45423D;--pz-kreska-karta:rgba(255,255,255,.07);--pz-kreska-przerywana:#6E695F;
    --pz-fokus:#DBA022;--pz-fokus-halo:rgba(219,160,34,.30);
    --pz-akcent-mieko:#372D19;--pz-akcent-kreska:#7D6024;
    --pz-ok:#74D394;--pz-ok-tlo:#142A1C;--pz-ok-kreska:#265339;
    --pz-uwaga:#F2BD5C;--pz-uwaga-tlo:#33270F;--pz-uwaga-kreska:#614B1E;
    --pz-blad:#FF9086;--pz-blad-tlo:#381714;--pz-blad-kreska:#6E302B;
    --pz-nowa-tlo:#372D19;--pz-nowa-kreska:#7D6024;--pz-krok-pusty:#45423D;
    --pz-cien-0:0 1px 1px rgba(0,0,0,.3);
    --pz-cien-1:0 1px 2px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.03);
    --pz-cien-2:0 2px 4px rgba(0,0,0,.35),0 12px 28px -6px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.04);
    --pz-cien-3:0 8px 16px -4px rgba(0,0,0,.5),0 24px 56px -12px rgba(0,0,0,.75);
    --pz-cien-glowny:0 1px 2px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.22);
    --pz-sm-bok-tlo:#171718;--pz-sm-bok-kreska:#2A2927;--pz-sm-tel-kreska:#3A3833;
  }
}
.pz[data-motyw="ciemny"]{
  --pz-tlo:#121213;--pz-karta:#1C1B1A;--pz-karta-2:#22211F;--pz-kafel:#252422;--pz-kafel-kreska:transparent;
  --pz-wypelnienie:#302E2A;--pz-pole:#161617;--pz-pole-kreska:#77726A;--pz-pole-hover:#A39C90;
  --pz-tekst:#F4F2ED;--pz-tekst-2:#B8B2A6;
  --pz-kreska:#2E2C29;--pz-kreska-mocna:#45423D;--pz-kreska-karta:rgba(255,255,255,.07);--pz-kreska-przerywana:#6E695F;
  --pz-fokus:#DBA022;--pz-fokus-halo:rgba(219,160,34,.30);
  --pz-akcent-mieko:#372D19;--pz-akcent-kreska:#7D6024;
  --pz-ok:#74D394;--pz-ok-tlo:#142A1C;--pz-ok-kreska:#265339;
  --pz-uwaga:#F2BD5C;--pz-uwaga-tlo:#33270F;--pz-uwaga-kreska:#614B1E;
  --pz-blad:#FF9086;--pz-blad-tlo:#381714;--pz-blad-kreska:#6E302B;
  --pz-nowa-tlo:#372D19;--pz-nowa-kreska:#7D6024;--pz-krok-pusty:#45423D;
  --pz-cien-0:0 1px 1px rgba(0,0,0,.3);
  --pz-cien-1:0 1px 2px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.03);
  --pz-cien-2:0 2px 4px rgba(0,0,0,.35),0 12px 28px -6px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.04);
  --pz-cien-3:0 8px 16px -4px rgba(0,0,0,.5),0 24px 56px -12px rgba(0,0,0,.75);
  --pz-cien-glowny:0 1px 2px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.22);
  --pz-sm-bok-tlo:#171718;--pz-sm-bok-kreska:#2A2927;--pz-sm-tel-kreska:#3A3833;
}
.pz.pz-sm{--pz-sm-bok-szer:256px}

/* 4. Podstawy i ruch */
body.pz{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.pz ::selection{background:var(--pz-akcent-mieko);color:var(--pz-tekst)}
.pz :focus-visible{outline:2px solid var(--pz-fokus);outline-offset:2px}
.pz :is(a,button,summary,label,select,input,textarea,[role="button"]){
  transition:color var(--pz-ruch-szybki) var(--pz-krzywa),background-color var(--pz-ruch-szybki) var(--pz-krzywa),border-color var(--pz-ruch-szybki) var(--pz-krzywa),
    box-shadow var(--pz-ruch) var(--pz-krzywa),text-decoration-color var(--pz-ruch-szybki) var(--pz-krzywa),outline-offset var(--pz-ruch-szybki) var(--pz-krzywa),
    opacity var(--pz-ruch-szybki) var(--pz-krzywa),transform var(--pz-ruch-szybki) var(--pz-krzywa)}
.pz :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--pz-akcent-hover)}
.pz img{border-radius:inherit}
/* rozwijanie: animacja wysokości tylko CSS-em (Chrome 131+, Safari 18.4+); starsze przeglądarki — zwykłe otwarcie bez animacji */
@supports selector(::details-content){
  .pz details:not(.pz-sm-wiecej)::details-content{block-size:0;overflow-y:clip;
    transition:block-size var(--pz-ruch) var(--pz-krzywa),content-visibility var(--pz-ruch) var(--pz-krzywa) allow-discrete}
  .pz details[open]:not(.pz-sm-wiecej)::details-content{block-size:auto}
}
@keyframes pz-v2-pojaw{from{opacity:0}to{opacity:1}}
.pz details[open] > :not(summary){animation:pz-v2-pojaw var(--pz-ruch) var(--pz-krzywa)}

/* 5. Typografia — h1 30 · h2 20 · h3 16 · nadtytuł 12 caps (telefon: 26 · 19 · 16) */
.pz :is(.pz-sm-tytul__h1,.pz-tytul-ekranu__h1,.pz-ekran__tytul){font-size:var(--pz-h1);line-height:var(--pz-h1-lh);font-weight:650;letter-spacing:-.022em}
.pz :is(h2.pz-karta__tytul,h2.pz-reakcje__tytul,h2.pz-terminarz__tytul,h2.pz-sm-blok__tytul,h2.pz-sm-grupa__tytul,h2.pz-sm-kal__miesiac,h2.pz-sm-na-h2,
  h2.pz-sm-pm-kontakt__h,h2.pz-sm-sekcja__tytul,h2.pz-sm-ty-marka__h,h2.pz-sm-tydz__tytul){font-size:var(--pz-h2);line-height:var(--pz-h2-lh);font-weight:620;letter-spacing:-.012em}
.pz :is(h3.pz-karta__tytul,h3.pz-sm-blok__tytul,h3.pz-sm-flagi__tyt,h3.pz-sm-gen-h,h3.pz-sm-kanal__nazwa,h3.pz-sm-kartka__tytul,h3.pz-sm-kr-pyt__tyt,
  h3.pz-sm-opub-dzien__tytul,h3.pz-sm-pm-krok__tyt,h3.pz-sm-pop-dzien__tytul,h3.pz-sm-prop__temat,h3.pz-sm-ty-krok__tyt,h3.pz-sm-uz-konto__imie,
  h3.pz-sm-wynik-kanal__nazwa,h3.pz-wyk__tytul,h3.pz-pf-grupa,.pz-sm-pm-temat__tyt){font-size:var(--pz-h3);line-height:var(--pz-h3-lh);font-weight:620;letter-spacing:-.005em}
.pz :is(h4.pz-grupa__tytul,h4.pz-lista__tytul){font-size:15px;line-height:1.35;font-weight:620}
.pz :is(.pz-sm-brew,.pz-ekran__krok,.pz-sm-pm-et,.pz-sm-pm-sekcja,.pz-sm-tydzien__tytul,.pz-sm-kal__widok-tyt,.pz-motyw__etykieta,.pz-sm-marki__etykieta){
  font-size:var(--pz-nad);letter-spacing:.12em;font-weight:620}
.pz :is(.pz-sm-brew,.pz-ekran__krok)::before{width:20px;height:3px;border-radius:3px}
.pz .pz-sm-tytul{gap:8px}
.pz .pz-sm-tytul__opis{font-size:15px;line-height:1.55}
.pz .pz-sm-grupa__glowka::before{border-radius:3px}

/* 6. Przyciski: główny (złoto), drugi (biała karta), link, pełny, wyłączony / „nic do zrobienia” */
.pz .pz-przycisk{border-width:1px;border-radius:var(--pz-r-przycisk);padding:10px 18px;font-weight:600;letter-spacing:-.003em;
  transition:background-color var(--pz-ruch-szybki) var(--pz-krzywa),border-color var(--pz-ruch-szybki) var(--pz-krzywa),color var(--pz-ruch-szybki) var(--pz-krzywa),
    box-shadow var(--pz-ruch) var(--pz-krzywa),transform var(--pz-ruch-szybki) var(--pz-krzywa)}
.pz .pz-przycisk--glowny{background:var(--pz-akcent);border-color:var(--pz-akcent-hover);box-shadow:var(--pz-cien-glowny)}
.pz .pz-przycisk--glowny:hover{background:var(--pz-akcent-hover);border-color:var(--pz-akcent-hover);box-shadow:var(--pz-cien-glowny),0 6px 16px -6px rgba(196,142,22,.55)}
.pz .pz-przycisk--drugi{background:var(--pz-karta);border-color:var(--pz-kreska-mocna);color:var(--pz-tekst);box-shadow:var(--pz-cien-0)}
.pz .pz-przycisk--drugi:hover{background:var(--pz-karta-2);border-color:var(--pz-pole-kreska);color:var(--pz-tekst);box-shadow:var(--pz-cien-1)}
.pz .pz-przycisk--link{border:0;border-radius:4px;padding:0 2px;box-shadow:none;background:none;text-decoration-thickness:2px;text-underline-offset:5px}
.pz .pz-przycisk--link:hover{background:none;box-shadow:none}
.pz .pz-przycisk:active:not(:disabled){transform:translateY(1px);box-shadow:none}
.pz :is(.pz-przycisk:disabled,.pz-przycisk[aria-busy="true"],.pz-przycisk[aria-disabled="true"],.pz-sm-ty .pz-przycisk:disabled,.pz-sm-na .pz-przycisk:disabled,.pz-sm-na .pz-przycisk[aria-disabled="true"]){
  background:var(--pz-wypelnienie);border-style:solid;border-color:transparent;color:var(--pz-tekst-2);box-shadow:none;cursor:not-allowed}
.pz .pz-przycisk[aria-busy="true"]{cursor:progress}
.pz .pz-przycisk__strzalka{transition:transform var(--pz-ruch) var(--pz-krzywa-sprezysta)}
/* „Ile to kosztuje?” i podobne — w tygodniu przerywana ramka przy „nic do zrobienia”: zwykły drugi przycisk */
.pz :is(.pz-sm-ty-tygodnie [aria-disabled="true"]){border-style:solid;border-color:transparent;background:var(--pz-wypelnienie);color:var(--pz-tekst-2);border-radius:var(--pz-r-przycisk)}
/* wybór pliku */
.pz .pz-sm-plik::file-selector-button,.pz .pz-sm-dodaj input[type="file"]::file-selector-button{border:1px solid var(--pz-kreska-mocna);border-radius:var(--pz-r-maly);background:var(--pz-karta);box-shadow:var(--pz-cien-0)}
.pz .pz-sm-plik{border-radius:var(--pz-r-pole);border-style:solid;border-color:var(--pz-kreska-mocna);background:var(--pz-karta)}

/* 7. Odnośniki */
.pz :is(.pz-link,.pz-przycisk--link,.pz-sm-bok__szybki-drugi){text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--pz-akcent)}
.pz .pz-link{border-radius:4px}
.pz :is(.pz-link,.pz-przycisk--link):hover{text-decoration-color:currentColor}

/* 8. Pola i listy wyboru */
.pz .pz-pole{gap:7px}
.pz .pz-pole__etykieta{font-size:14px;font-weight:600}
.pz .pz-pole__wejscie,.pz :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){
  border:1px solid var(--pz-pole-kreska);border-radius:var(--pz-r-pole);background-color:var(--pz-pole);box-shadow:var(--pz-cien-0)}
.pz .pz-pole__wejscie:hover{border-color:var(--pz-pole-hover)}
.pz .pz-pole__wejscie:focus{outline:none}
.pz .pz-pole__wejscie:focus-visible,.pz .pz-pole__wejscie:focus{border-color:var(--pz-tekst);box-shadow:0 0 0 4px var(--pz-fokus-halo)}
.pz .pz-pole__wejscie[aria-invalid="true"]{border-width:1px;padding:11px 14px;border-color:var(--pz-blad);box-shadow:0 0 0 3px var(--pz-blad-tlo)}
.pz .pz-pole__wejscie::placeholder{color:var(--pz-tekst-2);opacity:.85}
.pz .pz-pole__wejscie:disabled{background:var(--pz-wypelnienie);border-color:transparent;box-shadow:none;cursor:not-allowed}
.pz select.pz-pole__wejscie{cursor:pointer}
.pz .pz-pole__pomoc{font-size:13px}
.pz .pz-sm-bok__marki-wybor{border-radius:var(--pz-r-pole)}
/* wybory-pigułki (marka, format, opcje) — zaznaczony = miękkie złoto + ramka złota + pogrubienie (słowo nadal w etykiecie) */
.pz :is(.pz-sm-formaty label,.pz-sm-marki-wybor label,.pz-sm-opcje label,.pz-sm-na-wybor label,.pz-sm-kr-karta,.pz-sm-pk-dodatek,.pz-sm-szkic__wybor,.pz-sm-gen-opcja){
  border-color:var(--pz-kreska-mocna);box-shadow:var(--pz-cien-0)}
.pz :is(.pz-sm-formaty label,.pz-sm-opcje label,.pz-sm-na-wybor label){border-radius:var(--pz-r-przycisk)}
.pz .pz-sm-marki-wybor label{border-radius:var(--pz-r-pigulka)}
.pz :is(.pz-sm-kr-karta,.pz-sm-pk-dodatek,.pz-sm-szkic__wybor,.pz-sm-gen-opcja){border-radius:var(--pz-r-kafel)}
.pz :is(.pz-sm-formaty label,.pz-sm-marki-wybor label,.pz-sm-opcje label,.pz-sm-na-wybor label,.pz-sm-kr-karta,.pz-sm-pk-dodatek,.pz-sm-gen-opcja):hover{border-color:var(--pz-pole-kreska);background:var(--pz-karta-2)}
.pz :is(.pz-sm-formaty label,.pz-sm-marki-wybor label,.pz-sm-opcje label,.pz-sm-na-wybor label,.pz-sm-kr-karta,.pz-sm-pk-dodatek,.pz-sm-gen-opcja):has(input:checked){
  background:var(--pz-akcent-mieko);border-color:var(--pz-akcent-kreska);box-shadow:inset 0 0 0 1px var(--pz-akcent-kreska);font-weight:600}
.pz .pz-sm-wybor input{accent-color:var(--pz-akcent-hover)}
/* przełącznik dwóch zakładek (Pomysł / Materiał) — segment z „szyną” */
.pz .pz-sm-segment{padding:4px;gap:4px;background:var(--pz-wypelnienie);border-radius:calc(var(--pz-r-przycisk) + 4px)}
.pz .pz-sm-segment label{border:0;border-radius:var(--pz-r-przycisk);background:transparent;color:var(--pz-tekst-2);min-height:48px}
.pz .pz-sm-segment label:hover{color:var(--pz-tekst);background:rgba(255,255,255,.35)}
.pz .pz-sm-segment label:has(input:checked){background:var(--pz-karta);color:var(--pz-tekst);box-shadow:var(--pz-cien-1)}

/* 9. Pigułki / filtry / liczniki / znaczniki stanu (stan zawsze słowem — kolor tylko wspiera) */
.pz .pz-skrot{border-radius:var(--pz-r-pigulka);border-color:var(--pz-kreska-mocna);background:var(--pz-karta);box-shadow:var(--pz-cien-0);font-weight:500;padding:0 16px}
.pz .pz-skrot:hover{border-color:var(--pz-pole-kreska);background:var(--pz-karta-2)}
.pz .pz-skrot[aria-current="true"]{background:var(--pz-akcent-mieko);border-color:var(--pz-akcent-kreska);box-shadow:inset 0 0 0 1px var(--pz-akcent-kreska);font-weight:600}
.pz .pz-skrot[data-zero]{border-style:solid;border-color:var(--pz-kreska);background:transparent;box-shadow:none;color:var(--pz-tekst-2)}
.pz .pz-skrot .pz-sm-ile{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:var(--pz-wypelnienie);font-size:12px;color:var(--pz-tekst)}
.pz .pz-skrot[aria-current="true"] .pz-sm-ile{background:var(--pz-akcent);color:var(--pz-na-akcencie)}
.pz .pz-skrot[data-zero] .pz-sm-ile{background:transparent;color:var(--pz-tekst-2)}
.pz .pz-sm-licznik{border-radius:999px;min-width:24px;height:22px;font-size:13px}
.pz .pz-sm-licznik[data-zero]{box-shadow:none;background:var(--pz-wypelnienie)}
.pz .pz-stan{font-size:12px;letter-spacing:.07em}
.pz :is(.pz-sm-stan,.pz-sm-ty-stan,.pz-sm-na-stan,.pz-sm-km-stan,.pz-sm-km-klasa,.pz-sm-kr-pigulka,.pz-technika__stan){
  border-radius:var(--pz-r-pigulka);padding:3px 11px;min-height:26px;font-size:13px;border-style:solid;box-shadow:none}
.pz :is(.pz-sm-stan[data-post="szkic"],.pz-sm-stan[data-post="wycofany"],.pz-sm-ty-stan[data-stan="nic"],.pz-sm-na-stan[data-stan="pominiete"],.pz-sm-stan[data-pom="odrzucony"],.pz-sm-stan[data-prop="odrzucona"],.pz-sm-stan[data-kr="opcja"]){
  border-style:solid;border-color:transparent;background:var(--pz-wypelnienie);color:var(--pz-tekst-2)}
.pz .pz-sm-stan[data-post="zaakceptowany"]{border-color:var(--pz-kreska-mocna);background:var(--pz-karta)}
.pz :is(.pz-sm-znacznik,.pz-sm-rodzaj,.pz-sm-rodzaj-pom,.pz-sm-uz-etyk,.pz-pf-znacznik){border-radius:var(--pz-r-znacznik)}
.pz .pz-sm-rodzaj[data-rodzaj="grafika"],.pz .pz-sm-rodzaj-pom{border-style:solid}
.pz .pz-sm-kal__pl{border-radius:4px;padding:1px 4px;font-size:12px}
.pz .pz-sm-kal__linia .pz-sm-format{font-size:12px}

/* 10. Karty i bloki sekcji — zaokrąglone, jasna kreska + cień zamiast czarnej ramki. Karta w karcie: bez cienia (sama powierzchnia). */
.pz :is(.pz-karta,.pz-reakcje,.pz-terminarz,.pz-ekran__karta,.pz-wyk-maly,.pz-klucz,.pz-kody,
  .pz-sm-blok,.pz-sm-sekcja,.pz-sm-kol,.pz-sm-spis,.pz-sm-pusto,.pz-sm-lista,.pz-sm-pub__lista,.pz-sm-nowy,.pz-sm-kartka,.pz-sm-material,.pz-sm-kontrola,.pz-sm-akceptacja,.pz-sm-proces,.pz-sm-dok__spis,
  .pz-sm-tydz,.pz-sm-wersja,.pz-sm-prop-notatka,.pz-sm-ty-marka,.pz-sm-ty-suma,.pz-sm-wynik-kanal,.pz-sm-pm-temat__link,.pz-sm-pm-zanim,.pz-sm-pm-wazne,.pz-sm-pm-ui,
  .pz-sm-na-sekcja,.pz-sm-na-nowa__tresc,.pz-sm-na-koszt,.pz-sm-na-uj,.pz-sm-na-zloz,.pz-sm-na-podglad,.pz-sm-na-reguly,.pz-sm-na-postep,.pz-sm-km-karta,.pz-sm-km-szkic,.pz-sm-rl-karta,.pz-sm-rl-podglad,
  .pz-sm-ai-miesiac,.pz-sm-gen-koszt,.pz-sm-lim,.pz-sm-bud-forma,.pz-sm-uz-skutek,.pz-sm-pk-gwar,.pz-sm-ks-kontekst,.pz-sm-prop-karta,.pz-sm-kal-agenda,
  .pz-cz-lista,.pz-cz-czat,.pz-cz-prop,.pz-cz-decyzja,.pz-cz-poprawka,.pz-cz-filtry){
  border:1px solid var(--pz-kreska-karta);border-radius:var(--pz-r-karta);box-shadow:var(--pz-cien-1);background-clip:padding-box}
/* karta w karcie: płaska, mniejszy promień, wypełnienie zamiast ramki */
.pz :is(.pz-karta,.pz-reakcje,.pz-terminarz,.pz-sm-blok,.pz-sm-sekcja,.pz-sm-kol,.pz-sm-ty-marka,.pz-sm-tydz,.pz-sm-na-sekcja,.pz-sm-lista,.pz-sm-wersja,.pz-sm-kontrola,.pz-cz-lista)
  :is(.pz-sm-kontrola,.pz-sm-tekst,.pz-sm-material,.pz-sm-kartka,.pz-sm-pusto,.pz-sm-lista,.pz-sm-wynik-kanal,.pz-sm-na-koszt,.pz-sm-na-uj,.pz-sm-na-zloz,.pz-sm-na-podglad,.pz-sm-na-reguly,
   .pz-sm-na-postep,.pz-sm-gen-koszt,.pz-sm-lim,.pz-sm-bud-forma,.pz-sm-uz-skutek,.pz-sm-pk-gwar,.pz-sm-ks-kontekst,.pz-sm-prop-notatka,.pz-sm-wersja,.pz-sm-pm-ui,.pz-sm-pm-zanim,.pz-sm-pm-wazne,.pz-sm-km-szkic,.pz-sm-rl-podglad,.pz-wyk-maly,.pz-klucz,.pz-kody,.pz-sm-ai-miesiac){
  box-shadow:none;border-radius:var(--pz-r-kafel);border-color:var(--pz-kreska)}
.pz :is(.pz-platforma,.pz-status){border-radius:var(--pz-r-pigulka);border-color:var(--pz-kreska-mocna);box-shadow:var(--pz-cien-0)}
.pz :is(.pz-sm-tekst,.pz-sm-kanal,.pz-wiadomosc,.pz-pf-stan,.pz-sm-dymek__tresc,.pz-sm-wycofaj form,.pz-sm-pom__plik,.pz-sm-pom__akcja form,
  .pz-sm-na-utw > li,.pz-sm-rl-skutek,.pz-sm-km-odp,.pz-sm-km-zmien form,.pz-sm-gen-zlecenie__mini,.pz-sm-kr-persona,.pz-sm-pm-dwa__kol,.pz-sm-ty-temat,.pz-sm-pop[data-rodzaj="odrzucenie"],
  .pz-sm-regula,.pz-sm-klucz,.pz-sm-konto,.pz-sm-uw,.pz-sm-prop,.pz-sm-pom,.pz-sm-flaga-poz,.pz-zmiana__opcja,.pz-kurs__termin,.pz-cz-znacznik,.pz-cz-dymek__tresc,.pz-sm-wzorzec,.pz-sm-sito){
  border-radius:var(--pz-r-kafel)}
/* pasek stanu na górze karty: zakładka wewnątrz zaokrąglenia zamiast paska na całą krawędź */
.pz :is(.pz-karta,.pz-sm-kol)::before{left:20px;right:20px;top:-1px;height:3px;border-radius:0 0 3px 3px}
/* najechanie na kartę-odnośnik: cień rośnie, nic się nie przesuwa */
.pz :is(.pz-sm-pm-temat__link,a.pz-sm-skr-marka,.pz-sm-kr-karta,.pz-sm-pk-dodatek){transition:box-shadow var(--pz-ruch) var(--pz-krzywa),border-color var(--pz-ruch-szybki) var(--pz-krzywa),background-color var(--pz-ruch-szybki) var(--pz-krzywa)}
.pz .pz-sm-pm-temat__link:hover{border-color:var(--pz-kreska-mocna);box-shadow:var(--pz-cien-2)}
.pz .pz-sm-pm-temat__link:active{transform:none}
.pz :is(.pz-sm-pm-temat__nr,.pz-sm-pm-krok__nr,.pz-sm-kr-kroki__nr,.pz-sm-kr-pyt__nr,.pz-sm-na-uj__nr,.pz-sm-pm-dalej__nast){border-width:1px;border-color:var(--pz-kreska-mocna);border-radius:10px;background:var(--pz-kafel)}
.pz .pz-sm-pm-tematy--start .pz-sm-pm-temat__nr{border-color:var(--pz-akcent);background:var(--pz-akcent)}
.pz .pz-sm-pm-tematy--start .pz-sm-pm-temat__link{box-shadow:inset 0 3px 0 var(--pz-akcent),var(--pz-cien-1)}
.pz .pz-sm-pm-tematy--start .pz-sm-pm-temat__link:hover{box-shadow:inset 0 3px 0 var(--pz-akcent),var(--pz-cien-2)}
/* sekcje i oddech */
.pz .pz-tresc{gap:28px;padding-top:28px}
.pz .pz-sm-blok{gap:18px;padding:22px 24px 24px}
.pz .pz-sm-blok__glowka p{font-size:13px}
.pz .pz-sm-kol{padding:22px 24px 24px}
.pz .pz-sm-kol:target{outline:2px solid var(--pz-akcent);outline-offset:3px}
.pz .pz-sm-sekcja > summary{border-radius:var(--pz-r-karta)}
.pz .pz-sm-sekcja[open] > summary{border-radius:var(--pz-r-karta) var(--pz-r-karta) 0 0;border-bottom-color:var(--pz-kreska)}
.pz .pz-sm-sekcja > summary:hover{background:var(--pz-karta-2)}
.pz .pz-sm-spis > summary{border-radius:var(--pz-r-karta)}
.pz .pz-sm-spis > summary:hover{background:var(--pz-karta-2)}
.pz .pz-sm-ty-marka{box-shadow:inset 0 3px 0 var(--pz-akcent),var(--pz-cien-1)}
.pz .pz-sm-kanal{border-radius:var(--pz-r-kafel);border:1px solid var(--pz-kreska);border-top:3px solid var(--pz-kreska-mocna);background:var(--pz-kafel)}
.pz .pz-sm-kanal[data-stan="uwaga"]{border-top-color:var(--pz-uwaga)}
.pz .pz-sm-kanal[data-stan="ok"]{border-top-color:var(--pz-ok)}
.pz .pz-sm-kanal[data-stan="blad"]{border-color:var(--pz-blad-kreska);border-top-color:var(--pz-blad)}
.pz .pz-sm-kanal[data-stan="brak"]{border-style:solid;border-color:var(--pz-kreska);background:transparent}
.pz :is(.pz-kafel[data-stan="brak"],.pz-komunikat[data-stan="brak"],.pz-sm-kartka[data-stan="brak"],.pz-strona[data-stan="brak"],.pz-kafel--wkrotce,.pz-sm-wkrotce,.pz-sm-pm-czat,.pz-sm-kr-karta[data-nieczynne],.pz-sm-wersja[data-zablokowana]){
  border-style:solid;border-color:var(--pz-kreska);background:var(--pz-kafel);box-shadow:none}
.pz :is(.pz-sm-pm-czat,.pz-sm-wkrotce,.pz-kafel--wkrotce){border-radius:var(--pz-r-kafel)}
/* puste stany: miękka powierzchnia zamiast przerywanej ramki */
.pz :is(.pz-sm-rl-pusto,.pz-sm-rl-nieczynne,.pz-sm-na-skladam,.pz-sm-km-zrodlo,.pz-cz-bez-tresci,.pz-wyk__pusto,.pz-zapowiedz,.pz-pf-poza){
  border:1px solid var(--pz-kreska);border-radius:var(--pz-r-kafel);background:var(--pz-kafel)}
/* tytuły w listach (post, propozycja, karta decyzji): podkreślenie dopiero przy najechaniu — wiersz i tak jest odnośnikiem */
.pz :is(.pz-post__tytul a,a.pz-post__tytul,.pz-sm-kol__h a,.pz-sm-prop__temat a,.pz-sm-pop__post a){text-decoration-color:var(--pz-akcent-kreska);text-decoration-thickness:1px;text-underline-offset:4px}
.pz :is(.pz-post__tytul a,a.pz-post__tytul,.pz-sm-kol__h a,.pz-sm-prop__temat a,.pz-sm-pop__post a):hover{text-decoration-color:currentColor;text-decoration-thickness:2px}
.pz .pz-post{transition:background-color var(--pz-ruch-szybki) var(--pz-krzywa)}
@media (min-width:700px){.pz .pz-post:hover{background:var(--pz-karta-2)}}

/* 10b. Czarne kreski 2 px / 1 px w kolorze tekstu → jasna kreska (lista wygenerowana z arkuszy części 1–12; stany wyboru → złoto) */
.pz :is(.pz-wiadomosc__kurs,.pz-pf-marka,.gbsm-tag.b-zaakceptowany,.pz-sm-uwaga__zasada,.pz-sm-dymek__tresc,.pz-sm-uw__kod b,.pz-sm-marki > li[data-wszystkie],.pz-sm-stan[data-pom="nowy"],.pz-sm-wkrotce,.pz-sm-flaga-poz__rodzaj,.pz-sm-uz-pole input,.pz-sm-kr-uwaga__kod,.pz-sm-pm-ui,.pz-sm-ty-filar b,.pz-sm-na-dalej a,.pz-sm-na-zgody__pole,.pz-sm-na-mow,.pz-sm-rl-przel,.pz-sm-rl-naklejka,.pz-sm-rl-z-sesji li[data-ta],.pz-sm-km-zasada,.pz-sm-pk-pokaz,.pz-sm-pk-polecamy,.pz-cz-strona,.pz-cz-prop[data-rodzaj="katalog"],.pz-cz-telefon iframe){border-color:var(--pz-kreska-mocna)}
.pz .pz-sm-pytania > li::before,.pz .pz-sm-kr-instr > li::before,.pz .pz-sm-rl-kroki > li::before,.pz .pz-sm-cd-naj > li::before{border-color:var(--pz-kreska-mocna)}
.pz :is(.pz-tabela thead th,.pz-sm-tabela thead th,table.widefat thead th,.pz-sm-bud__naglowki,.pz-sm-pop-pas__nagl,.pz-sm-pop-dzien__tytul,.pz-sm-roznica__tytul,.pz-sm-opub-dzien__tytul,.pz-sm-uz-siatka thead th,.pz-cz-rozmowy__glowka,.pz-cz-koszty__glowka){border-bottom-color:var(--pz-kreska-mocna)}
.pz :is(.pz-pf-wiersze,.pz-sm-material[data-rola="publikacja"],.gbsm-mat.r-publikacja,.pz-sm-ks,.pz-sm-wycofane,.pz-sm-skr,.pz-sm-wynik-kanal,.pz-sm-props,.pz-sm-wersja,.pz-sm-flagi,.pz-sm-wybierz,.pz-sm-uz-konta,.pz-sm-kr-pytania,.pz-sm-kr-dol,.pz-sm-kr-uwagi,.pz-sm-pm-kroki,.pz-sm-pm-cojesli,.pz-sm-ai-modele-blok,.pz-sm-lim,.pz-sm-pk-czesc){border-top-color:var(--pz-kreska-mocna)}
.pz :is(.pz-sm-prop-notatka){border-left-color:var(--pz-kreska-mocna)}
.pz :is(.pz-sm-skr,.pz-sm-props,.pz-sm-ks,.pz-sm-uz-konta,.pz-sm-pm-kroki,.pz-pf-wiersze,.pz-sm-kr-pytania){border-top-color:transparent}
.pz :is(.pz-sm-uw__kod b,.pz-sm-flaga-poz__rodzaj,.pz-sm-kr-uwaga__kod,.pz-sm-ty-filar b,.pz-sm-rl-przel,.pz-sm-rl-naklejka){border-width:1px;border-radius:8px}
.pz .pz-sm-pytania > li::before,.pz .pz-sm-kr-instr > li::before,.pz .pz-sm-rl-kroki > li::before,.pz .pz-sm-cd-naj > li::before{border-width:1px;border-radius:8px}
.pz :is(.pz-zmiana__opcja[aria-pressed="true"],.pz-ruch__okresy .pz-przycisk[aria-current="page"],.pz-sm-szkic__wybor:has(input:checked),.pz-sm-uz-siatka tbody tr:has(input:checked),.pz-sm-kr-pigulka:has(input:checked),.pz-sm-na-utw > li:has(input:checked),.pz-cz-filtr[aria-current="true"]){border-color:var(--pz-akcent-kreska);background-color:var(--pz-akcent-mieko);box-shadow:inset 0 0 0 1px var(--pz-akcent-kreska)}

/* 11. Rozwijanie — znak +/– zastąpiony strzałką (rysowaną ramką), obrót 220 ms */
.pz :is(.pz-rozwin__przelacznik,.pz-reakcje__pokaz,.pz-technika__naglowek,.pz-wyk__dane > summary,.pz-pf-zwin > summary,.pz-sm-spis > summary,.pz-sm-pelny > summary,
  .pz-sm-sekcja > summary,.pz-sm-konto > summary,.pz-sm-wycofane > summary,.pz-sm-ty-proponuj > summary,.pz-cz-filtry > summary,.pz-cz-przyklady > summary)::before{
  content:"";box-sizing:border-box;display:inline-block;flex:none;width:9px;height:9px;margin:0 7px 0 6px;place-self:center;font-size:0;
  border:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:1px;background:none;
  transform:translateY(-1px) rotate(-45deg);transition:transform var(--pz-ruch) var(--pz-krzywa)}
.pz :is(details[open] > .pz-rozwin__przelacznik,details[open] > .pz-reakcje__pokaz,details[open] > .pz-technika__naglowek,.pz-wyk__dane[open] > summary,.pz-pf-zwin[open] > summary,
  .pz-sm-spis[open] > summary,.pz-sm-pelny[open] > summary,.pz-sm-sekcja[open] > summary,.pz-sm-konto[open] > summary,.pz-sm-wycofane[open] > summary,.pz-sm-ty-proponuj[open] > summary,
  .pz-cz-filtry[open] > summary,.pz-cz-przyklady[open] > summary)::before{content:"";transform:translateY(-3px) rotate(45deg)}
.pz :is(.pz-rozwin__przelacznik,.pz-reakcje__pokaz,.pz-sm-pelny > summary){border-radius:var(--pz-r-maly)}
.pz :is(.pz-rozwin__przelacznik,.pz-sm-pelny > summary):hover{color:var(--pz-tekst)}
.pz :is(.pz-rozwin__przelacznik,.pz-sm-pelny > summary,.pz-reakcje__pokaz):hover::before{color:var(--pz-akcent-hover)}
.pz .pz-rozwin{border-top-color:var(--pz-kreska)}

/* 12. Kafle liczbowe i paski postępu */
.pz .pz-kafel{border-radius:var(--pz-r-kafel);border:1px solid transparent;background:var(--pz-kafel);padding:14px 16px 16px}
.pz .pz-kafel__liczba{font-size:28px;font-weight:650;letter-spacing:-.02em}
.pz .pz-kafel__etykieta{font-size:13px}
.pz .pz-kafel__podpis{font-size:13px}
.pz :is(.pz-kafel__pasek,.pz-ruch__pasek,.pz-sm-pasek-ai,.pz-sm-na-pasek){border-radius:999px;overflow:hidden}
.pz :is(.pz-kafel__pasek-wypelnienie,.pz-ruch__wypelnienie,.pz-sm-pasek-ai > span){border-radius:999px;transition:width var(--pz-ruch) var(--pz-krzywa)}
.pz .pz-sm-na-pasek::-webkit-progress-bar{border-radius:999px}
.pz .pz-sm-na-pasek::-webkit-progress-value{border-radius:999px}
.pz .pz-sm-na-pasek::-moz-progress-bar{border-radius:999px}
.pz .pz-pf-stan{border-radius:var(--pz-r-kafel)}
.pz .pz-sm-bud-zad__pasek{height:6px;border-radius:999px;overflow:hidden}
.pz :is(.pz-sm-bud-zad__tor,.pz-sm-bud-zad__sl){transition:width var(--pz-ruch) var(--pz-krzywa)}

/* 13. Tabele i listy wierszy */
.pz .pz-sm-tabela thead th{font-size:12px;letter-spacing:.09em;border-bottom:1px solid var(--pz-kreska-mocna);padding-top:8px;padding-bottom:10px}
.pz .pz-sm-tabela tbody tr{transition:background-color var(--pz-ruch-szybki) var(--pz-krzywa)}
@media (min-width:700px){.pz .pz-sm-tabela tbody tr:hover > :is(td,th){background:var(--pz-karta-2)}}
.pz .pz-sm-tabela :is(th,td){border-bottom-color:var(--pz-kreska)}
.pz .pz-sm-tabela tbody tr:last-child > :is(td,th){border-bottom-color:transparent}
.pz .pz-sm-uz-siatka tbody tr{border-radius:var(--pz-r-kafel)}
.pz .pz-sm-bud__marka{border-radius:var(--pz-r-kafel);transition:background-color var(--pz-ruch-szybki) var(--pz-krzywa)}
.pz .pz-sm-bud__marka:hover{background:var(--pz-karta-2)}
.pz .pz-sm-bud__marka[aria-current="true"]{border-color:var(--pz-akcent-kreska);background:var(--pz-akcent-mieko);box-shadow:none}
.pz .pz-sm-bud__marka[data-stan="uwaga"],.pz .pz-sm-bud__marka[data-stan="blad"]{border-radius:var(--pz-r-kafel)}
.pz :is(.pz-sm-pop,.pz-sm-uw,.pz-sm-prop,.pz-post,.pz-wiersz,.pz-sm-ty-wpis){transition:background-color var(--pz-ruch-szybki) var(--pz-krzywa)}

/* 14. Menu boczne — pozycja bieżąca: złota „pigułka” + jaśniejsze tło; najechanie: delikatne podświetlenie */
.pz .pz-sm-bok{border-right:1px solid var(--pz-sm-bok-kreska)}
.pz .pz-sm-bok__marka{border-bottom:1px solid var(--pz-sm-bok-kreska);padding:20px 20px 16px;gap:6px}
.pz .pz-sm-bok__marka::after{content:"";width:24px;height:3px;border-radius:3px;background:var(--pz-akcent);margin-top:4px}
.pz .pz-sm-bok__nazwa{font-size:12px;letter-spacing:.12em;color:var(--pz-sm-bok-tekst-2)}
.pz .pz-sm-bok__szybkie{padding:16px 16px 8px}
.pz .pz-sm-bok__szybkie .pz-przycisk{border-radius:var(--pz-r-przycisk)}
.pz .pz-sm-bok__lista{padding:0 10px;gap:1px}
.pz .pz-sm-bok__tyt{padding:10px 14px 6px;font-size:12px;letter-spacing:.13em}
.pz .pz-sm-bok .pz-sm-filtry__tyt{font-size:12px}
.pz .pz-sm-bok__poz{position:relative;border-radius:var(--pz-r-przycisk);padding:8px 10px;min-height:42px;column-gap:11px;font-size:14px;
  transition:background-color var(--pz-ruch-szybki) var(--pz-krzywa),color var(--pz-ruch-szybki) var(--pz-krzywa)}
.pz .pz-sm-bok__poz::before{transition:background-color var(--pz-ruch-szybki) var(--pz-krzywa)}
.pz .pz-sm-bok__poz:hover{background:var(--pz-sm-bok-on);color:#fff}
.pz .pz-sm-bok__poz[aria-current="page"]{background:var(--pz-sm-bok-biezace);color:#fff;box-shadow:inset 3px 0 0 var(--pz-akcent)}
.pz .pz-sm-bok__dop{font-size:12px;line-height:1.35}
.pz .pz-sm-bok .pz-sm-licznik[data-zero]{box-shadow:none;background:rgba(255,255,255,.07);color:var(--pz-sm-bok-tekst-2)}
.pz .pz-sm-bok__marki-wybor{background-color:rgba(255,255,255,.06);border-color:var(--pz-sm-bok-kreska)}
.pz .pz-sm-bok__marki-wybor:hover{border-color:#5A5650}
.pz .pz-sm-bok .pz-sm-filtry{margin:6px 10px 10px;border-radius:14px;background:rgba(255,255,255,.035);border-color:var(--pz-sm-bok-kreska)}
.pz .pz-sm-bok .pz-sm-filtry .pz-skrot{border-radius:8px}
.pz .pz-sm-bok .pz-sm-filtry .pz-skrot .pz-sm-ile{background:none;min-width:0;height:auto;padding:0 0 0 6px}
.pz .pz-sm-bok .pz-sm-filtry .pz-skrot[aria-current="true"]{background:var(--pz-sm-bok-biezace);box-shadow:inset 3px 0 0 var(--pz-akcent)}
.pz .pz-sm-bok__osoba{border-top-color:var(--pz-sm-bok-kreska);padding:14px 20px 18px}
.pz .pz-sm-bok::-webkit-scrollbar{width:8px}
.pz .pz-sm-bok::-webkit-scrollbar-thumb{background:#34322E;border-radius:8px}
.pz .pz-sm-bok{scrollbar-width:thin;scrollbar-color:#34322E transparent}
@media (max-width:1023.98px){
  .pz .pz-sm-bok{box-shadow:var(--pz-cien-3);transition:transform var(--pz-ruch) var(--pz-krzywa),visibility 0s linear var(--pz-ruch)}
  .pz .pz-sm-przelacz:checked ~ .pz-sm-bok{transition:transform var(--pz-ruch) var(--pz-krzywa)}
  .pz .pz-sm-przelacz:checked ~ .pz-sm-zaslona{background:rgba(10,10,11,.5)}
  .pz :is(.pz-sm-menu-przycisk,.pz-sm-pomysl-przycisk){border-radius:999px;box-shadow:var(--pz-cien-3)}
  .pz .pz-sm-menu-przycisk{border:1px solid var(--pz-kreska-mocna);background:var(--pz-karta);color:var(--pz-tekst)}
}

/* 15. Kalendarz — siatka w zaokrąglonej karcie, wpisy jak kafelki, dymek z cieniem i wejściem 150 ms */
.pz .pz-sm-kal{border-collapse:separate;border-spacing:0;border:1px solid var(--pz-kreska-karta);border-radius:var(--pz-r-karta);box-shadow:var(--pz-cien-1)}
.pz .pz-sm-kal th{border-bottom:1px solid var(--pz-kreska);padding:10px 8px;font-size:12px}
.pz .pz-sm-kal td{border:0;border-right:1px solid var(--pz-kreska);border-bottom:1px solid var(--pz-kreska);padding:6px}
.pz .pz-sm-kal :is(td,th):last-child{border-right:0}
.pz .pz-sm-kal tr:last-child td{border-bottom:0}
.pz .pz-sm-kal thead tr:first-child th:first-child{border-top-left-radius:var(--pz-r-karta)}
.pz .pz-sm-kal thead tr:first-child th:last-child{border-top-right-radius:var(--pz-r-karta)}
.pz .pz-sm-kal tbody tr:last-child td:first-child{border-bottom-left-radius:var(--pz-r-karta)}
.pz .pz-sm-kal tbody tr:last-child td:last-child{border-bottom-right-radius:var(--pz-r-karta)}
.pz .pz-sm-kal td[data-poza]{background:var(--pz-kafel)}
.pz .pz-sm-kal td[data-dzis]{box-shadow:inset 0 0 0 2px var(--pz-akcent);background:var(--pz-akcent-mieko)}
.pz .pz-sm-kal td[data-dzis] .pz-sm-kal__dzien{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--pz-akcent);color:var(--pz-na-akcencie)}
.pz .pz-sm-kal__wpis{border-radius:var(--pz-r-maly);transition:background-color var(--pz-ruch-szybki) var(--pz-krzywa),box-shadow var(--pz-ruch) var(--pz-krzywa)}
.pz .pz-sm-kal .pz-sm-kal__wpis:hover{box-shadow:var(--pz-cien-2);z-index:2}
.pz .pz-sm-kal__wpis[data-stan="propozycja"]{border-style:solid;border-width:1px 1px 1px 3px;border-color:var(--pz-kreska-mocna);border-left-color:var(--pz-tekst-2)}
.pz .pz-sm-kal__mini{border-radius:4px;border-color:var(--pz-kreska)}
.pz .pz-sm-kal__dymek{border:1px solid var(--pz-kreska-karta);border-radius:var(--pz-r-kafel);box-shadow:var(--pz-cien-3);padding:12px;
  transition:opacity var(--pz-ruch-szybki) var(--pz-krzywa),transform var(--pz-ruch-szybki) var(--pz-krzywa),display var(--pz-ruch-szybki) allow-discrete}
@starting-style{.pz .pz-sm-kal__dymek{opacity:0;transform:translateY(4px)}}
.pz .pz-sm-kal__dymek-mini{border-radius:6px}
.pz .pz-sm-kal__legenda span{border-left-width:3px;border-radius:2px}

/* 16. Tydzień w 15 minut — numer kroku: zaokrąglony kafelek; „nic do zrobienia” = przygaszony, bez przerywanej ramki */
.pz .pz-sm-ty-krok{border-top-color:var(--pz-kreska)}
.pz .pz-sm-ty-krok__nr{width:36px;height:36px;border:1px solid var(--pz-kreska-mocna);border-radius:11px;background:var(--pz-karta);font-size:15px;box-shadow:var(--pz-cien-0)}
.pz .pz-sm-ty-krok[data-stan="czeka"] .pz-sm-ty-krok__nr{background:var(--pz-akcent);border-color:var(--pz-akcent-hover);box-shadow:var(--pz-cien-glowny)}
.pz .pz-sm-ty-krok[data-stan="zrobione"] .pz-sm-ty-krok__nr{background:var(--pz-tekst);border-color:var(--pz-tekst);color:var(--pz-karta)}
.pz .pz-sm-ty-krok[data-stan="nic"] .pz-sm-ty-krok__nr{border-style:solid;border-color:transparent;background:var(--pz-wypelnienie);color:var(--pz-tekst-2);box-shadow:none}
.pz :is(.pz-sm-ty-wpis,.pz-sm-ty-formaty li,.pz-sm-ty-post,.pz-sm-cd-okno,.pz-sm-ty-proponuj,.pz-sm-ty-liczby,.pz-sm-ty-brak){border-radius:var(--pz-r-maly)}
.pz :is(.pz-sm-ty-wpis[data-stan="szkic"],.pz-sm-ty-formaty li[data-stan="nie-ma"],.pz-sm-ty-post__brak){border-style:solid}
.pz .pz-sm-ty-dzien__brak::before{border-top-style:dotted;border-radius:2px}
.pz .pz-sm-ty-proponuj{border-color:var(--pz-kreska)}

/* 17. Podgląd telefonu — „ekran” z zaokrągleniem i cieniem; kadr przycięty do rogów */
.pz .pz-sm-tel{border:1px solid var(--pz-sm-tel-kreska);border-radius:18px;overflow:hidden;box-shadow:var(--pz-cien-2)}
.pz .pz-sm-tel__uwaga{border-top-color:var(--pz-uwaga-kreska)}
.pz :is(.pz-sm-material__obraz,.pz-sm-gen-zlecenie__mini,.pz-sm-kal__opis .pz-sm-pelny__tekst,.pz-sm-pm-zrzut img,.pz-sm-rl-podglad,.pz-cz-telefon iframe){border-radius:var(--pz-r-kafel)}
.pz .pz-sm-kal__opis .pz-sm-pelny__tekst{border-color:var(--pz-sm-tel-kreska)}

/* 18. Komunikaty: ok / info / uwaga / błąd — miękkie tło + kreska stanu po lewej (słowo w treści zostaje) */
.pz .pz-komunikat{border-radius:var(--pz-r-kafel);border-color:var(--pz-kreska-karta);box-shadow:var(--pz-cien-0);padding:14px 16px}
.pz .pz-komunikat[data-stan="ok"]{border-color:var(--pz-ok-kreska);box-shadow:inset 3px 0 0 var(--pz-ok)}
.pz .pz-komunikat[data-stan="uwaga"]{border-color:var(--pz-uwaga-kreska);box-shadow:inset 3px 0 0 var(--pz-uwaga)}
.pz .pz-komunikat[data-stan="blad"]{border-color:var(--pz-blad-kreska);box-shadow:inset 3px 0 0 var(--pz-blad)}
.pz .pz-komunikat[data-stan="info"]{border-color:var(--pz-kreska);box-shadow:inset 3px 0 0 var(--pz-tekst-2)}
.pz :is(.pz-sm-braki,.pz-sm-flaga,.pz-sm-po-akc,.pz-sm-reczne,.pz-sm-zasada,.pz-sm-powod,.pz-sm-decyzja,.pz-sm-pasek){border-radius:var(--pz-r-kafel)}
.pz :is(.pz-sm-reczne,.pz-sm-prop-odp,.pz-sm-kr-todo,.pz-sm-na-todo,.pz-cz-todo){border-style:solid}

/* 19. Panel zarządzania — góra, skróty, Wymaga reakcji, terminarz */
.pz .pz-gora{border-bottom:1px solid var(--pz-kreska);box-shadow:inset 0 -2px 0 var(--pz-akcent),var(--pz-cien-0)}
.pz .pz-gora__nazwa,.pz .pz-gora__konto{border-left-color:var(--pz-kreska)}
.pz .pz-skroty__lista{gap:8px}
.pz .pz-reakcje{padding:22px 20px 10px}
.pz .pz-reakcja{margin:0 -8px;padding:14px 12px;border-top:0;box-shadow:inset 0 1px 0 var(--pz-kreska);border-radius:0;transition:background-color var(--pz-ruch-szybki) var(--pz-krzywa)}
.pz .pz-reakcja:hover{background:var(--pz-karta-2)}
.pz .pz-reakcja[data-stan="blad"]{border-radius:var(--pz-r-kafel);box-shadow:none;margin-top:3px;margin-bottom:3px;background:var(--pz-blad-tlo)}
.pz .pz-reakcja[data-stan="blad"] + .pz-reakcja{border-top-color:transparent}
.pz .pz-reakcja__projekt{border-left-color:var(--pz-kreska-mocna);font-size:12px}
.pz .pz-reakcja__zdanie{font-size:16px}
.pz .pz-reakcje__wiecej{border-top-color:var(--pz-kreska);margin:0 -8px;padding:0 12px}
.pz .pz-reakcje__wiecej > .pz-reakcje__lista > .pz-reakcja:first-child{border-top:0}
.pz .pz-terminarz{padding:20px 20px 10px}
.pz .pz-termin{border-top-color:var(--pz-kreska);border-radius:0;transition:background-color var(--pz-ruch-szybki) var(--pz-krzywa)}
.pz .pz-termin[data-stan="blad"]{border-radius:var(--pz-r-kafel)}
.pz :is(.pz-pf-wiersz,.pz-sprawa,.pz-wiersz){transition:background-color var(--pz-ruch-szybki) var(--pz-krzywa)}
.pz .pz-karta{gap:20px;padding:22px}
.pz .pz-karta__belka{border-style:solid;border-radius:var(--pz-r-maly)}
.pz .pz-pusto{border-top-color:var(--pz-kreska)}
.pz .pz-pusto::before{border-radius:3px;width:32px}

/* 20. Stopka i wybór wyglądu — przełącznik segmentowy */
.pz .pz-dol{padding-top:16px;font-size:13px}
.pz .pz-motyw__opcje{padding:3px;gap:2px;border:0;border-radius:calc(var(--pz-r-przycisk) + 3px);background:var(--pz-wypelnienie);overflow:visible}
.pz .pz-motyw__opcja{min-height:40px;padding:0 14px;border-radius:var(--pz-r-przycisk);font-size:14px;color:var(--pz-tekst-2)}
.pz .pz-motyw__opcja + .pz-motyw__opcja{border-left:0}
.pz .pz-motyw__opcja:hover{background:transparent;color:var(--pz-tekst)}
.pz .pz-motyw__opcja[aria-pressed="true"]{background:var(--pz-karta);color:var(--pz-tekst);box-shadow:var(--pz-cien-1)}
.pz .pz-motyw__opcja:focus-visible{outline-offset:-2px}

/* 21. Logowanie */
.pz .pz-ekran{padding:48px 16px}
.pz .pz-ekran__karta{border:1px solid var(--pz-kreska-karta);border-top:1px solid var(--pz-kreska-karta);border-radius:20px;box-shadow:var(--pz-cien-3);padding:36px 36px 30px;gap:20px}
.pz .pz-ekran__karta::before{content:"";order:-1;width:32px;height:4px;border-radius:4px;background:var(--pz-akcent);margin-bottom:-8px}
.pz .pz-ekran__nazwa{border-left-color:var(--pz-kreska-mocna);font-size:14px}
.pz .pz-ekran__tytul{font-size:26px}
.pz .pz-ekran__karta .pz-przycisk--glowny{min-height:50px}

/* 22. Usterki z pomiaru „przed” */
/* Skrzynka: kafle marek się zawijają (przewijanie w bok 21 px / 11 px) */
.pz .pz-sm-skr-gora{align-items:flex-start}
.pz .pz-sm-skr-gora > .pz-sm-tytul{flex:1 1 220px}
.pz .pz-sm-skr-gora > .pz-sm-skr-marki,.pz .pz-sm-skr-marki{flex:1 1 100%;min-width:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,172px),1fr));gap:8px;border:0}
.pz .pz-sm-skr-marka,.pz .pz-sm-skr-marka + .pz-sm-skr-marka,.pz .pz-sm-skr-marka:nth-child(n){padding:10px 12px;border:1px solid var(--pz-kreska-karta);border-radius:var(--pz-r-kafel);background:var(--pz-karta);box-shadow:var(--pz-cien-0)}
.pz a.pz-sm-skr-marka:hover{box-shadow:var(--pz-cien-2);border-color:var(--pz-kreska-mocna)}
.pz .pz-sm-skr-marka[aria-current="true"]{background:var(--pz-akcent-mieko);border-color:var(--pz-akcent-kreska);box-shadow:inset 0 0 0 1px var(--pz-akcent-kreska)}
.pz .pz-sm-skr-marka__reszta{white-space:normal;font-size:13px}
.pz .pz-sm-skr-marka__nowe span{font-size:12px}
/* Budżet AI → Ostatnie wywołania: kolumna „Model” łamie się w wiersze zamiast wchodzić pod „#57” */
@media (min-width:700px){.pz .pz-sm-bud-dziennik td:nth-child(4),.pz .pz-sm-bud-dziennik td:nth-child(3){white-space:normal;overflow-wrap:anywhere}}
/* Pulpit panelu: pasek bez style= — data-proc="0…100" (liczba całkowita); 100 reguł po 1 %, nowsze przeglądarki biorą liczbę z attr() */
.pz-kafel__pasek-wypelnienie[data-proc]{width:0} /* CZSIw-39: bez „.pz ” — ta sama specyficzność co reguły procentów niżej (wcześniej 0,3,0 wygrywało i pasek był pusty bez attr()) */
.pz-kafel__pasek-wypelnienie[data-proc="1"]{width:1%}.pz-kafel__pasek-wypelnienie[data-proc="2"]{width:2%}.pz-kafel__pasek-wypelnienie[data-proc="3"]{width:3%}.pz-kafel__pasek-wypelnienie[data-proc="4"]{width:4%}.pz-kafel__pasek-wypelnienie[data-proc="5"]{width:5%}.pz-kafel__pasek-wypelnienie[data-proc="6"]{width:6%}.pz-kafel__pasek-wypelnienie[data-proc="7"]{width:7%}.pz-kafel__pasek-wypelnienie[data-proc="8"]{width:8%}.pz-kafel__pasek-wypelnienie[data-proc="9"]{width:9%}.pz-kafel__pasek-wypelnienie[data-proc="10"]{width:10%}
.pz-kafel__pasek-wypelnienie[data-proc="11"]{width:11%}.pz-kafel__pasek-wypelnienie[data-proc="12"]{width:12%}.pz-kafel__pasek-wypelnienie[data-proc="13"]{width:13%}.pz-kafel__pasek-wypelnienie[data-proc="14"]{width:14%}.pz-kafel__pasek-wypelnienie[data-proc="15"]{width:15%}.pz-kafel__pasek-wypelnienie[data-proc="16"]{width:16%}.pz-kafel__pasek-wypelnienie[data-proc="17"]{width:17%}.pz-kafel__pasek-wypelnienie[data-proc="18"]{width:18%}.pz-kafel__pasek-wypelnienie[data-proc="19"]{width:19%}.pz-kafel__pasek-wypelnienie[data-proc="20"]{width:20%}
.pz-kafel__pasek-wypelnienie[data-proc="21"]{width:21%}.pz-kafel__pasek-wypelnienie[data-proc="22"]{width:22%}.pz-kafel__pasek-wypelnienie[data-proc="23"]{width:23%}.pz-kafel__pasek-wypelnienie[data-proc="24"]{width:24%}.pz-kafel__pasek-wypelnienie[data-proc="25"]{width:25%}.pz-kafel__pasek-wypelnienie[data-proc="26"]{width:26%}.pz-kafel__pasek-wypelnienie[data-proc="27"]{width:27%}.pz-kafel__pasek-wypelnienie[data-proc="28"]{width:28%}.pz-kafel__pasek-wypelnienie[data-proc="29"]{width:29%}.pz-kafel__pasek-wypelnienie[data-proc="30"]{width:30%}
.pz-kafel__pasek-wypelnienie[data-proc="31"]{width:31%}.pz-kafel__pasek-wypelnienie[data-proc="32"]{width:32%}.pz-kafel__pasek-wypelnienie[data-proc="33"]{width:33%}.pz-kafel__pasek-wypelnienie[data-proc="34"]{width:34%}.pz-kafel__pasek-wypelnienie[data-proc="35"]{width:35%}.pz-kafel__pasek-wypelnienie[data-proc="36"]{width:36%}.pz-kafel__pasek-wypelnienie[data-proc="37"]{width:37%}.pz-kafel__pasek-wypelnienie[data-proc="38"]{width:38%}.pz-kafel__pasek-wypelnienie[data-proc="39"]{width:39%}.pz-kafel__pasek-wypelnienie[data-proc="40"]{width:40%}
.pz-kafel__pasek-wypelnienie[data-proc="41"]{width:41%}.pz-kafel__pasek-wypelnienie[data-proc="42"]{width:42%}.pz-kafel__pasek-wypelnienie[data-proc="43"]{width:43%}.pz-kafel__pasek-wypelnienie[data-proc="44"]{width:44%}.pz-kafel__pasek-wypelnienie[data-proc="45"]{width:45%}.pz-kafel__pasek-wypelnienie[data-proc="46"]{width:46%}.pz-kafel__pasek-wypelnienie[data-proc="47"]{width:47%}.pz-kafel__pasek-wypelnienie[data-proc="48"]{width:48%}.pz-kafel__pasek-wypelnienie[data-proc="49"]{width:49%}.pz-kafel__pasek-wypelnienie[data-proc="50"]{width:50%}
.pz-kafel__pasek-wypelnienie[data-proc="51"]{width:51%}.pz-kafel__pasek-wypelnienie[data-proc="52"]{width:52%}.pz-kafel__pasek-wypelnienie[data-proc="53"]{width:53%}.pz-kafel__pasek-wypelnienie[data-proc="54"]{width:54%}.pz-kafel__pasek-wypelnienie[data-proc="55"]{width:55%}.pz-kafel__pasek-wypelnienie[data-proc="56"]{width:56%}.pz-kafel__pasek-wypelnienie[data-proc="57"]{width:57%}.pz-kafel__pasek-wypelnienie[data-proc="58"]{width:58%}.pz-kafel__pasek-wypelnienie[data-proc="59"]{width:59%}.pz-kafel__pasek-wypelnienie[data-proc="60"]{width:60%}
.pz-kafel__pasek-wypelnienie[data-proc="61"]{width:61%}.pz-kafel__pasek-wypelnienie[data-proc="62"]{width:62%}.pz-kafel__pasek-wypelnienie[data-proc="63"]{width:63%}.pz-kafel__pasek-wypelnienie[data-proc="64"]{width:64%}.pz-kafel__pasek-wypelnienie[data-proc="65"]{width:65%}.pz-kafel__pasek-wypelnienie[data-proc="66"]{width:66%}.pz-kafel__pasek-wypelnienie[data-proc="67"]{width:67%}.pz-kafel__pasek-wypelnienie[data-proc="68"]{width:68%}.pz-kafel__pasek-wypelnienie[data-proc="69"]{width:69%}.pz-kafel__pasek-wypelnienie[data-proc="70"]{width:70%}
.pz-kafel__pasek-wypelnienie[data-proc="71"]{width:71%}.pz-kafel__pasek-wypelnienie[data-proc="72"]{width:72%}.pz-kafel__pasek-wypelnienie[data-proc="73"]{width:73%}.pz-kafel__pasek-wypelnienie[data-proc="74"]{width:74%}.pz-kafel__pasek-wypelnienie[data-proc="75"]{width:75%}.pz-kafel__pasek-wypelnienie[data-proc="76"]{width:76%}.pz-kafel__pasek-wypelnienie[data-proc="77"]{width:77%}.pz-kafel__pasek-wypelnienie[data-proc="78"]{width:78%}.pz-kafel__pasek-wypelnienie[data-proc="79"]{width:79%}.pz-kafel__pasek-wypelnienie[data-proc="80"]{width:80%}
.pz-kafel__pasek-wypelnienie[data-proc="81"]{width:81%}.pz-kafel__pasek-wypelnienie[data-proc="82"]{width:82%}.pz-kafel__pasek-wypelnienie[data-proc="83"]{width:83%}.pz-kafel__pasek-wypelnienie[data-proc="84"]{width:84%}.pz-kafel__pasek-wypelnienie[data-proc="85"]{width:85%}.pz-kafel__pasek-wypelnienie[data-proc="86"]{width:86%}.pz-kafel__pasek-wypelnienie[data-proc="87"]{width:87%}.pz-kafel__pasek-wypelnienie[data-proc="88"]{width:88%}.pz-kafel__pasek-wypelnienie[data-proc="89"]{width:89%}.pz-kafel__pasek-wypelnienie[data-proc="90"]{width:90%}
.pz-kafel__pasek-wypelnienie[data-proc="91"]{width:91%}.pz-kafel__pasek-wypelnienie[data-proc="92"]{width:92%}.pz-kafel__pasek-wypelnienie[data-proc="93"]{width:93%}.pz-kafel__pasek-wypelnienie[data-proc="94"]{width:94%}.pz-kafel__pasek-wypelnienie[data-proc="95"]{width:95%}.pz-kafel__pasek-wypelnienie[data-proc="96"]{width:96%}.pz-kafel__pasek-wypelnienie[data-proc="97"]{width:97%}.pz-kafel__pasek-wypelnienie[data-proc="98"]{width:98%}.pz-kafel__pasek-wypelnienie[data-proc="99"]{width:99%}.pz-kafel__pasek-wypelnienie[data-proc="100"]{width:100%}
@supports (width:calc(attr(data-proc type(<number>)) * 1%)){.pz .pz-kafel__pasek-wypelnienie[data-proc]{width:calc(attr(data-proc type(<number>)) * 1%)}}

/* 23. Telefon i tablet — karty nie wychodzą na krawędź, tylko leżą z marginesem i zaokrągleniem; teksty ≥ 12 px; cele ≥ 44 px */
@media (max-width:699px){
  .pz{--pz-h1:26px;--pz-h2:19px;--pz-h3:16px;--pz-r-karta:14px}
  .pz .pz-tresc{gap:20px;padding-top:20px}
  .pz :is(.pz-sm-blok,.pz-sm-sekcja,.pz-sm-kol){margin-left:0;margin-right:0;border-left:1px solid var(--pz-kreska-karta);border-right:1px solid var(--pz-kreska-karta)}
  .pz .pz-sm-blok{padding:18px 16px 20px}
  .pz .pz-sm-kol{padding:18px 16px 20px}
  .pz .pz-reakcje,.pz .pz-terminarz{padding:18px 14px 8px}
  .pz .pz-reakcja{margin:0 -6px;padding:14px 10px}
  .pz .pz-ekran__karta{padding:26px 22px 24px}
  .pz .pz-motyw__opcja{min-height:44px}
  .pz .pz-sm-bok__poz{min-height:44px}
  .pz .pz-sm-bok .pz-sm-filtry .pz-skrot{min-height:44px}
  .pz .pz-pole__pomoc,.pz .pz-kafel__podpis,.pz .pz-kafel__etykieta{font-size:14px}
}

/* 24. Bez ruchu — panel.css §3 wyłącza przejścia; tu dodatkowo rozwijanie i dymki */
@media (prefers-reduced-motion:reduce){
  .pz details::details-content{transition:none!important} /* !i: nadpisuje §4 bez względu na specyficzność */
  .pz details[open] > :not(summary){animation:none}
  .pz *,.pz *::before,.pz *::after{transition-duration:0s!important;animation-duration:0s!important} /* !i: jak panel.css §3 */
}

/* ===== 99. Poprawki wdrożeniowe (CZSIw-37, nasze — dopiskiem na KOŃCU, wzór CD bez zmian powyżej) =====
   (1) przycisk-odnośnik z długim tekstem (np. „Eksport wzoru reklamy (ZIP) — np. na żądanie URPL” na karcie posta) łamie się zamiast wypychać stronę w bok:
       karta na telefonie ma teraz margines 16 px (CD §8), a panel.css daje przyciskom white-space:nowrap — przy 390 px bok 14 px. */
.pz .pz-przycisk--link{white-space:normal;text-align:left}
/* (2) <small> bez klasy (Poprawki: dopisek w tabeli) dziedziczy „smaller” = 11,67 px przy 14 px — próg odbioru: tekst >= 12 px */
.pz small{font-size:max(12px,.85em)}