/* ===== Password Eye Controls v43 Start ===== */
/*
  Global visual rule for password visibility toggles:
  keep the eye clickable while removing every visible button box.
*/

button.auth-password-toggle,
button.password-eye-toggle,
button.password-toggle,
button[data-password-toggle],
.password-input-shell > button[data-password-toggle],
.gate-icon-button[data-password-toggle] {
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--auth-muted, var(--gate-muted, var(--muted, #9b958c))) !important;
  cursor: pointer;
  transition: color 160ms ease, opacity 160ms ease !important;
}

button.auth-password-toggle:hover,
button.auth-password-toggle:focus-visible,
button.auth-password-toggle[aria-pressed="true"],
button.password-eye-toggle:hover,
button.password-eye-toggle:focus-visible,
button.password-eye-toggle[aria-pressed="true"],
button.password-toggle:hover,
button.password-toggle:focus-visible,
button.password-toggle[aria-pressed="true"],
button[data-password-toggle]:hover,
button[data-password-toggle]:focus-visible,
button[data-password-toggle][aria-pressed="true"],
.password-input-shell > button[data-password-toggle]:hover,
.password-input-shell > button[data-password-toggle]:focus-visible,
.password-input-shell > button[data-password-toggle][aria-pressed="true"],
.gate-icon-button[data-password-toggle]:hover,
.gate-icon-button[data-password-toggle]:focus-visible,
.gate-icon-button[data-password-toggle][aria-pressed="true"] {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--auth-gold-strong, var(--gate-gold-bright, var(--gold-2, #efcc78))) !important;
  opacity: 1;
}

button.auth-password-toggle svg,
button.password-eye-toggle svg,
button[data-password-toggle] svg,
.password-input-shell > button[data-password-toggle] svg,
.gate-icon-button[data-password-toggle] svg {
  width: 18px !important;
  height: 18px !important;
}

button.password-toggle i {
  font-size: 16px;
  line-height: 1;
}

button.auth-password-toggle:active,
button.password-eye-toggle:active,
button.password-toggle:active,
button[data-password-toggle]:active,
.password-input-shell > button[data-password-toggle]:active,
.gate-icon-button[data-password-toggle]:active {
  background: transparent !important;
  box-shadow: none !important;
  opacity: .78;
}

@media (prefers-reduced-motion: reduce) {
  button.auth-password-toggle,
  button.password-eye-toggle,
  button.password-toggle,
  button[data-password-toggle],
  .password-input-shell > button[data-password-toggle],
  .gate-icon-button[data-password-toggle] {
    transition: none !important;
  }
}
/* ===== Password Eye Controls v43 End ===== */