/* PUSTY PROFIL OCZAMI GOSCIA (183) - `profil/cz/_pusty-ekran.blade.php`.
   Wymiary i barwy z wzoru wlasciciela (09.10). Dwie barwy tekstu
   podniesione o odrobine jasnosci, bo przy 12 px nie mialy 4.5:1
   (#7A746A -> #86807A, #6E6961 -> #847E74); od 10.10 zestaw szarych 164:
   ciemny #8E887A / #847E74, jasny #5F5A4E. */
:root{
  --pe-awatar:rgba(0,0,0,.05); --pe-ikona:#8F887D; --pe-od:#5F5A4E;
  --pe-plaszka:rgba(0,0,0,.035); --pe-tekst:#5F5A4E; --pe-wiersz:#5F5A4E;
  --pe-zl-tlo:rgba(166,121,15,.10); --pe-zl:#6E520B; --pe-zl-pod:#6A5A33;
  --pe-szary-tlo:rgba(0,0,0,.04);
}
:root[data-theme="dark"]{
  --pe-awatar:rgba(255,255,255,.05); --pe-ikona:#4F4B45; --pe-od:#847E74;
  --pe-plaszka:rgba(255,255,255,.035); --pe-tekst:#8E887A; --pe-wiersz:#847E74;
  --pe-zl-tlo:rgba(230,204,128,.12); --pe-zl:#E6CC80; --pe-zl-pod:#B9A877;
  --pe-szary-tlo:rgba(255,255,255,.05);
}
.pe{max-width:560px;margin:0 auto;padding:24px 16px 32px;box-sizing:border-box}
.pe-glowka{display:flex;align-items:center;gap:14px;min-width:0}
.pe-awatar{flex:0 0 60px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;
  background:var(--pe-awatar);color:var(--pe-ikona);overflow:hidden}
.pe-awatar img{width:60px;height:60px;object-fit:cover;display:block}
.pe-kto{min-width:0}
.pe .cz-imie{margin:0;padding:0;font-size:20px;font-weight:700;line-height:1.25;color:var(--ink);overflow-wrap:anywhere}
.pe-szuka{margin-top:6px}
.pe-od{margin:3px 0 0;font-size:12px;line-height:1.4;color:var(--pe-od)}
.pe-plaszka{margin:20px 0 0;padding:16px;background:var(--pe-plaszka)}
.pe-plaszka h2{margin:0;font-size:14px;font-weight:600;line-height:1.4;color:var(--ink)}
.pe-plaszka p{margin:6px 0 0;font-size:12.5px;line-height:1.6;color:var(--pe-tekst)}
.pe-pod{margin:22px 0 8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pe-od)}
.pe-brak{list-style:none;margin:0;padding:0}
.pe-brak li{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px;color:var(--pe-wiersz)}
.pe-brak li+li{border-top:1px solid var(--pe-plaszka)}
.pe-brak svg{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:var(--pe-ikona);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pe-wyjscia{display:flex;flex-direction:column;gap:8px}
.pe-w{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 16px;
  background:var(--pe-szary-tlo);color:var(--ink);text-decoration:none;box-sizing:border-box}
.pe-w span{display:flex;flex-direction:column;min-width:0}
.pe-w b{font-size:15px;font-weight:600;line-height:1.3}
.pe-w small{margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--pe-tekst)}
.pe-w i{font-style:normal;font-size:22px;line-height:1;color:var(--pe-tekst)}
.pe-w-zl{background:var(--pe-zl-tlo);color:var(--pe-zl)}
.pe-w-zl small{color:var(--pe-zl-pod)}
.pe-w-zl i{color:var(--pe-zl)}
.pe-w:focus-visible{outline:2px solid var(--pe-zl);outline-offset:2px}
/* Guziki profilu na dole - szare, wysokosc 52 (wzor). */
.pe-wiadomo .cz-blok{margin-top:22px}
.pe-akcje{margin-top:24px}
.pe-akcje .cz-akcje{padding:0;margin:0}
.pe .pe-akcje .btn,.pe .pe-akcje .btn-y{min-height:52px;background:var(--pe-szary-tlo) !important;background-image:none !important;
  color:var(--ink) !important;border-color:transparent !important;box-shadow:none !important}
@media (min-width:1024px){ .pe{padding-top:40px} }