/* One password visibility control for light auth forms and dark recovery cards. */
.password-visibility { display:flex; align-items:center; gap:8px; min-width:0; }
.password-visibility > input { flex:1 1 0; min-width:0; }
button.password-toggle { display:inline-flex; flex:0 0 44px; align-items:center; justify-content:center; width:44px; height:44px; min-height:44px; padding:10px; border:1px solid var(--password-toggle-border,#cadce7); border-radius:9px; background:var(--password-toggle-background,#eef5fa); color:var(--password-toggle-color,#31566b); box-shadow:none; text-shadow:none; cursor:pointer; }
button.password-toggle:hover { color:var(--password-toggle-hover,#087bb5); box-shadow:none; transform:none; }
button.password-toggle:focus-visible { outline:3px solid var(--password-toggle-focus,#087bb5); outline-offset:3px; }
button.password-toggle[hidden] { display:none!important; }
.password-toggle svg { display:block; width:22px; height:22px; flex-shrink:0; pointer-events:none; }
.password-toggle .password-eye-off, .password-toggle[aria-pressed=true] .password-eye { display:none; }
.password-toggle[aria-pressed=true] .password-eye-off { display:block; }