/* Mozgo — Panel Rady. Warstwa nad Szkłem (szklo-tokeny.css · menu.css · szklo.css skopiowane z huba bleyo-ai, 2026-10-13).
   Tylko tokeny `--sz-*`. Zastępuje to, co w hubie dawał bleyo.css (reset, odstępy treści), i daje klasy zamiast stylów inline
   (CSP style-src 'self': pozycje węzłów tła, szerokości pasków). Ładowany PRZED mobile.css — telefon ma ostatnie słowo. */

/* ── BEZ ZAOKRĄGLEŃ (Łukasz 13.10): ostre rogi wszędzie — tokeny Szkła na 0 i jedna reguła na promienie wpisane na sztywno ── */
:root{--sz-r-kafel:0;--sz-r-okno:0;--sz-r-pill:0;--sz-r-pole:0;--sz-r-tafla:0;--sz-r-wiersz:0;--sz-r-znacznik:0}
*,*::before,*::after{border-radius:0!important}

/* ── reset (w hubie: bleyo.css) ── */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--sz-font);font-size:var(--sz-fs-3);line-height:var(--sz-lh-3);color:var(--sz-t);background:var(--sz-pole-tlo);
  -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}
a{color:inherit}
img,svg,iframe{max-width:100%}
.bleyo-app-main{padding:24px 28px 48px;min-width:0}
.sz-rama .bleyo-app-main[data-ui="szklo"] ul,.sz-rama .bleyo-app-main[data-ui="szklo"] dl{margin:0}
.sz-pusty--paleta{padding:32px}
.bleyo-paleta-lista:empty{display:none}

/* ── znak marki: mozgo■ai (kwadrat = pomarańcz systemu) ── */
.sz-znak i{background:var(--sz-system)}

/* ── węzły tła (w hubie inline --x/--y) ── */
.mz-w1{--x:7;--y:3}.mz-w2{--x:13;--y:6}.mz-w3{--x:19;--y:4}.mz-w4{--x:24;--y:9}.mz-w5{--x:10;--y:12}.mz-w6{--x:28;--y:14}

/* ── szerokość pasków co 5 % (filtr `procent`) — działa i dla .sz-postep-tor > i (zmienna --postep) ── */
.mz-p-0{--postep:0%}.mz-p-5{--postep:5%}.mz-p-10{--postep:10%}.mz-p-15{--postep:15%}.mz-p-20{--postep:20%}.mz-p-25{--postep:25%}
.mz-p-30{--postep:30%}.mz-p-35{--postep:35%}.mz-p-40{--postep:40%}.mz-p-45{--postep:45%}.mz-p-50{--postep:50%}.mz-p-55{--postep:55%}
.mz-p-60{--postep:60%}.mz-p-65{--postep:65%}.mz-p-70{--postep:70%}.mz-p-75{--postep:75%}.mz-p-80{--postep:80%}.mz-p-85{--postep:85%}
.mz-p-90{--postep:90%}.mz-p-95{--postep:95%}.mz-p-100{--postep:100%}
.mz-pasek{position:relative;height:8px;border-radius:var(--sz-r-pill);background:var(--sz-tor);overflow:hidden}
.mz-pasek > i{position:absolute;inset:0 auto 0 0;width:var(--postep,0%);border-radius:inherit;background:var(--sz-system)}
.mz-pasek--ok > i{background:var(--sz-ok-kropka)}
.mz-pasek--czlowiek > i{background:var(--sz-czlowiek)}
.mz-pasek--blad > i{background:var(--sz-blad)}

/* ── tekst z bazy (filtr `akapity`) ── */
.mz-tekst{display:grid;gap:8px;max-width:78ch;color:var(--sz-t2)}
.mz-tekst p{margin:0}
.mz-punkty{margin:0;padding-left:20px;display:grid;gap:4px;color:var(--sz-t2)}
.mz-punkty li::marker{color:var(--sz-system)}
.mz-cichy{color:var(--sz-t3);font-size:var(--sz-fs-2)}
.mz-lead{font-size:var(--sz-fs-4);line-height:var(--sz-lh-4);color:var(--sz-t);max-width:72ch}
.mz-zawin{overflow-wrap:anywhere}

