/* Input values, names, autocomplete and existing form/POST contracts are unchanged. */
.erp-password-field { position:relative!important; display:block; min-width:0; width:100%; }
.erp-password-field > input { width:100%!important; box-sizing:border-box!important; padding-right:2.8rem!important; }
.login-control > .erp-password-field > input { padding-left:2rem!important; }
.input-group > .erp-password-field { flex:1 1 auto; width:1%; }
body .erp-password-field > .erp-password-toggle { position:absolute!important; inset:auto 4px auto auto!important; top:50%!important; transform:translateY(-50%)!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:32px!important; min-width:32px!important; max-width:32px!important; height:32px!important; min-height:32px!important; padding:5px!important; margin:0!important; border:0!important; border-radius:6px!important; background:transparent!important; color:var(--sanni-theme-text,var(--login-text,#334155))!important; box-shadow:none!important; cursor:pointer; line-height:1!important; opacity:.8; z-index:3; }
html[data-theme="dark"] body .erp-password-field > .erp-password-toggle { color:var(--text,#e6edf8)!important; }
body .erp-password-field > .erp-password-toggle:hover { opacity:1; }
body .erp-password-field > .erp-password-toggle:focus-visible { outline:2px solid var(--sanni-theme-primary,var(--login-green,#0f7c59))!important; outline-offset:1px; opacity:1; }
body .erp-password-field > .erp-password-toggle:disabled { opacity:.35; cursor:not-allowed; }
.erp-password-toggle svg { display:block!important; width:20px!important; height:20px!important; flex:0 0 20px; }
@media print { .erp-password-toggle { display:none!important; } }