/* NOWY PANEL — EKRANY WEJŚCIA (28.10.2026): logowanie, kod dwuetapowy, „Nie pamiętam hasła”, nowe hasło, zaproszenie, link nieaktywny,
   ekran po wylogowaniu. Szablon `_wejscie.html`. Ciemny jak ekran startowy panelu, jedna karta na środku, znak Bleyo Brain nad nią.
   ⛔ Wyłącznie tokeny `--np-*` (strażnik tests/test_styl_panelu.py: zero literałów kolorów, zero poświat). Pola = `.np-wej`, przycisk = `.np-btn.or`. */
.wj{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 16px;background:var(--np-hero)}
.wj-kol{width:100%;max-width:440px;display:grid;gap:18px}
.wj-marka{display:flex;align-items:center;gap:10px;padding:0 4px}
.wj-marka img{width:40px;height:40px;mix-blend-mode:screen}
.wj-karta{border-radius:var(--np-f-r-karta);background:var(--np-bg);box-shadow:var(--np-kafel-cien);padding:28px var(--np-f-karta-pad);display:grid;gap:18px}
.wj-karta h1{font-size:30px;line-height:1.1}
.wj-pod{font-size:var(--np-f-opis);line-height:1.5;color:var(--np-t2)}
.wj-pod b{color:var(--np-t);font-weight:600}
.wj-form{display:grid;gap:16px}
.wj-pole{display:grid;gap:var(--np-f-odst-w-polu)}
.wj-pole label{font-size:14px;font-weight:600;color:var(--np-t)}
.wj-pole .wj-pomoc{font-size:var(--np-f-pomoc);color:var(--np-m)}
.wj-kod{font-size:22px;letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums}
.wj-form .np-btn{margin-top:4px}
.np .wj-karta .np-btn{font-weight:600;font-size:15px}                    /* `.np button{font:inherit}` zbija grubość przycisku */
.np .wj-karta .np-wej:focus-visible{outline:none}                     /* fokus pola = obwódka `.np-wej:focus`, bez drugiego pierścienia */
.wj-linki{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-size:13.5px;color:var(--np-t2);padding-top:14px;border-top:1px solid var(--np-line)}
.np .wj-karta a,.np .wj-stopka a{color:var(--np-t);text-decoration:underline;text-decoration-color:var(--np-line2);text-underline-offset:3px}
.np .wj-karta a:hover,.np .wj-stopka a:hover{text-decoration-color:var(--np-acc)}
.np .wj-karta a.np-btn{text-decoration:none;color:var(--np-bialy)}
.wj-ok{border-radius:14px;padding:12px 14px;background:var(--np-s2);box-shadow:var(--np-kafel-cien);color:var(--np-t);font-size:14px;display:flex;gap:10px;align-items:center}
.wj-ok::before{content:"";width:8px;height:8px;background:var(--np-acc);flex:none}
.wj-blad{border-radius:14px;padding:12px 14px;background:var(--np-dz-ostrz-tlo);box-shadow:inset 0 0 0 1px var(--np-dz-ostrz-linia);color:var(--np-dz-ostrz-t);font-size:14px}
.wj-stopka{font-size:12.5px;color:var(--np-m);text-align:center}
.wj-stopka b{color:var(--np-t2);font-weight:600}
@media (max-width:480px){.wj{place-items:start center;padding-top:28px}.wj-karta{padding:22px var(--np-f-karta-pad-tel)}.wj-karta h1{font-size:26px}}