/* ── siatki ── */
.mz-siatka{display:grid;gap:var(--sz-o-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.mz-siatka--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}
.mz-kafle{display:grid;gap:var(--sz-o-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));margin-bottom:var(--sz-o-5)}
.mz-kafle .sz-start-kafel{padding:var(--sz-o-5);border-radius:var(--sz-r-tafla);background:var(--sz-tafla-pelna);box-shadow:0 0 0 1px var(--sz-linia),var(--sz-cien-1)}
.mz-kafle .sz-start-kafel h2{font-size:var(--sz-fs-2);font-weight:var(--sz-w-ui);color:var(--sz-t2)}
.mz-kafle .sz-start-liczba{font-size:var(--sz-fs-6);font-weight:var(--sz-w-tytul);margin-top:6px;font-variant-numeric:tabular-nums}
.mz-kafle .sz-start-pod,.mz-kafle .sz-start-pod2{font-size:var(--sz-fs-2);color:var(--sz-t3);margin-top:4px;display:flex;align-items:center;gap:6px}
.mz-sekcja{margin-top:var(--sz-o-6)}
.mz-sekcja-mala{margin-top:var(--sz-o-3)}
.mz-sekcja > .mz-rzad + .mz-siatka{margin-top:var(--sz-o-3)}
.mz-tytul-grupy{margin:0;font-size:var(--sz-fs-5);line-height:var(--sz-lh-5);font-weight:var(--sz-w-tytul);overflow-wrap:anywhere}
.mz-filtr{width:auto;min-width:0;max-width:100%;flex:0 1 240px}
.mz-alert--zamkniety{opacity:.72}
.sz-tafla > .sz-pusty:only-child{padding:var(--sz-o-7) var(--sz-o-5)}
.mz-sekcja > h2{font-size:var(--sz-fs-4);line-height:var(--sz-lh-4);font-weight:var(--sz-w-tytul);margin:0 0 var(--sz-o-3)}
.mz-rzad{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mz-rzad--rozsun{justify-content:space-between}

/* ── lista definicji (wniosek, teczka) ── */
.mz-dl{display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr);gap:10px 20px}
.mz-dl dt{color:var(--sz-t3);font-size:var(--sz-fs-2);font-weight:var(--sz-w-ui);padding-top:2px}
.mz-dl dd{margin:0;min-width:0;overflow-wrap:anywhere}
.mz-drzewo{display:grid;gap:6px;padding-left:12px;border-left:2px solid var(--sz-linia)}
.mz-drzewo > div > b{display:block;font-size:var(--sz-fs-2);color:var(--sz-t3);font-weight:var(--sz-w-ui)}

/* ── tabele: komórka z dwiema liniami ── */
.mz-dwie{display:flex;flex-direction:column;gap:2px;min-width:0}
.mz-dwie > small{color:var(--sz-t3);font-size:var(--sz-fs-2)}
.sz-tabela a.mz-link{color:var(--sz-t);font-weight:var(--sz-w-ui);text-decoration:none}
.sz-tabela a.mz-link:hover{text-decoration:underline;text-underline-offset:3px}

/* ── alerty (pasek na Pulpicie i lista) ── */
.mz-alerty{display:grid;gap:8px;margin-bottom:var(--sz-o-5)}
.mz-alert .sz-komunikat-tresc small{display:block;color:var(--sz-t3);font-size:var(--sz-fs-2);margin-top:2px}
.mz-alert .sz-komunikat-tresc p{margin:4px 0 0;color:var(--sz-t2);white-space:pre-line;overflow-wrap:anywhere}

/* ── Audytorium (teczka) ── */
.mz-aud{display:grid;gap:12px}
.mz-aud-wiersz{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr) 54px 64px;align-items:center;gap:12px}
.mz-aud-wiersz > span:first-child{font-weight:var(--sz-w-ui)}
.mz-aud-wartosc{text-align:right;font-variant-numeric:tabular-nums;font-weight:var(--sz-w-tytul)}
.mz-aud-waga{text-align:right;font-variant-numeric:tabular-nums;color:var(--sz-t3);font-size:var(--sz-fs-2);white-space:nowrap}
.mz-aud-glowa{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr) 54px 64px;gap:12px;color:var(--sz-t3);font-size:var(--sz-fs-1);text-transform:uppercase;letter-spacing:.04em}
.mz-aud-glowa > span:nth-child(3),.mz-aud-glowa > span:nth-child(4){text-align:right}
.mz-wynik{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}
.mz-wynik b{font-size:var(--sz-fs-7);line-height:1;font-weight:var(--sz-w-tytul);color:var(--sz-t)}
.mz-wynik span{color:var(--sz-t3)}
.mz-aud-bok{display:grid;gap:var(--sz-o-3);align-content:start}
.mz-aud-uklad{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:var(--sz-o-6)}

