/* Account entry additions; keep the existing character-led manga cover. */
.character-login .auth-info { padding: 11px 12px; margin: 0 0 15px; border: 1px solid #bac8e8; background: #eff4ff; color: #385786; font-size: 11px; line-height: 1.8; }
.character-login .auth-form-error { border: 2px solid #ad4c45; border-radius: 4px; padding: 11px 12px; margin: 0 0 17px; background: #fff0ed; color: #8d332c; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.character-login .auth-password-field { position: relative; }
.character-login .auth-password-field .input { padding-right: 58px; }
.character-login .auth-password-toggle { position: absolute; top: 7px; bottom: 7px; right: 7px; width: 43px; border: 1px solid #c6cede; border-radius: 3px; background: #f0f4ff; color: #31509a; font-size: 11px; cursor: pointer; }
.character-login .auth-password-toggle:hover { background: #e3ebff; }
.character-login .auth-password-toggle:focus-visible { outline: 2px solid var(--comic-blue); outline-offset: 2px; }
.character-login .auth-forgot-button { display: block; padding: 0; margin: 14px 0 0 auto; border: 0; background: transparent; color: var(--comic-blue); font-size: 11px; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.character-login .auth-recovery-note { padding: 13px 14px; margin-top: 13px; background: #fff6d9; border: 1px solid #d9be78; font-size: 11px; line-height: 1.8; color: #725920; }
.character-login .auth-recovery-note p { margin: 5px 0 0; }
.character-login .character-auth-tabs .tab:disabled { cursor: not-allowed; opacity: .5; }
@media (max-width: 359px) {
  .character-login .auth-info, .character-login .auth-form-error { padding: 9px 10px; font-size: 11px; }
}