/* Show/hide eye button for password inputs. Theme-neutral so it drops into
   any page regardless of which input styling (acct-input vs. Tailwind
   utility classes) the field already uses. */
.pw-toggle-wrap {
  position: relative;
}
/* Hide the native Edge/IE reveal icon so it doesn't double up with ours. */
.pw-toggle-wrap input::-ms-reveal,
.pw-toggle-wrap input::-ms-clear {
  display: none;
}
.pw-toggle-wrap .pw-toggle-input {
  padding-right: 2.6rem !important;
}
.pw-toggle-btn {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: none;
  background: transparent;
  color: #8393a8;
  cursor: pointer;
  border-radius: 6px;
  transition:
    color 0.15s ease,
    background 0.15s ease;
}
.pw-toggle-btn:hover {
  color: #4a5b72;
  background: rgba(27, 111, 216, 0.08);
}
.pw-toggle-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(27, 111, 216, 0.28);
}
.pw-toggle-btn i {
  font-size: 0.95rem;
  pointer-events: none;
}