/* ── karta „Jak oceniamy” (Lejek) ── */
.mz-wagi{display:grid;gap:6px}
.mz-wagi li{display:grid;grid-template-columns:minmax(0,1fr) 90px 40px;align-items:center;gap:10px;font-size:var(--sz-fs-2)}
.mz-wagi li b{text-align:right;font-variant-numeric:tabular-nums;font-weight:var(--sz-w-tytul)}

/* ── lejek: etapy jako pas ── */
.mz-lejek .sz-pas-element b{font-size:var(--sz-fs-5);font-variant-numeric:tabular-nums}
.mz-tygodnie{overflow-x:auto;max-width:100%}

/* ── karty teczek / propozycji ── */
.mz-karta{display:grid;gap:10px;align-content:start;padding:var(--sz-o-5);border-radius:var(--sz-r-tafla);background:var(--sz-tafla-pelna);
  box-shadow:0 0 0 1px var(--sz-linia),var(--sz-cien-1);min-width:0}
.mz-karta h3{margin:0;font-size:var(--sz-fs-4);line-height:var(--sz-lh-4);font-weight:var(--sz-w-tytul);overflow-wrap:anywhere}
.mz-karta h3 a{text-decoration:none}
.mz-karta h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.mz-podglad{display:block;width:100%;aspect-ratio:4/3;border:0;border-radius:var(--sz-r-kafel);background:var(--sz-tlo);box-shadow:inset 0 0 0 1px var(--sz-linia);object-fit:contain}
.mz-decyzja{display:grid;gap:10px}
.mz-decyzja textarea{min-height:72px}
.mz-decyzja-dnia form{margin-top:auto}

/* ── powód NIE / ODŁÓŻ jednym kliknięciem (makro _macros/decyzja.html): radio jako chip, zaznaczony = atrament ── */
.mz-powody{border:0;margin:0;padding:0;min-width:0}
.mz-powody legend{padding:0;margin-bottom:6px;font-size:var(--sz-fs-2);font-weight:var(--sz-w-ui);color:var(--sz-t2)}
.mz-powody .mz-rzad{gap:6px}
.mz-powod{position:relative;max-width:100%;white-space:nowrap}
.mz-powod input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.mz-powod:has(input:checked){color:var(--sz-atrament-t);background:var(--sz-atrament);box-shadow:none;background-image:none}
.mz-powod:has(input:focus-visible){outline:2px solid var(--sz-system);outline-offset:2px}
.mz-decyzja--krotka .mz-powody legend .mz-cichy{display:none}
.mz-szybka-decyzja > summary{list-style:none;cursor:pointer}
.mz-szybka-decyzja > summary::-webkit-details-marker{display:none}
.mz-szybka-decyzja[open] > summary{color:var(--sz-atrament-t);background:var(--sz-atrament)}
.mz-szybka-decyzja form{width:340px;max-width:100%;margin-top:10px}

/* ── nowe sekcje teczki: słowa kluczowe, kanały (główny wyróżniony), rachunek wydatków ── */
.mz-nowrap{white-space:nowrap}
.sz-tabela tr.mz-glowny td{background:var(--sz-system-tlo)}
.sz-tabela tr.mz-glowny td:first-child{box-shadow:inset 3px 0 0 var(--sz-system)}
.mz-rachunek{max-width:560px}
.sz-tabela tr.mz-suma td{font-weight:var(--sz-w-tytul);color:var(--sz-t);border-top:1px solid var(--sz-linia-mocna)}
.mz-rachunek .mz-cichy{white-space:normal}

