/*
  EKRANY WEJSCIA (1.1 wejscie, 1.2 rejestracja, 1.3 Apple, 1.20 Google
  i Apple wkrotce, 1.11 jezyk i motyw, 1.12 plashki, 1.16 stany pol
  i guzika) - WSPOLNA PODSTAWA.

  Wszystkie liczby i kolory z zatwierdzonego wzoru
  `docs/dyzajn/robotatut-DYZAJN-PORTALU-2026-10-15.html` (15.10.2026):
  telefon 390, planszet 1024, laptop 1440, kazdy w dwoch motywach.
  REGULA 235 (wlasciciel 16.10): WZOR STOI WYZEJ NIZ KAZDA REGULA PORTALU.
  Zadnej wartosci od siebie - promienie, szare i kolory napisow sa
  przepisane ze wzoru, takze tam, gdzie zamek portalu (promien 163, szare
  164, kontrast 221) mowi inaczej; zamek przepisuje sesja 1 pod wzor.
  Pismo w polach 16 px, nie 15,5 (wlasciciel 16.10, teksty-wejscie.md):
  Safari powieksza strone przy polu ponizej 16 px; makieta poprawiona.
  Jedyny wyjatek: ZNAK PORTALU - ksztalt, zloto i kroj z
  `parts/_znak-portalu` (regula 160), ze wzoru tylko miejsce i wielkosc.

  Trzy rozkladki: telefon (do 767 px), planszet (768-1279: okladka
  u gory, formularz wyposrodkowany), laptop (od 1280: okladka z lewej,
  formularz z prawej). Ekran wejscia NIE MA paska portalu ani dolnego
  menu - tak stoi we wzorze; ma wlasny znak i wlasny guzik jezyka.
*/

.we-body{margin:0;background:var(--we-tlo);color:var(--we-tekst);
  font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;overflow-x:hidden}
.we-body *,.we-body *::before,.we-body *::after{box-sizing:border-box}

