/* ==========================================================================
   Ranedo — strony konta: logowanie, rejestracja, przypomnienie i reset hasła,
   kod dwuetapowy. Karta, pola i przyciski są w site.css (.auth, .auth-card,
   .form, .social-button); tu tylko odstępy między blokami, które w karcie
   leżą POZA formularzem (komunikat, logowanie społecznościowe, linki pod
   spodem), i kilka układów, których inne podstrony nie potrzebują.
   ========================================================================== */

/* Ikona nad tytułem kart „przypomnij/ustaw hasło" i 2FA — ta sama plakietka
   co w kartach funkcji, żeby nie wprowadzać nowego motywu. */
.auth-card .card-icon{margin-bottom:20px}

/* Błąd logowania stoi nad formularzem; lead ma własny dolny margines. */
.auth-card>.alert{margin-bottom:22px}

/* Gwiazdka pola wymaganego — sama informacja wizualna, `required` mówi to
   czytnikom ekranu. */
.req{color:#a47b0b;margin-left:2px}

/* Logowanie przez Google/Facebook pod formularzem. */
.auth-social{display:grid;gap:12px;margin-top:24px}
.auth-social .divider{margin:0 0 6px}

/* Linki pod kartą oddzielone cienką linią, jak w reszcie strony. */
.auth-foot{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.auth-back{justify-content:center;width:100%}
.auth-back .icon{transform:rotate(180deg)}

/* Porada („Sprawdź folder spam" itp.) na dole karty. */
.auth-tip{margin-top:22px}

/* Zgoda na regulamin pod przyciskiem rejestracji — drobniejsza niż linki. */
.auth-note{font-size:12px;line-height:1.7}

/* Rejestracja: dane firmy są opcjonalne, więc idą osobną grupą z podpisem. */
.auth-fieldset{border:0;border-top:1px solid var(--line);margin:6px 0 0;padding:24px 0 0;display:grid;gap:18px;min-width:0}
/* float wyjmuje legendę z ramki fieldsetu — staje się zwykłym wierszem siatki
   pod linią, zamiast przecinać ją jak w domyślnym stylu przeglądarki. */
.auth-fieldset legend{float:left;width:100%;padding:0;font-size:14px;font-weight:500;color:var(--ink)}
.form-row--postal{grid-template-columns:1fr 2fr}

/* Kod 2FA: sześć cyfr, czytelnych z daleka i wyrównanych. */
.input--code{text-align:center;font-size:24px;font-weight:600;letter-spacing:.35em;font-variant-numeric:tabular-nums;min-height:60px}
.input--code::placeholder{letter-spacing:.2em;font-weight:400}

@media(max-width:640px){
  .form-row--postal{grid-template-columns:1fr}
  .input--code{font-size:21px;letter-spacing:.25em}
}
/* Rejestracja: pole-pułapka na boty (niewidoczne dla ludzi i czytników ekranu) */
.auth-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.auth-errors{margin:0;padding-left:18px}
.auth-plan{margin:0 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:14px}
/* Wylogowanie z ekranu 2FA jako formularz POST (CSRF) — wygląd linku. */
.link-button{background:none;border:0;padding:0;font:inherit;color:var(--brand,inherit);text-decoration:underline;cursor:pointer}
.auth-backup{margin-top:14px;font-size:14px}.auth-backup summary{cursor:pointer;text-decoration:underline}
.auth-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45}.auth-check input{margin-top:3px;flex:none}