/* Estilos compartidos para campos de formulario */

.password-wrapper {
  position: relative;
}

.password-wrapper .form-control {
  padding-right: 48px;
}

.password-toggle-btn {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  color: #6c757d;
  z-index: 11;
  cursor: pointer;
  padding: 4px 6px;
  line-height: 1;
  border-radius: 6px;
  transition: color 0.2s ease;
}

.password-toggle-btn:hover {
  color: var(--primary-color, #4472c4);
}

.password-toggle-btn:focus {
  outline: 2px solid var(--focus-ring, rgba(68, 114, 196, 0.35));
  outline-offset: 2px;
}