/* ──────────────────────────────────────────────────────────────────────────
   Estilo das telas de autenticação da área do cliente (login e recuperar senha).
   Espelha o visual do login do admin (tema Falcon + Open Sans/Poppins).
   Compartilhado por login-cliente.php e esqueceu_senha.php.
   ────────────────────────────────────────────────────────────────────────── */

/* Imagem da coluna lateral: preenche o espaço e corta o excesso mantendo proporção. */
.imagem-capa {
  object-fit: cover;
  display: block;
}

/* Inputs */
.auth-form .form-control {
  border-radius: 10px !important;
  padding: 0.7rem 1rem !important;
  border: 1.5px solid #dde2e8 !important;
  font-size: 0.9rem !important;
  background: #fafbfc !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}
.auth-form .form-control:focus {
  border-color: #2f7fdd !important;
  box-shadow: 0 0 0 3px rgba(47, 127, 221, 0.1) !important;
  background: #fff !important;
}

/* Botão primário (login) */
.auth-form .btn-primary {
  border-radius: 10px !important;
  padding: 0.75rem !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.2px !important;
  background: linear-gradient(135deg, #2f7fdd 0%, #1a5eb8 100%) !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(47, 127, 221, 0.32) !important;
  transition: all 0.2s !important;
}
.auth-form .btn-primary:hover:not(:disabled) {
  background: linear-gradient(135deg, #2470c8 0%, #1249a0 100%) !important;
  box-shadow: 0 6px 22px rgba(47, 127, 221, 0.42) !important;
  transform: translateY(-1px) !important;
}
.auth-form .btn-primary:active {
  transform: translateY(0) !important;
}

/* Labels */
.auth-form .form-label:not(.form-check-label) {
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.55px !important;
  color: #6b7280 !important;
  margin-bottom: 6px !important;
}

/* Heading */
.auth-title {
  font-family: 'Poppins', 'Roboto', sans-serif !important;
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  line-height: 1.3 !important;
}

/* Links de apoio */
.auth-form a.link-recuperar,
.auth-form a.fs--1 { color: #2f7fdd !important; }

/* Checkbox arredondado, como no admin */
.form-check-input { border-radius: 4px !important; }

/* Divisória sutil entre a coluna do formulário e a da imagem, como no admin */
.login-left { border-right: 1px solid #f0f2f5; }
html.dark .login-left { border-right-color: #232e3c !important; }

/* Dark mode: alinhado ao fundo da plataforma */
html.dark .auth-form .form-control {
  background: #1e2a3a !important;
  border-color: #2d3f55 !important;
  color: #d8e2ef !important;
}
html.dark .auth-form .form-control:focus {
  background: #243249 !important;
  border-color: #2f7fdd !important;
  color: #d8e2ef !important;
}
html.dark .auth-form .form-control::placeholder {
  color: rgba(216, 226, 239, 0.35) !important;
}
html.dark .auth-title { color: #d8e2ef !important; }
html.dark .login-left,
html.dark body.bg-white,
html.dark #AppVue.bg-white { background-color: #0b1727 !important; }