/* ==========================================================================
   BeeShooter — Telas de autenticacao (login, cadastro, recuperacao)
   ========================================================================== */

.auth-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  background:
    radial-gradient(900px 380px at 50% -10%, rgba(253, 192, 6, .28), transparent 60%),
    linear-gradient(180deg, #fffdf5 0%, var(--fundo) 100%);
}

.auth-card {
  width: 100%;
  max-width: 420px;
}

.auth-marca {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 26px;
}
.auth-marca img { height: 84px; width: auto; }
.auth-marca .sub { color: var(--tinta-suave); font-size: 14px; }

.auth-box {
  background: var(--superficie);
  border-radius: 20px;
  box-shadow: var(--sombra-md);
  padding: 30px 28px;
}
.auth-box h1 { font-size: 22px; margin: 0 0 4px; }
.auth-box .intro { color: var(--cinza); font-size: 14px; margin: 0 0 24px; }

.auth-linha-senha { position: relative; }
.auth-ver-senha {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: var(--cinza-claro);
  padding: 6px;
  display: flex;
}
.auth-ver-senha svg { width: 20px; height: 20px; }

.auth-esqueci { text-align: right; margin: -6px 0 18px; }
.auth-esqueci a { color: var(--amarelo-escuro); font-size: 13px; font-weight: 600; }

.auth-rodape { text-align: center; margin-top: 22px; font-size: 14px; color: var(--tinta-suave); }
.auth-rodape a { color: var(--amarelo-escuro); font-weight: 700; }

.auth-voltar { text-align: center; margin-top: 18px; }
.auth-voltar a { color: var(--cinza); font-size: 13px; }

.auth-ok {
  text-align: center;
  padding: 8px 0;
}
.auth-ok .circulo {
  width: 72px; height: 72px; margin: 0 auto 16px;
  border-radius: 50%;
  background: #ecfdf5;
  display: flex; align-items: center; justify-content: center;
}
.auth-ok .circulo svg { width: 34px; height: 34px; stroke: var(--verde); }
.auth-ok h2 { font-size: 20px; margin: 0 0 8px; }
.auth-ok p { color: var(--tinta-suave); font-size: 14px; margin: 0 0 22px; }