/* CallFocus V11.18 — account UX */
.password-input-shell{position:relative;display:block;width:100%}
.password-input-shell input{width:100%;padding-right:64px!important}
.password-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;background:transparent;color:var(--text,#183c36);display:grid;place-items:center;border-radius:999px;cursor:pointer;opacity:.72}
.password-eye:hover,.password-eye:focus-visible,.password-eye.active{opacity:1;background:rgba(37,126,112,.08);outline:none}
.password-eye svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.auth-inline-link{appearance:none;border:0;background:transparent;color:#257e70;font:700 15px/1.3 'DM Sans',sans-serif;padding:3px 0 10px;cursor:pointer;text-align:right;width:max-content;align-self:flex-end}
.auth-inline-link:hover{text-decoration:underline}
.auth-inline-link.centered{display:block;margin:12px auto 0;text-align:center;padding:8px 12px}
.verification-modal,.password-reset-modal{max-width:560px}
.verification-code-input{font-size:28px!important;font-weight:800!important;letter-spacing:.22em!important;text-align:center!important;font-variant-numeric:tabular-nums}
.auth-status-line{margin:16px 28px 24px;padding:14px 16px;border-radius:16px;font:600 14px/1.5 'DM Sans',sans-serif;border:1px solid rgba(37,126,112,.18);background:rgba(37,126,112,.07);color:#285e55}
.auth-status-line[data-type="error"]{background:rgba(176,48,48,.08);border-color:rgba(176,48,48,.22);color:#9d3434}
.auth-status-line.hidden{display:none}
.auth-form button.is-busy,.verification-modal button.is-busy,.password-reset-modal button.is-busy{opacity:.72;cursor:wait}
@media(max-width:640px){
  .password-eye{right:10px;width:40px;height:40px}
  .verification-code-input{font-size:24px!important}
  .auth-status-line{margin:14px 18px 20px}
}
html[data-theme="black"] .password-eye{color:#f4f7f6}
html[data-theme="black"] .password-eye:hover,html[data-theme="black"] .password-eye.active{background:rgba(255,255,255,.08)}
html[data-theme="black"] .auth-inline-link{color:#7ed2c2}
html[data-theme="black"] .auth-status-line{color:#b8e4dc;background:rgba(93,191,169,.08);border-color:rgba(93,191,169,.2)}
html[data-theme="black"] .auth-status-line[data-type="error"]{color:#ffb4b4;background:rgba(214,76,76,.09);border-color:rgba(214,76,76,.22)}
