/* ═══════════════════════════════════════════════════════════════
   SIGMA-PLI — M01 Auth — Recuperação Senha: Acesso Geral
   Complemento: ajustes específicos para a página standalone
   de recuperação de senha acessada via landing page.
   Depende de: style_global_reset_base.css, style_auth_landing.css,
               style_auth_login_user.css, style_auth_recuperar_senha.css
   ═══════════════════════════════════════════════════════════════ */

/* ── 0. VARIÁVEIS pg-* (tokens de formulário) ────────────────── */
/* style_auth_login_user.css define --pg-* apenas para body.login-user-page.
   Como esta página usa body.landing-page, precisamos defini-las aqui. */
body.recuperacao-acesso-geral-page {
  --pg-blue: var(--pli-blue, #116593);
  --pg-navy: var(--pli-navy, #1c3d59);
  --pg-deep: var(--pli-deep, #003b5a);
  --pg-green: var(--pli-green, #3ec26e);
  --pg-green-dark: var(--pli-green-dark, #2ea55a);
  --pg-border: #e2e8f0;
  --pg-text: var(--pli-navy, #1c3d59);
  --pg-text-muted: #64748b;
  --pg-radius: var(--pli-radius-md, 8px);
  --pg-radius-sm: var(--pli-radius-sm, 4px);
  --pg-transition: 180ms ease;
}

/* ── 1. PRETITLE (subtítulo acima do título) ─────────────────── */
.login-pretitle {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--pli-green, #3ec26e);
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 2px;
  opacity: 0.85;
}

/* ── 2. WRAPPER — ajustes para standalone (sem base.html) ──── */
.recuperacao-wrapper {
  padding-bottom: 40px;
}

.recuperacao-wrapper .login-card {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}

/* ── 3. PROGRESS CONTAINER — visível nesta página ──────────── */
.recuperacao-acesso-geral-page .recuperar-progress-container {
  display: block;
  width: 100%;
  max-width: 440px;
  margin: 0 auto 16px;
}

/* ── 4. SUCCESS ICON ─────────────────────────────────────────── */
.recuperacao-acesso-geral-page .success-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--pli-green, #3ec26e);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  margin: 0 auto 16px;
}

/* ── 5. LOGIN-LINKS — layout adaptado para nº variável de itens ── */
.recuperacao-acesso-geral-page .login-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}