/**
 * password-validation.css
 * Estilos para validação de força de senha
 */

/* Remove backdrop presos */
.modal-backdrop {
  display: none !important;
}

.modal.show ~ .modal-backdrop,
.modal-backdrop.show {
  display: block !important;
}

.password-strength-feedback {
  margin-top: 4px;
  font-size: 0.875rem;
  line-height: 1.5;
}

.password-strength-feedback div {
  display: flex;
  align-items: center;
  gap: 6px;
}

.password-strength-feedback i {
  font-size: 1rem;
}

.password-strength-feedback small {
  display: block;
  margin-top: 2px;
  font-size: 0.75rem;
  opacity: 0.8;
}

.password-match-feedback {
  margin-top: 4px;
  font-size: 0.875rem;
  line-height: 1.5;
}

.password-match-feedback div {
  display: flex;
  align-items: center;
  gap: 6px;
}

.password-match-feedback i {
  font-size: 1rem;
}

/* Melhorar visibilidade do toggle */
.password-toggle,
.password-toggle-user {
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
}

.password-toggle:hover,
.password-toggle-user:hover {
  opacity: 0.7;
}

.password-toggle i,
.password-toggle-user i {
  pointer-events: none;
}