.password-field { position: relative; display: block; width: 100%; }
.password-field input { width: 100%; padding-right: 3rem; }
.password-visibility {
    position: absolute; right: .25rem; top: 50%; transform: translateY(-50%);
    display: inline-flex; align-items: center; justify-content: center;
    width: 2rem; height: 2rem; padding: 0; border: 0; border-radius: .375rem;
    background: transparent; color: var(--color-muted, #475569); cursor: pointer;
}
.password-visibility:hover { background: #f1f5f9; }
.password-visibility:focus-visible { outline: 2px solid #2563eb; outline-offset: 1px; }
.password-visibility:disabled { opacity: .45; cursor: not-allowed; }
.login-card.access .password-field input { height: 2.75rem; font-size: .9375rem; }