/* =========================================================================
   FORGOT / RESET / VERIFY — override sobre login-patient.css
   Tokens e reset vêm de /src/shared/styles/base.css
   ========================================================================= */

/* ─── Confirmação de envio ─────────────────────────────── */

.fp-confirm {
  text-align: center;
}

.fp-confirm-icon {
  position: relative;
  width: 4rem;
  height: 4rem;
  border-radius: var(--r-pill);
  background: var(--brand-light);
  box-shadow: var(--tile-shadow);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.6rem;
}

.fp-confirm-icon::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.28);
  pointer-events: none;
}

.fp-confirm-icon svg {
  width: 1.75rem;
  height: 1.75rem;
  color: var(--brand-teal);
  stroke-width: 1.8;
}

.fp-confirm h2 {
  margin-bottom: 0.8rem;
}

.fp-confirm .login-description {
  text-align: center;
}

.fp-confirm-note {
  font-size: 0.84rem;
  color: var(--text-secondary);
  margin-bottom: 1.8rem;
  line-height: 1.55;
}

.fp-link-button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--brand-teal);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity var(--ease-premium);
}

.fp-link-button:hover {
  opacity: 0.72;
}

.fp-link-button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* ─── Botão "Voltar para o login" ─────────────────────────
   Carrega .login-submit-button no HTML → herda o gradiente navy.
   Aqui só ajustamos layout (link em bloco full-width + gap do ícone). */

.fp-back-login {
  display: inline-flex;
  width: 100%;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.fp-back-login svg {
  width: 1.125rem;
  height: 1.125rem;
  stroke-width: 2.2;
}