/* API-backed data uses the original account, auth, and affiliate compositions. */
.api-auth-page .auth-request-error { margin: 0; padding: 11px 13px; border: 1px solid #eac7bd; border-radius: 10px; background: #fff2ed; }
.api-auth-page .auth-request-error:focus { outline: 2px solid var(--orange); outline-offset: 3px; }
.api-auth-page .auth-input-wrap:has(input:disabled) { background: #f3f3ed; }
.api-auth-page input:disabled { color: var(--muted); opacity: 1; cursor: not-allowed; }
.api-auth-page .auth-submit:disabled, .api-referral-page button:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.api-profile-page .account-menu button > span { min-width: 0; }
.api-profile-page .profile-card > div:not(.avatar) { flex: 1; }
.api-referral-page .referral-code-field input:disabled { font-family: var(--font); font-size: 16px; font-weight: 400; letter-spacing: normal; }
.api-referral-page input:disabled { color: var(--muted); opacity: 1; cursor: not-allowed; }
.api-referral-page input:disabled::placeholder { opacity: 1; color: #7d8478; }
.api-referral-page .referral-demo > span { max-width: 115px; }
@media (max-width: 600px) {
  .api-profile-page .profile-card > .demo-label { margin: 0 0 0 58px; }
  .api-referral-page .referral-code-field input:disabled { font-size: 14px; }
}

@media (max-width:760px) { .api-referral-page .referral-code-field input { font-size:16px; letter-spacing:.4px; } }
@media (max-width:359px) { .api-referral-page .referral-code-field button span { display:none; } .api-referral-page .referral-code-field button { min-width:44px; } }