.password-field { position: relative; display: block; width: 100%; }
.password-field > input[data-password-input] { padding-right: 48px !important; }
.password-toggle {
    position: absolute;
    top: 50%;
    right: 8px;
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    border-radius: 5px;
    color: #56647a;
    background: transparent;
    cursor: pointer;
}
.password-toggle:hover { color: #173f7a; background: #f1f5f9; }
.password-toggle:focus-visible { outline: 2px solid #2563eb; outline-offset: 1px; }
.password-toggle svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
