/**
 * Auth screens — Figma teal (sign-in / register / SMS / forgot-mobile).
 */

@media (max-width: 768px) {
  body.page-sign-in,
  body.page-registration,
  body.page-forgot-mobile,
  body.page-verify-account,
  body.page-check-email,
  body.page-login,
  body.page-email-verificaition {
    background: var(--lc-bg, #F3F8F8) !important;
  }

  body.page-sign-in .site-content,
  body.page-registration .site-content,
  body.page-forgot-mobile .site-content,
  body.page-login .site-content {
    background: var(--lc-bg, #F3F8F8);
  }

  body.page-sign-in .entry-content,
  body.page-registration .entry-content,
  body.page-forgot-mobile .entry-content,
  body.page-sign-in .um,
  body.page-registration .um,
  body.page-login .um {
    background: #fff !important;
    border: 1px solid var(--lc-border, #A8C8CA) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(10, 70, 80, 0.08) !important;
  }

  body.page-sign-in .um .um-button,
  body.page-registration .um .um-button,
  body.page-forgot-mobile .um .um-button,
  body.page-login .um .um-button,
  body.page-sign-in button[type="submit"],
  body.page-registration button[type="submit"] {
    background: linear-gradient(180deg, #137578 0%, #0A4650 100%) !important;
    border-color: #0A4650 !important;
    color: #fff !important;
    border-radius: 12px !important;
  }

  body.page-sign-in a,
  body.page-registration a,
  body.page-forgot-mobile a {
    color: #137578 !important;
  }
}