/* ── ekonomia teczki: kwoty ujemne, pas nad decyzją, ograniczenie oceny ── */
.mz-ujemne{color:var(--sz-blad-t)}
.mz-ekonomia .sz-pas-element b{font-variant-numeric:tabular-nums}
.mz-ograniczenie{margin:0;font-size:var(--sz-fs-2)}

/* krótkie kolumny (etap, data, kto) bez łamania słów na telefonie; zawija się tylko ostatnia kolumna */
.mz-bez-lamania td:not(:last-child),.mz-bez-lamania th{white-space:nowrap}
.bleyo-app-main table.mz-bez-lamania{display:table} /* mobile.css robi z tabel block — wtedy wiersze nie wypełniają ramki */

/* ── tabele lejka jako karty na telefonie (szklo: .sz-tabela--karty w @container tabela) ── */
.mz-etykieta-karty{display:none}
@container tabela (max-width:759px){
  .sz-tabela--karty.mz-karty-teczek tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nazwa wynik" "znaczniki znaczniki"}
  .sz-tabela--karty.mz-karty-teczek td[data-kol="nazwa"]{grid-area:nazwa}
  .sz-tabela--karty.mz-karty-teczek td[data-kol="wynik"]{grid-area:wynik;justify-self:end}
  .sz-tabela--karty.mz-karty-teczek td[data-kol="znaczniki"]{grid-area:znaczniki}
  .sz-tabela--karty.mz-karty-tematow tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"temat temat" "ocena teczka" "sygnaly teczka"}
  .sz-tabela--karty.mz-karty-tematow td[data-kol="temat"]{grid-area:temat}
  .sz-tabela--karty.mz-karty-tematow td[data-kol="ocena"]{grid-area:ocena;text-align:left}
  .sz-tabela--karty.mz-karty-tematow td[data-kol="sygnaly"]{grid-area:sygnaly;text-align:left;color:var(--sz-t3);font-size:var(--sz-fs-2)}
  .sz-tabela--karty.mz-karty-tematow td[data-kol="teczka"]{grid-area:teczka;justify-self:end;align-self:center}
  .mz-etykieta-karty{display:inline;color:var(--sz-t3)}
  /* lejek: „Zdecyduj” zostaje na karcie (szklo chowa kolumnę akcji), „Otwórz” znika — nazwa jest linkiem */
  .sz-tabela--karty.mz-karty-teczek td[data-kol="akcje"]{display:block;grid-column:1/-1}
  .sz-tabela--karty.mz-karty-teczek td[data-kol="akcje"] .mz-otworz{display:none}
  /* słowa kluczowe: fraza + trend / wyszukiwania + CPC / źródło + podpowiedzi */
  .sz-tabela--karty.mz-karty-fraz tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"fraza trend" "wyszukiwania cpc" "zrodlo podpowiedzi"}
  .sz-tabela--karty.mz-karty-fraz td[data-kol="fraza"]{grid-area:fraza}
  .sz-tabela--karty.mz-karty-fraz td[data-kol="trend"]{grid-area:trend;justify-self:end}
  .sz-tabela--karty.mz-karty-fraz td[data-kol="wyszukiwania"]{grid-area:wyszukiwania;text-align:left}
  .sz-tabela--karty.mz-karty-fraz td[data-kol="cpc"]{grid-area:cpc}
  .sz-tabela--karty.mz-karty-fraz td[data-kol="zrodlo"]{grid-area:zrodlo;color:var(--sz-t3);font-size:var(--sz-fs-2)}
  .sz-tabela--karty.mz-karty-fraz td[data-kol="podpowiedzi"]{grid-area:podpowiedzi;justify-self:end;font-size:var(--sz-fs-2)}
  /* kanały: nazwa + koszt klienta / CPC + konwersja + czas / uzasadnienie */
  .sz-tabela--karty.mz-karty-kanalow tr{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"kanal kanal koszt" "cpc konwersja czas" "uzasadnienie uzasadnienie uzasadnienie"}
  .sz-tabela--karty.mz-karty-kanalow td[data-kol="kanal"]{grid-area:kanal;white-space:normal}
  .sz-tabela--karty.mz-karty-kanalow td[data-kol="koszt"]{grid-area:koszt}
  .sz-tabela--karty.mz-karty-kanalow td[data-kol="cpc"]{grid-area:cpc;text-align:left;font-size:var(--sz-fs-2)}
  .sz-tabela--karty.mz-karty-kanalow td[data-kol="konwersja"]{grid-area:konwersja;text-align:left;font-size:var(--sz-fs-2)}
  .sz-tabela--karty.mz-karty-kanalow td[data-kol="czas"]{grid-area:czas;font-size:var(--sz-fs-2)}
  .sz-tabela--karty.mz-karty-kanalow td[data-kol="uzasadnienie"]{grid-area:uzasadnienie;color:var(--sz-t2);font-size:var(--sz-fs-2)}
  .sz-tabela--karty.mz-karty-kanalow tr.mz-glowny td{background:none}
  .sz-tabela--karty.mz-karty-kanalow tr.mz-glowny{box-shadow:inset 3px 0 0 var(--sz-system);background:var(--sz-system-tlo)}
  .sz-tabela--karty.mz-karty-kanalow tr.mz-glowny td:first-child{box-shadow:none}
}

