/* Show/Hide password toggle — additive, mobile-first.
   The eye button sits inside the field's right edge with a >=44px tap target.
   padding-right on the input reserves space so text never runs under the button.
   iOS AutoFill (strong-password / iCloud Keychain) surfaces in the keyboard
   QuickType bar, not inside the field, so it does not collide with this button. */
.pw-field { position: relative; }
.pw-field > input { padding-right: 54px !important; }

.pw-toggle {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    min-height: 44px;
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: #64748b;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}
.pw-toggle:hover,
.pw-toggle:focus-visible { color: #1e293b; }
.pw-toggle svg { display: block; width: 22px; height: 22px; }
/* [hidden] must beat the display:block above, or both eye states render at once. */
.pw-toggle svg[hidden] { display: none; }