.password-field { position: relative; display: block; width: 100%; }
.password-field input { box-sizing: border-box; padding-right: 52px; min-height: 44px; }
.password-field .password-toggle { position: absolute; right: 2px; bottom: 2px; width: 44px; min-height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 6px; background: transparent; color: #236957; font: 600 13px 'Segoe UI', sans-serif; cursor: pointer; }
.password-field .password-toggle:hover { background: #e7f5ef; }
.password-field .password-toggle:focus-visible { outline: 2px solid #236957; outline-offset: -3px; }
/* Avoid a second, browser-provided reveal control in Edge. */
.password-field input::-ms-reveal { display: none; }

.password-field .password-toggle svg { display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }