/* Access controls share the active Liquid Glass palette. Authentication logic is unchanged. */
#toggle-password.sf-password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px!important;border:0;border-radius:10px;background:transparent;color:var(--text-muted);cursor:pointer;touch-action:manipulation}
.sf-password-toggle svg{width:20px;height:20px;pointer-events:none}
.sf-password-toggle [data-eye-slash]{display:none}
.sf-password-toggle.is-visible [data-eye-slash]{display:block}
#toggle-password.sf-password-toggle:hover{background:var(--sf-selected,var(--surface2));color:var(--accent)}
.sf-login #password,.inv-input#f-password{padding-right:56px!important}
.sf-login :is(.form-input,.btn-login),:is(.inv-input,.inv-btn){min-height:44px;border-radius:10px;font:inherit;letter-spacing:normal;text-transform:none}
.sf-login :is(button,input,a):focus-visible,:is(.inv-form,.invite-card,.inv-card) :is(button,input,a):focus-visible,#toggle-password:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sf-login .btn-login{background:var(--sf-button,var(--accent));color:var(--sf-button-text,#fff);border-color:var(--sf-selection-border,var(--border))}
.sf-login #remember-me{width:20px!important;height:20px!important;accent-color:var(--accent)}
@media(max-width:520px){.sf-login .login-container{width:calc(100% - 32px);max-width:420px}.sf-login .login-card{padding:24px}.sf-login .form-input,.inv-input{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.sf-login :is(.login-card,.error-container,.shape),.sf-password-toggle{animation:none!important;transition:none!important}}