/* --- KOLORY: ciemny (domyslny) i jasny - wszystkie ze wzoru ------------- */
:root{
  --we-tlo:#09090B; --we-tekst:#E7E3DB; --we-tytul:#FFFFFF;
  --we-nad:#6E6A63; --we-pole:#101014; --we-ramka:#2B2B34; --we-wpis:#FFFFFF;
  --we-podp:#55525A; --we-oko:#8B867E; --we-af:#E8F0FE; --we-af-tekst:#15120A; --we-af-oko:#4E4A43; --we-x:#9A948A; --we-zloto:#E8C96A; --we-zloto2:#D9B64A;
  --we-linia:#22222A; --we-obcy:#E7E3DB; --we-drobny:#6E6A63; --we-zgoda:#A9A49A; --we-ptak:#D9B64A;
  --we-okl-cien:linear-gradient(180deg,rgba(9,9,11,.5) 0%,rgba(9,9,11,.15) 34%,rgba(9,9,11,.8) 74%,#09090B 100%);
  --we-okl-cien-p:linear-gradient(180deg,rgba(9,9,11,.45) 0%,rgba(9,9,11,.1) 30%,rgba(9,9,11,.72) 76%,#09090B 100%);
  --we-okl-cien-l:linear-gradient(105deg,rgba(9,9,11,.42) 0%,rgba(9,9,11,.12) 38%,rgba(9,9,11,.78) 88%,#09090B 100%);
  --we-tytul-okl:#FFFFFF;
  --we-chip:rgba(14,14,18,.72); --we-chip-ramka:#332B16;
  /* czerwone: pole i galeczka (1.16) */
  --we-zle-ramka:#8E3A2C; --we-zle-tlo:#140F0F; --we-zle-napis:#D98A7A; --we-zgoda-zla:#DCD7CE;
  /* arkusz 1.20 i okno 1.20 */
  --we-ark:#101014; --we-ark-ramka:#2B2B34; --we-ark-uchwyt:#33343E; --we-zaslona:rgba(5,5,7,.74);
  --we-ark-cien:0 -18px 50px rgba(0,0,0,.45); --we-okno-cien:0 30px 80px rgba(0,0,0,.55);
  --we-ark-napis:#A9A49A;
  /* arkusz i okno 1.11 */
  --we-jz-zaslona:rgba(6,6,8,.82); --we-jz-zaslona-p:rgba(6,6,8,.78); --we-jz-ramka-okna:#2B2B34;
  --we-jz-uchwyt:#33343E; --we-jz-cien:0 -18px 50px rgba(0,0,0,.6); --we-jz-okno-cien:0 30px 80px rgba(0,0,0,.5);
  --we-jez-tlo:#0E0E12; --we-jez-ramka:#1F1F27; --we-jez-linia:#1A1A21; --we-jez-wyb:#15130D;
  --we-kod-tlo:linear-gradient(150deg,#211B0C,#121016); --we-kod-ramka:#332B16;
  --we-naz:#E7E3DB; --we-pod:#7D786F; --we-motyw-nad:#5E5A54; --we-stopka:#7D786F;
  --we-motyw-tlo:#0E0E12; --we-motyw-ramka:#22222A; --we-motyw-napis:#9A948A; --we-motyw-znak:#8B867E; --we-motyw-wyb-napis:#FFFFFF;
  --we-anuluj-tlo:#15151B; --we-anuluj-ramka:#2B2B34; --we-anuluj-napis:#9A948A;
  --we-apple-tlo:#15130D; --we-apple-napis:#9A948A;
  --we-lead:#A9A49A; --we-lead-foto:#BDB7AC;
}
:root[data-theme="light"]{
  --we-tlo:#F7F5F1; --we-tekst:#2A2620; --we-tytul:#15120A;
  --we-nad:#8A8479; --we-pole:#FFFFFF; --we-ramka:#DED8CF; --we-wpis:#15120A;
  --we-podp:#9C968C; --we-oko:#7A746B; --we-x:#6B655C; --we-zloto:#8A6A12; --we-zloto2:#8A6A12;
  --we-linia:#E6E1D9; --we-obcy:#2A2620; --we-drobny:#8A8479; --we-zgoda:#6B655C; --we-ptak:#8A6A12;
  --we-okl-cien:linear-gradient(180deg,rgba(18,15,10,.5) 0%,rgba(18,15,10,.08) 32%,rgba(247,245,241,.14) 64%,rgba(247,245,241,.72) 86%,#F7F5F1 100%);
  --we-okl-cien-p:linear-gradient(180deg,rgba(18,15,10,.45) 0%,rgba(18,15,10,.08) 32%,rgba(247,245,241,.14) 66%,rgba(247,245,241,.74) 88%,#F7F5F1 100%);
  --we-okl-cien-l:linear-gradient(180deg,rgba(16,13,9,.42) 0%,rgba(16,13,9,.06) 34%,rgba(16,13,9,.52) 78%,rgba(16,13,9,.76) 100%);
  --we-tytul-okl:#15120A;
  --we-chip:rgba(255,255,255,.82); --we-chip-ramka:#E3D7B0;
  --we-zle-ramka:#C0574A; --we-zle-tlo:#FDF0ED; --we-zle-napis:#B13D2A; --we-zgoda-zla:#3A352D;
  --we-ark:#FFFFFF; --we-ark-ramka:#DED8CF; --we-ark-uchwyt:#D4CEC4; --we-zaslona:rgba(40,36,30,.52);
  --we-ark-cien:0 -18px 50px rgba(0,0,0,.45); --we-okno-cien:0 30px 80px rgba(40,34,24,.22);
  --we-ark-napis:#6B655C;
  --we-jz-zaslona:rgba(44,38,28,.44); --we-jz-zaslona-p:rgba(30,26,18,.55); --we-jz-ramka-okna:#E6E1D9;
  --we-jz-uchwyt:#CFC9BE; --we-jz-cien:0 -18px 50px rgba(60,52,38,.16); --we-jz-okno-cien:0 30px 80px rgba(0,0,0,.5);
  --we-jez-tlo:#FFFFFF; --we-jez-ramka:#E6E1D9; --we-jez-linia:#EDE8E0; --we-jez-wyb:#FBF3DC;
  --we-kod-tlo:linear-gradient(150deg,#F7EFD6,#FBF6E8); --we-kod-ramka:#E3D7B0;
  --we-naz:#2A2620; --we-pod:#857F75; --we-motyw-nad:#8A8479; --we-stopka:#857F75;
  --we-motyw-tlo:#FFFFFF; --we-motyw-ramka:#E6E1D9; --we-motyw-napis:#6B655C; --we-motyw-znak:#7A746B; --we-motyw-wyb-napis:#15120A;
  --we-anuluj-tlo:#F1EEE8; --we-anuluj-ramka:#DED8CF; --we-anuluj-napis:#6B655C;
  --we-apple-tlo:#FBF3DC; --we-apple-napis:#6B655C;
  --we-lead:#6B655C; --we-lead-foto:#E3DED4;
}

/* --- SZKIELET: telefon ---------------------------------------------------- */
.we{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:0 22px}
.we-okl{flex:none;position:relative;height:230px;margin:0 -22px;background-image:var(--we-foto-m);background-size:cover;background-position:center}
.we-okl::after{content:"";position:absolute;inset:0;background:var(--we-okl-cien)}
/* ZNAK PORTALU (regula 160, `parts/_znak-portalu`): ksztalt szpilki,
   zloto, kroj i grubosci ("Robota" 300 #CFCABF, "Tut" 700 #E6CC80) - jak
   `.logo.znak` w topka-ikony.css. Ze wzoru TYLKO miejsce i wielkosc
   (wlasciciel 16.10): telefon szpilka 22x34, napis 24 px, odstep 10;
   planszet i laptop 26x39 / 27 / 12. Ksztalt szpilki zmienia sesja 1
   w `_znak-portalu` - tu tylko miejsce i wielkosc. Klasy `logo` tu nie ma: styluja ja
   arkusze kostyaku portalu, ktorych ekran wejscia nie laduje. */
.we-znak{position:absolute;z-index:1;left:22px;top:54px}
/* SWIATLO POD ZNAKIEM (wlasciciel 16.10): miekki okragly cien znaku i slowa,
   na zdjeciu i POD znakiem, srodek = srodek bloku "znak + slowo",
   promien = szerokosc bloku x 1,18. Srodek i promien PRZEPISANE z makiety:
   telefon kolo 170 w punkcie (94, 71) okladki, czyli 72/17 od rogu znaku;
   planszet i laptop 194 w (138, 65) / jasny laptop (130, 61), czyli 82/19
   od rogu znaku. Warstwa nie lapie palca. */
.we-znak::before{content:"";position:absolute;z-index:-1;left:-98px;top:-153px;width:340px;height:340px;
  pointer-events:none;background:radial-gradient(circle 170px at center,rgba(0,0,0,.80) 0%,rgba(0,0,0,.58) 30%,
  rgba(0,0,0,.32) 52%,rgba(0,0,0,.12) 70%,rgba(0,0,0,0) 86%)}
/* cel 48: znak ma 34 (39) w pionie - wewnetrzny odstep i ujemny zewnetrzny */
.we-znak .znak{display:flex;align-items:center;gap:10px;text-decoration:none;padding:7px 0;margin:-7px 0;
  font-family:Manrope,system-ui,sans-serif;font-size:24px;line-height:1;letter-spacing:-.3px;color:#CFCABF}
.we-znak .znak-pin{width:22px;height:34px;flex:0 0 auto}
.we-znak .znak-n{white-space:nowrap}
.we-znak .znak-a{font-weight:300;color:#CFCABF}
.we-znak .znak-b{font-weight:700;color:#E6CC80}
.we-h1{position:absolute;z-index:1;left:22px;right:22px;bottom:10px;margin:0;font-size:31px;line-height:1.12;
  font-weight:800;color:var(--we-tytul-okl);letter-spacing:-1px;overflow-wrap:break-word}
/* ZDANIE POD TYTULEM (`lead`) - jedno miejsce dla ekranow 1.5-1.19 (18.10; dawniej
   kopie w konto-koniec.css i drzwi.css z tymi samymi liczbami z makiety):
   telefon - pod zdjeciem, od planszetu - na zdjeciu pod tytulem. `.we-glowa`
   obejmuje tytul i zdanie; domyslnie nie zmienia ukladu (`display:contents`). */
.we-glowa{display:contents}
.we-lead{margin:0}
.we-lead-szer{display:none}
.we-lead-tel{padding:18px 0 0;font-size:14.5px;line-height:1.55;color:var(--we-lead)}
.we-chip{position:absolute;z-index:3;right:22px;top:54px;display:flex;padding:7px 0;margin:-7px 0;
  font-family:inherit;font-size:12.5px;font-weight:800;letter-spacing:.4px;color:var(--we-zloto);cursor:pointer;text-decoration:none}
/* CEL POD PALEC 48 (wlasciciel 16.10): odnosnik ma 48 w pionie (wewnetrzny
   odstep + ujemny zewnetrzny - nic sie nie przesuwa), a widoczny guzik 34
   rysuje `.we-chip-w` w srodku. */
.we-chip-w{display:flex;align-items:center;gap:7px;height:34px;min-width:48px;padding:0 11px;
  background:var(--we-chip);border:1px solid var(--we-chip-ramka);border-radius:11px}
.we-chip svg{width:15px;height:15px;flex:none}
.we-tresc{flex:1;display:flex;flex-direction:column}
.we-kol{display:flex;flex-direction:column;flex:1;width:100%;padding-bottom:env(safe-area-inset-bottom,0px)}
/* ^ Dol kolumny nad paskiem gestow / guzikami Androida (wlasciciel 17.10):
   ekrany wejscia nie maja dolnego menu, a odstep `env(safe-area-inset-bottom)`
   dawal dotad tylko `tabbar.css`, ktorego tu nie ma. Bez paska - 0 px. */

/* --- SKLADNIKI -------------------------------------------------------------- */
.we-nad{display:block;font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;font-weight:800;color:var(--we-nad)}
.we-nad--pole{margin:18px 0 9px}
.we-pierwsze .we-nad--pole:first-of-type{margin-top:0}
.we-pole{display:block;width:100%;background:var(--we-pole);border:1px solid var(--we-ramka);border-radius:13px;
  color:var(--we-wpis);font-family:inherit;font-size:16px;font-weight:600;padding:17px 16px;outline:none;
  -webkit-appearance:none;appearance:none}
.we-pole::placeholder{color:var(--we-podp);font-weight:500}
.we-pole:focus{border-color:var(--we-zloto2)}
.we-pole--zle,.we-pole--zle:focus{border-color:var(--we-zle-ramka);background:var(--we-zle-tlo)}
/* zle haslo (1.12): sama ramka #C0574A, tlo pola bez zmian */
.we-pole--czerw,.we-pole--czerw:focus{border-color:#C0574A}
/* POLE HASLA: ramke, tlo i stany rysuje `.we-haslo`; pole wpisu jest w nim
   bez ramki, a oko (cel 48x48) stoi OBOK, 8 px dalej - dwa cele pod palec
   nie nachodza na siebie (wlasciciel 16.10). Oko ma wysokosc pola (jeden
   rzad, jedna wysokosc), srodek zostaje tam, gdzie byl: 27 px od prawej
   krawedzi, w polowie wysokosci. */
.we-haslo{position:relative;display:flex;align-items:center;background:var(--we-pole);border:1px solid var(--we-ramka);border-radius:13px}
.we-haslo .we-pole,.we-haslo .we-pole:focus{flex:1;min-width:0;width:auto;border:0;border-radius:0;background:transparent;padding:17px 0 17px 16px;margin-right:8px}
.we-haslo:focus-within{border-color:var(--we-zloto2)}
.we-haslo:has(.we-pole--zle){border-color:var(--we-zle-ramka);background:var(--we-zle-tlo)}
.we-haslo:has(.we-pole--czerw){border-color:#C0574A}
.we-oko{flex:none;align-self:stretch;width:48px;min-height:48px;margin-right:2px;background:none;border:0;
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--we-oko);padding:0}
.we-oko[hidden]{display:none}
.we-oko svg{width:20px;height:20px}
.we-oko .we-oko-zak{display:none}
.we-oko[aria-pressed="true"] .we-oko-otw{display:none}
.we-oko[aria-pressed="true"] .we-oko-zak{display:block}
/* AUTOUZUPELNIENIE (wlasciciel 17.10). Przegladarka maluje jasnym tlem
   SAM <input>: przy hasle - prostokat bez zaokraglenia, a oko zostaje na
   ciemnym. Ramke, zaokraglenie i oko rysuje `.we-haslo`, wiec jasne tlo
   dostaje cala ramka, pole wpisu - lewe zaokraglenie, oko ciemnieje.
   Kolor ten sam, co przegladarka daje sama (#E8F0FE): pole adresu i hasla
   wygladaja jednakowo. Tlo przez cien wewnetrzny - przegladarka nie daje
   nadpisac `background` pola po autouzupelnieniu. `:-webkit-autofill`,
   nie `:autofill`: rozumie go takze Safari, a nieznany pseudoselektor
   wylaczylby cala regule z `:has`. */
.we-pole:-webkit-autofill,.we-pole:-webkit-autofill:hover,.we-pole:-webkit-autofill:focus{
  box-shadow:0 0 0 100px var(--we-af) inset;-webkit-text-fill-color:var(--we-af-tekst);caret-color:var(--we-af-tekst)}
.we-haslo .we-pole:-webkit-autofill{border-radius:12px 0 0 12px}
.we-haslo:has(.we-pole:-webkit-autofill){background:var(--we-af)}
.we-haslo:has(.we-pole:-webkit-autofill) .we-oko{color:var(--we-af-oko)}
.we-blad{display:flex;align-items:center;gap:7px;margin:8px 2px 0;font-size:12.5px;font-weight:700;color:var(--we-zle-napis)}
.we-blad svg{width:15px;height:15px;flex:none}
.we-blad[hidden]{display:none}
.we-odn{display:inline-block;margin-top:13px;font-size:14px;font-weight:700;color:var(--we-zloto);text-decoration:none}
.we-odstep{height:18px}
/* "Nie pamietam hasla" na 1.1 (wlasciciel 16.10, makieta poprawiona):
   24 px nad i 24 pod napisem (bylo 13 i 18); strefa dotyku 48 = 16 w gore
   i 16 w dol, do pola hasla i do "Wejdz" zostaje po 8. Pod spodem stoi
   dawny `.we-odstep` 18, wiec ujemne 10 domyka 24. Wyglad napisu ten sam. */
.we-odn-pelny{display:block;width:fit-content;margin:8px 0 -10px;padding:16px 0}
.we-odstep-m{height:11px}

/* ZLOTY GUZIK - spokojny, w trakcie (napis znika, kolko sie kreci, drugie
   dotkniecie nic nie robi), wzor 1.16 */
.we-zloty{position:relative;display:block;width:100%;border:0;border-radius:14px;padding:18px;
  background:linear-gradient(135deg,#FBEFC2 0%,#D9B64A 45%,#B08A24 100%);color:#15120A;font-family:inherit;
  font-size:16px;font-weight:800;line-height:normal;text-align:center;text-decoration:none;cursor:pointer}
.we-zloty[aria-busy="true"]{border-radius:13px;padding:16px;background:linear-gradient(135deg,#C9BE92 0%,#AE9140 45%,#8C6E1D 100%);color:transparent;cursor:default;min-height:57px}
.we-laduj{display:none}
.we-zloty[aria-busy="true"] .we-laduj{display:block;box-sizing:content-box;position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-12.5px 0 0 -12.5px;
  border-radius:50%;border:2.5px solid rgba(21,18,10,.28);border-top-color:#15120A;animation:we-kreci .8s linear infinite}
@keyframes we-kreci{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.we-zloty[aria-busy="true"] .we-laduj{animation-duration:2.4s}}

.we-albo{display:flex;align-items:center;gap:14px;padding:28px 0 0}
.we-albo span{flex:1;height:1px;background:var(--we-linia)}
.we-albo .we-nad{flex:none;height:auto;background:none}
.we-obce{display:flex;gap:10px;padding:18px 0 0}
.we-obcy{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;min-width:0;min-height:52px;
  background:var(--we-pole);border:1px solid var(--we-ramka);border-radius:13px;color:var(--we-obcy);
  font-family:inherit;font-size:14.5px;font-weight:700;text-decoration:none;cursor:pointer}
.we-obcy svg{width:19px;height:19px;flex:none}
.we-obcy--wcisniety{border-color:var(--we-zloto2);background:var(--we-apple-tlo);color:var(--we-apple-napis)}
.we-drobny{margin:0;padding:14px 0 0;font-size:12px;line-height:1.5;color:var(--we-drobny);font-weight:600}
.we-drobny a{color:var(--we-zloto2);font-weight:800;text-decoration:none}
.we-reszta{flex:1}

/* PLASHKI - kawalek sesji 3 (`wejscie._plaszka`, `.dz-pl` w drzwi.css);
   tu tylko odstep od pola nad nia i krzyzyk plaszki Apple (1.3). */
.we-pl{margin:9px 0 0}
.we-pl[hidden]{display:none}
.we-zamknij{flex:none;width:48px;height:48px;padding:12px;margin:-14px -16px -12px -12px;background:none;border:0;display:flex;
  align-items:center;justify-content:center;color:var(--we-x);cursor:pointer;text-decoration:none}
.we-zamknij svg{width:13px;height:13px;margin:0;stroke:currentColor}

/* GALECZKA ZGODY - przycisk zostaje zloty i zywy; bez galeczki czerwienieje
   galeczka i linijka pod nia (1.16) */
/* Wiersz zgody: kwadracik 22 (1 px nizej) i zdanie 12 px dalej - jak dawny
   rzad flex, ale kwadracik z etykieta stoi w `position:absolute`, a wiersz
   trzyma wysokosc kwadracika `min-height` (20 + 23).
   STREFA GALECZKI 48x48: 13 px w gore i 12 w dol (do pola hasla i do guzika
   zostaje po 8), 20 w lewo (margines strony), 6 w prawo - konczy sie PRZED
   zdaniem z odnosnikami, wiec palec chybiajacy odnosnik nie zaznacza zgody. */
.we-zgoda{position:relative;padding:20px 0 0 34px;min-height:43px}
.we-zgoda-k{position:absolute;left:-20px;top:7px;display:flex;cursor:pointer;padding:13px 6px 12px 20px}
.we-zgoda-t{display:block}
.we-zgoda input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--we-ptak);cursor:pointer}
.we-zgoda-t{font-size:13px;line-height:1.5;color:var(--we-zgoda);font-weight:600}
.we-zgoda a{color:var(--we-zloto);text-decoration:none;font-weight:700}
.we-zgoda--zla{margin-top:20px;padding:14px 15px 14px 49px;min-height:53px;background:var(--we-zle-tlo);border:1px solid var(--we-zle-ramka);border-radius:13px}
.we-zgoda--zla .we-zgoda-k{left:-5px;top:1px}
.we-zgoda--zla input{outline:2px solid var(--we-zle-napis);outline-offset:0;border-radius:7px}
.we-zgoda--zla .we-zgoda-t{font-size:13.5px;color:var(--we-zgoda-zla)}
.we-zgoda--zla a{color:var(--we-zloto2);font-weight:800}
.we-masz{margin:0;padding:0 0 30px;font-size:14.5px;color:var(--we-zgoda);font-weight:600}
.we-masz a{color:var(--we-zloto);font-weight:800;text-decoration:none}

/* 1.3 - NACISNIETO APPLE: "Nie pamietam" przechodzi do wiersza podpisu
   hasla, linijke o regulaminie zastepuje zlota plashka (wzor W1a) */
/* Wiersz podpisu pola hasla z "Nie pamietam": 20 px nad i 20 pod (wlasciciel
   16.10, bylo 18 i 9) - JEDNA liczba wszedzie, gdzie ten wiersz stoi (1.1 i 1.3),
   bez warunkow. Strefa krotkiego odnosnika 15 + 17 + 17 = 49, do pol po 3. */
.we-nad-wiersz{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:20px 0 20px}
.we-nad-wiersz .we-nad{margin:0}
.we-odn-krotki{display:none;background:none;border:0;padding:17px 0;margin:-17px 0;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--we-zloto2);text-decoration:none}
.we-apple .we-odn-krotki{display:inline-block}
.we-apple .we-odn-pelny{display:none}
.we-apple .we-albo,.we-reg .we-albo{padding-top:24px}
.we-apple-pl{padding:12px 0 0}

/* REJESTRACJA ZE ZGLOSZENIEM - pasek ogloszenia i obietnica (makieta
   wlasciciela sprzed 15.10; nowy wzor tego stanu nie rysuje) */
.we-of{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;
  background:var(--we-pole);border:1px solid var(--we-ramka);border-radius:13px;text-decoration:none;color:var(--we-tekst)}
.we-of .rej-of-foto{width:56px;height:56px;border-radius:10px;object-fit:cover;display:flex;align-items:center;justify-content:center;
  background:var(--we-jez-wyb);color:var(--we-zloto);font-weight:800}
.we-of .rej-of-t{min-width:0;display:flex;flex-direction:column;gap:2px}
.we-of .rej-of-t b{font-size:15px;font-weight:700;color:var(--we-tytul);overflow-wrap:anywhere}
.we-of .rej-of-t small{font-size:13px;color:var(--we-zgoda);overflow-wrap:anywhere}
.we-of .rej-of-kwota{font-size:20px;font-weight:800;color:var(--we-zloto);white-space:nowrap;text-align:right}
.we-of .rej-of-kwota small{display:block;margin-top:3px;font-size:11px;font-weight:600;color:var(--we-zgoda)}
.we-obietnica{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-size:14px;line-height:1.45;color:var(--we-tytul)}
.we-obietnica svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--we-zloto);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.we-ofz{margin-top:20px}

/* --- ARKUSZ (telefon) / OKNO (planszet, laptop): jezyk i motyw 1.11,
       wkrotce 1.20 ------------------------------------------------------ */
.we-ark-tlo{position:fixed;inset:0;z-index:20;background:var(--we-zaslona);display:flex;align-items:flex-end;justify-content:center}
.we-ark-tlo[hidden]{display:none}
.we-ark{position:relative;width:100%;max-height:100%;overflow:auto;background:var(--we-ark);border-top:1px solid var(--we-ark-ramka);
  border-radius:22px 22px 0 0;padding:0 0 calc(16px + env(safe-area-inset-bottom));box-shadow:var(--we-ark-cien)}
/* 1.11 - wlasna zaslona, uchwyt i cien. Pod arkuszem makieta rysuje SAMA
   okladke (rozmyta 2 px, bez cienia), bez tytulu, znaku i formularza,
   na tle #0D0D10 / #EFEBE4. */
#we-jezyk{background:var(--we-jz-zaslona)}
#we-jezyk .we-ark{box-shadow:var(--we-jz-cien)}
#we-jezyk .we-ark-uchwyt span{background:var(--we-jz-uchwyt)}
.we-body:has(#we-jezyk:not([hidden])) .we{background:#0D0D10}
:root[data-theme="light"] .we-body:has(#we-jezyk:not([hidden])) .we{background:#EFEBE4}
.we-body:has(#we-jezyk:not([hidden])) .we-okl{filter:blur(2px)}
.we-body:has(#we-jezyk:not([hidden])) .we-okl::after,
.we-body:has(#we-jezyk:not([hidden])) .we-h1,
.we-body:has(#we-jezyk:not([hidden])) .we-tresc{visibility:hidden}
@media (max-width:767px){
  .we-body:has(#we-jezyk:not([hidden])) .we-znak,
  .we-body:has(#we-jezyk:not([hidden])) .we-chip{visibility:hidden}
}
.we-ark-uchwyt{display:flex;justify-content:center;padding:10px 0 4px}
.we-ark-uchwyt span{width:38px;height:4px;border-radius:999px;background:var(--we-ark-uchwyt)}
.we-ark-h{display:block;margin:0;padding:12px 18px 14px;font-size:16px;font-weight:800;color:var(--we-tytul)}
.we-jez{margin:0 16px;background:var(--we-jez-tlo);border:1px solid var(--we-jez-ramka);border-radius:16px;overflow:hidden}
.we-jez a{display:flex;align-items:center;gap:13px;width:100%;border-top:1px solid var(--we-jez-linia);padding:14px;text-decoration:none}
.we-jez a:first-child{border-top:0}
.we-jez a[aria-current="true"]{background:var(--we-jez-wyb)}
/* 8 px MIEDZY CELAMI (wlasciciel 17.10), wyglad bez zmian. Strefe zwezaja
   tylko wiersze srodkowe: o 8 px od gory, a przedostatni takze o 8 px od
   dolu. Linie i tlo w tych 8 px rysuje cien (cien nie lapie dotyku).
   Pierwszy i ostatni wiersz bez zmian: cien w wierszu przy zaokraglonym
   rogu zmienial wygladzenie rogu o 1-4 odcienie. */
.we-jez a:not(:first-child):not(:last-child){border-top:0;margin-top:8px;padding-top:7px;
  box-shadow:0 -7px 0 0 var(--we-jez-tlo),0 -8px 0 0 var(--we-jez-linia)}
.we-jez a:nth-last-child(2):not(:first-child){margin-bottom:8px;padding-bottom:6px;
  box-shadow:0 -7px 0 0 var(--we-jez-tlo),0 -8px 0 0 var(--we-jez-linia),0 8px 0 0 var(--we-jez-tlo)}
.we-jez a[aria-current="true"]:not(:first-child):not(:last-child){box-shadow:0 -7px 0 0 var(--we-jez-wyb),0 -8px 0 0 var(--we-jez-linia)}
.we-jez a[aria-current="true"]:nth-last-child(2):not(:first-child){box-shadow:0 -7px 0 0 var(--we-jez-wyb),0 -8px 0 0 var(--we-jez-linia),0 8px 0 0 var(--we-jez-wyb)}
.we-kod{flex:none;width:40px;height:40px;border-radius:12px;background:var(--we-kod-tlo);border:1px solid var(--we-kod-ramka);
  display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;color:var(--we-zloto);letter-spacing:.5px}
.we-naz{flex:1;min-width:0;display:block;font-size:15px;font-weight:700;color:var(--we-naz)}
.we-pod{display:block;font-size:12px;font-weight:600;color:var(--we-pod);margin-top:3px}
.we-ptaszek{width:20px;height:20px;flex:none;color:var(--we-zloto)}
/* podpis "Motyw" stoi we wzorze w wierszu o wysokosci zwyklego 16 px pisma */
.we-motyw-nad{display:block;padding:20px 18px 9px;font-size:16px}
.we-motyw-nad span{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;font-weight:800;color:var(--we-motyw-nad)}
.we-motywy{display:flex;gap:10px;padding:0 16px}
.we-motyw{flex:1;min-width:0;display:flex;background:none;border:0;padding:1px 0;margin:-1px 0;
  font-family:inherit;font-size:14.5px;font-weight:700;cursor:pointer}
/* cel 48: guzik ma 48 w pionie, widoczny kafel 46 rysuje `.we-motyw-w` */
.we-motyw-w{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:var(--we-motyw-tlo);border:1px solid var(--we-motyw-ramka);
  border-radius:14px;padding:13px;color:var(--we-motyw-napis)}
.we-motyw svg{width:18px;height:18px;flex:none;color:var(--we-motyw-znak)}
.we-motyw-n{flex:1;text-align:left}
.we-motyw .we-ptaszek{width:17px;height:17px;display:none}
.we-motyw[aria-pressed="true"] .we-motyw-w{background:var(--we-jez-wyb);border-color:var(--we-zloto2);color:var(--we-motyw-wyb-napis)}
.we-motyw[aria-pressed="true"] .we-ptaszek{display:block;color:var(--we-zloto)}
.we-motyw[aria-pressed="true"] svg:first-child{color:var(--we-zloto)}
.we-ark-stopka{margin:0;padding:16px 18px 0;font-size:12.5px;line-height:1.5;color:var(--we-stopka);font-weight:600}
.we-anuluj{display:block;width:calc(100% - 36px);margin:16px 18px 0;background:var(--we-anuluj-tlo);border:1px solid var(--we-anuluj-ramka);
  border-radius:13px;padding:15px;font-family:inherit;font-size:15px;font-weight:700;color:var(--we-anuluj-napis);cursor:pointer;text-align:center;text-decoration:none}

/* 1.20 - wkrotce */
.we-ark--wkr{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.we-wkr-znak{display:flex;justify-content:center;padding:14px 0 0}
.we-wkr-znak span{width:54px;height:54px;border-radius:17px;background:var(--we-ark);border:1px solid var(--we-ark-ramka);
  display:flex;align-items:center;justify-content:center;color:var(--we-zloto)}
.we-wkr-znak svg{width:26px;height:26px}
.we-wkr-t{padding:16px 24px 0;text-align:center}
.we-wkr-h{display:block;margin:0;font-size:18px;font-weight:800;color:var(--we-tytul);line-height:1.25}
.we-wkr-p{display:block;margin:10px 0 0;font-size:14px;line-height:1.55;color:var(--we-ark-napis);font-weight:600}
.we-wkr-g{padding:20px 22px 0}

/* OKIENKO SUKCESU - to samo, co w calym portalu (`parts/_toast`, prawka 267,
   regula w site.css); tu bez dolnego paska, wiec 24 px od dolu. */
.we-body .toast-ok{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;
  transform:translateX(-50%);max-width:min(92vw,420px);padding:12px 16px 12px 14px;border-radius:12px;
  border-left:3px solid #74A871;background:#1C1A15;color:#F7F3E9;font-size:15px;font-weight:600;line-height:1.35;
  box-shadow:0 10px 30px rgba(0,0,0,.45);pointer-events:none;animation:toast-ok 2s ease forwards}
@keyframes toast-ok{0%{opacity:0;transform:translate(-50%,8px)}10%{opacity:1;transform:translate(-50%,0)}
  85%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,0);visibility:hidden}}
@media (prefers-reduced-motion:reduce){@keyframes toast-ok{0%,90%{opacity:1}100%{opacity:0;visibility:hidden}}}

/* --- PLANSZET: 768-1279 ------------------------------------------------ */
@media (min-width:768px){
  .we{padding:0}
  .we-okl{height:min(520px,50.8vw);margin:0}
  .we-okl{background-image:var(--we-foto)}
  .we-okl::after{background:var(--we-okl-cien-p)}
  .we-znak{left:56px;top:46px}
  .we-znak .znak{font-size:27px;letter-spacing:-.4px;gap:12px;padding:4.5px 0;margin:-4.5px 0}
  .we-znak .znak-pin{width:26px;height:39px}
  .we-znak::before{left:-112px;top:-175px;width:388px;height:388px;background:radial-gradient(circle 194px at center,rgba(0,0,0,.80) 0%,
    rgba(0,0,0,.58) 30%,rgba(0,0,0,.32) 52%,rgba(0,0,0,.12) 70%,rgba(0,0,0,0) 86%)}
  .we-h1{left:56px;right:56px;bottom:48px;font-size:46px;line-height:1.06;letter-spacing:-1.6px;color:#FFFFFF}
  .we-chip{right:56px;top:46px;padding:5px 0;margin:-5px 0;font-size:13px}
  .we-lead-tel{display:none}
  .we-lead-szer{display:block;position:relative;z-index:1;margin:18px 0 0;max-width:580px;font-size:16.5px;line-height:1.6;font-weight:500;color:var(--we-lead-foto)}
  .we-chip-w{height:38px;padding:0 13px;background:rgba(9,9,11,.55);border-color:rgba(217,182,74,.45)}
  .we-chip svg{width:16px;height:16px}
  .we-tresc{padding:52px 56px 0;align-items:center}
  .we-kol{max-width:460px;padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}
  .we-masz{display:none}
  .we-ark-tlo{align-items:center;padding:24px}
  .we-ark{width:560px;max-width:100%;border:1px solid var(--we-ark-ramka);border-radius:26px;padding:40px 44px 36px;box-shadow:var(--we-okno-cien)}
  .we-ark-uchwyt{display:none}
  /* 1.11 - okno 500 px na CALEJ okladce rozmytej 6 px pod zaslona; znak
     i guzik jezyka zostaja nad zaslona, ostre (makieta). */
  #we-jezyk{background:none;isolation:isolate}
  #we-jezyk::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--we-jz-zaslona-p)}
  #we-jezyk::after{content:"";position:absolute;inset:0;z-index:-2;background:var(--we-foto) center/cover;filter:blur(6px)}
  .we-body:has(#we-jezyk:not([hidden])) .we-okl{filter:none}
  .we-body:has(#we-jezyk:not([hidden])) .we-znak{position:fixed;z-index:21;left:56px;top:46px}
  .we-body:has(#we-jezyk:not([hidden])) .we-chip{position:fixed;z-index:21;right:56px;top:46px}
  .we-ark--jez{width:500px;border-color:var(--we-jz-ramka-okna);border-radius:22px;padding:28px 26px 26px}
  #we-jezyk .we-ark{box-shadow:var(--we-jz-okno-cien)}
  .we-wkr-znak{padding:0}
  .we-wkr-znak span{width:62px;height:62px;border-radius:19px}
  .we-wkr-znak svg{width:30px;height:30px}
  .we-wkr-t{padding:20px 0 0}
  .we-wkr-h{font-size:23px}
  .we-wkr-p{font-size:15px;margin-top:12px}
  .we-wkr-g{padding:26px 0 0}
}
:root[data-theme="light"] .we-chip-w{background:rgba(255,255,255,.85);border-color:rgba(138,106,18,.4)}
@media (max-width:767px){:root[data-theme="light"] .we-chip-w{background:rgba(255,255,255,.82);border-color:#E3D7B0}}

/* --- LAPTOP: od 1280, a od 1024 przy proporcji od 5/4 (17.10) --------- */
@media (min-width:1280px),(min-width:1024px) and (min-aspect-ratio:5/4){
  .we{flex-direction:row;height:100vh;min-height:640px}
  .we-okl{width:57.65%;height:auto}
  .we-okl::after{background:var(--we-okl-cien-l)}
  .we-h1{right:110px;bottom:64px;font-size:50px;letter-spacing:-1.8px}
  /* kolumna od 96 px z gory - pod chipem jezyka, jak `.dz-tresc` w drzwi.css
     (wlasciciel 17.10: na 1225x533 chip wchodzil na pierwsze pole); z dolu
     tez 96 - symetria, na wysokim ekranie kolumna stoi tam, gdzie w makiecie */
  .we-tresc{flex:1;min-width:0;position:relative;justify-content:safe center;padding:96px 70px;overflow-y:auto}
  .we-kol{max-width:400px;flex:none;padding:0 0 env(safe-area-inset-bottom,0px)}
  .we-chip{right:44px;top:42px}
  .we-lead-szer{margin-top:20px;max-width:520px;font-size:17px}
  :root[data-theme="light"] .we-lead-szer{color:#E6E0D4}
  .we-ark--jez{width:460px;padding:26px 24px 24px}
  .we-ark--wkr{width:520px}
  :root[data-theme="light"] .we{padding:26px 0 26px 26px}
  :root[data-theme="light"] .we-okl{width:calc((100% + 26px) * .5765 - 48px);border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(40,34,24,.18)}
  :root[data-theme="light"] .we-znak{left:48px;top:42px}
  :root[data-theme="light"] .we-h1{left:48px;right:70px;bottom:54px}
  :root[data-theme="light"] .we-tresc{padding-left:64px;padding-right:64px}
  :root[data-theme="light"] .we-chip{top:16px}
  :root[data-theme="light"] .we-chip-w{background:rgba(255,255,255,.92);border-color:rgba(138,106,18,.35)}
  /* 1.11 jasny laptop: rozmyta okladka w karcie (26 px od brzegu, promien 28) */
  :root[data-theme="light"] #we-jezyk{background:#F7F5F1}
  :root[data-theme="light"] #we-jezyk::before{background:rgba(26,22,16,.55);clip-path:inset(26px round 28px)}
  :root[data-theme="light"] #we-jezyk::after{clip-path:inset(26px round 28px)}
  :root[data-theme="light"] #we-jezyk .we-ark{box-shadow:0 30px 70px rgba(40,34,24,.3)}
  :root[data-theme="light"] .we-body:has(#we-jezyk:not([hidden])) .we-znak{left:48px;top:42px}
  :root[data-theme="light"] .we-body:has(#we-jezyk:not([hidden])) .we-chip{right:48px;top:42px}
}