/* Estilos específicos da página de login */

/* Remover overlay/máscara do painel lateral */
.auth-fluid .auth-fluid-right,
.auth-fluid .auth-fluid-left {
  background-color: transparent !important;
}

/* Logo responsiva e centralizada no bloco de autenticação */
.auth-brand .login-logo {
  display: block;
  margin-inline: auto;
  width: min(70%, 300px);
  max-width: 300px;
  height: auto;
}

/* Ajustar a antiga classe logo-mob para não usar margens negativas */
.logo-mob {
  margin-top: 0 !important;
  height: auto !important;
}

/* Remover linha azul no topo do card do formulário */
.auth-fluid .auth-fluid-form-box {
  border-top: 0 !important;
}

/* Ajustes do input-group do campo senha para integração visual */
/* Espaço entre o input de senha e o botão "Mostrar" */
.input-group { gap: .5rem; }
/* Restaurar bordas para manter visual independente com o gap */
.input-group .form-control { border-right: 1px solid var(--ct-border-color) !important; }
.input-group .btn { border-left: 1px solid var(--ct-border-color) !important; }

/* Remover borda do botão "Mostrar" */
#toggle-password.btn {
  border: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  background-color: var(--ct-primary) !important;
  color: #fff !important;
}
#toggle-password.btn:hover,
#toggle-password.btn:focus {
  box-shadow: none !important;
  background-color: var(--ct-primary) !important;
  color: #fff !important;
}

/* Foco acessível em inputs/links/botões */
.form-control:focus {
  box-shadow: 0 0 0 .2rem rgba(var(--ct-primary-rgb), .25);
}
button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--ct-primary);
  outline-offset: 2px;
}

/* Espaçamento do formulário e responsividade */
@media (max-width: 575.98px) {
  .auth-brand .login-logo {
    width: min(80%, 220px);
    max-width: 220px;
  }
  .auth-fluid .auth-fluid-form-box {
    padding: 2rem !important;
  }
}

/* Respeitar preferências do usuário para reduzir movimentos */
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none !important;
  }
}