/* Self-contained password controls; no icon font dependency. */
.sp-password-field { position: relative; }
.sp-password-field input { padding-right: 3.25rem; min-height: 44px; }
.sp-password-toggle { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 44px; height: 40px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #475569; cursor: pointer; }
.sp-password-toggle:hover { color: #0f172a; background: #e2e8f0; }
.sp-password-toggle:focus-visible { outline: 2px solid #334155; outline-offset: -2px; }
.sp-password-toggle svg { display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.sp-password-toggle[hidden], .sp-password-toggle svg[hidden] { display: none; }
.sp-password-field input::-ms-reveal { display: none; }