/* Scoped wrappers keep icons clear of text in every authentication stage. */
.auth-input{position:relative;display:block;min-width:0;width:100%}
.auth-input>input,.auth-input>textarea{padding-left:44px!important;padding-right:14px!important}
.auth-input>.layui-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:20px;line-height:1;color:var(--muted,#728095);pointer-events:none}
.auth-textarea>.layui-icon{top:12px;transform:none}
.auth-password>input{padding-right:48px!important}
.auth-input>.auth-password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:36px;min-height:0;margin:0;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted,#728095);cursor:pointer}
.auth-password-toggle>.layui-icon{font-size:21px;line-height:1}
.auth-password-toggle:hover{color:var(--brand,var(--blue,#1687e8));background:rgba(22,135,232,.08)}
.auth-password-toggle:focus-visible{outline:2px solid var(--brand,var(--blue,#1687e8));outline-offset:-2px}
.auth-input>input:disabled~.auth-password-toggle{visibility:hidden}