/* Authentication field geometry: preserve a dedicated icon gutter at every scale. */
.auth-card .field-control{position:relative;display:block}
.auth-card .field-control>svg{position:absolute;z-index:2;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);pointer-events:none}
.auth-card .field-control>input{padding-left:50px!important;padding-right:16px!important}
.auth-card .field-control>button{position:absolute;z-index:3;right:11px;top:50%;width:34px;height:34px;transform:translateY(-50%)}
.auth-card .field-control:has(>button)>input{padding-right:54px!important}
.auth-card .code-control>input{padding-left:50px!important;padding-right:16px!important}
.access-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:0!important;padding-top:16px;border-top:1px solid #edf1f4;color:#75869a!important;font-size:9px!important}
.access-note svg{width:14px;height:14px;flex:0 0 auto}

@media(max-width:560px){
  .auth-card .field-control>svg{left:15px}
  .auth-card .field-control>input{padding-left:47px!important}
}