/* ── oś etapów klocka ── */
.mz-os{overflow-x:auto;padding:4px 2px 8px}
.mz-os .sz-etapy{min-width:640px}

/* ── hierarchia ── */
.mz-drzewo-rol,.mz-drzewo-rol ul{list-style:none;margin:0;padding:0}
.mz-drzewo-rol ul{margin-left:22px;padding-left:18px;border-left:2px solid var(--sz-linia)}
.mz-drzewo-rol li{padding-top:10px}
.mz-rola{display:grid;gap:4px;padding:12px 14px;border-radius:var(--sz-r-kafel);background:var(--sz-tafla-pelna);box-shadow:0 0 0 1px var(--sz-linia)}
.mz-rola b{font-weight:var(--sz-w-tytul)}

/* ── strony bez menu: logowanie, ustawienie konta, błąd bez sesji, strona klocka ── */
.mz-prosty{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.mz-wejscie{width:min(100%,440px);display:grid;gap:var(--sz-o-5);padding:var(--sz-o-6);border-radius:var(--sz-r-tafla);background:var(--sz-tafla-pelna);
  box-shadow:0 0 0 1px var(--sz-linia),var(--sz-cien-3);position:relative;z-index:1}
.mz-wejscie--szerokie{width:min(100%,640px)}
.mz-wejscie h1{margin:0;font-size:var(--sz-fs-6);line-height:var(--sz-lh-6);font-weight:var(--sz-w-tytul)}
.mz-wejscie p{margin:0}
.mz-wejscie .sz-znak{justify-self:start}
.mz-qr{display:grid;justify-items:center;gap:8px}
.mz-qr svg{width:200px;height:200px;background:#fff;padding:6px;border-radius:var(--sz-r-kafel)}
.mz-sekret{font-variant-numeric:tabular-nums slashed-zero;letter-spacing:.06em;font-weight:var(--sz-w-ui);overflow-wrap:anywhere;text-align:center}
.mz-kroki{margin:0;padding-left:20px;display:grid;gap:4px;color:var(--sz-t2)}
.mz-publiczna{width:min(100%,640px);display:grid;gap:var(--sz-o-4);text-align:center;justify-items:center;position:relative;z-index:1}
.mz-publiczna h1{margin:0;font-size:var(--sz-fs-7);line-height:1.1;font-weight:var(--sz-w-tytul)}
.mz-publiczna p{margin:0;color:var(--sz-t2);font-size:var(--sz-fs-4);line-height:var(--sz-lh-4)}

/* ── telefon ── */
@media (max-width:899px){
  .bleyo-app-main{padding:16px 16px 120px}
  .mz-dl{grid-template-columns:minmax(0,1fr);gap:2px 0}
  .mz-dl dd{margin-bottom:10px}
  .mz-aud-uklad{grid-template-columns:minmax(0,1fr)}
  .mz-aud-wiersz{grid-template-columns:minmax(0,1fr) 44px 64px;row-gap:4px}
  .mz-aud-glowa{display:none}
  .mz-aud-wiersz > span:first-child{grid-column:1/-1}
  .mz-aud-wiersz > .sz-postep-tor{grid-column:1}
  .mz-wejscie{padding:var(--sz-o-5)}
}