/* ============================================================================
   NERCA — estilos del toggle "ojito" para inputs type=password.
   Neutro (no depende de variables de saas.css). Funciona en /admin/, /saas-admin/
   y /admin/login/.
   ============================================================================ */
.nerca-pw-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* Si el input estaba dentro de un wrapper de Unfold/Django con width específico,
   evitamos que el wrap colapse. */
.nerca-pw-wrap > input[type="password"],
.nerca-pw-wrap > input[type="text"] {
  padding-right: 42px !important;
  width: 100%;
  box-sizing: border-box;
}

.nerca-pw-toggle {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  padding: 6px;
  cursor: pointer;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: color .15s ease, background .15s ease;
  line-height: 0;
}
.nerca-pw-toggle:hover {
  color: #bf4814;
  background: rgba(0, 0, 0, .04);
}
.nerca-pw-toggle:focus {
  outline: none;
}