/* EarnGo — compact visual refresh v2.0
 * PAINT ONLY. No widths, heights, font metrics, padding, margins, grids,
 * positions, transforms, visibility or navigation markup are changed here.
 * The existing user pages remain the sole owner of their layout.
 */
html.eg-user-skin {
  --es-ink:#271a3f;
  --es-muted:#80738f;
  --es-soft:#f7f3fd;
  --es-panel:#ffffff;
  --es-panel-tint:#fcfaff;
  --es-line:#e6ddf5;
  --es-accent:#7544ef;
  --es-accent-text:#6b38d6;
  --es-inset:#f4effe;
  --es-input:#fdfcff;
  --es-input-line:#dcd0ef;
  --es-good-bg:#eaf8f0;
  --es-good-line:#bde9ce;
  --es-good-text:#16834c;
  --es-bad-bg:#fff0f3;
  --es-bad-line:#efc7d0;
  --es-bad-text:#b83952;
  --es-warn-bg:#fff8e8;
  --es-warn-line:#eddaaa;
  --es-warn-text:#8c641c;
  --es-shadow:0 6px 22px rgba(49,21,97,.045);
  --es-hero:radial-gradient(ellipse at 95% 100%,rgba(182,140,255,.38),transparent 56%),linear-gradient(115deg,#2c165a 0%,#6938cf 56%,#8c58eb 100%);
}
html.eg-user-skin[data-earngo-theme="dark"] {
  --es-ink:#eee7fa;
  --es-muted:#aea1c2;
  --es-soft:#110c1d;
  --es-panel:#1b1429;
  --es-panel-tint:#1f1631;
  --es-line:#38264f;
  --es-accent:#b28aff;
  --es-accent-text:#c5a4ff;
  --es-inset:#2b1d40;
  --es-input:#161021;
  --es-input-line:#493261;
  --es-good-bg:#152b21;
  --es-good-line:#2a5941;
  --es-good-text:#70dba3;
  --es-bad-bg:#321c29;
  --es-bad-line:#61303f;
  --es-bad-text:#ffa0b1;
  --es-warn-bg:#312918;
  --es-warn-line:#5e4b28;
  --es-warn-text:#f2cd77;
  --es-shadow:0 7px 24px rgba(0,0,0,.17);
  --es-hero:radial-gradient(ellipse at 95% 100%,rgba(168,112,255,.23),transparent 56%),linear-gradient(115deg,#241243 0%,#4c2695 56%,#6637b7 100%);
}
html.eg-user-skin body {
  background:radial-gradient(ellipse at 0% 0%,rgba(164,123,237,.14),transparent 40%),radial-gradient(ellipse at 100% 100%,rgba(176,137,249,.11),transparent 45%),var(--es-soft)!important;
  color:var(--es-ink)!important;
}
html.eg-user-skin .brand { color:var(--es-ink)!important; }
html.eg-user-skin .brand span { color:var(--es-accent)!important; }

html.eg-user-skin .task,
html.eg-user-skin .eg-week-checkin,
html.eg-user-skin .eg-history-card,
html.eg-user-skin .eg-summary-card,
html.eg-user-skin .eg-bonus-section,
html.eg-user-skin .eg-bonus-card,
html.eg-user-skin .eg-settings-card,
html.eg-user-skin .eg-settings-form-wrap,
html.eg-user-skin .eg-withdraw-form-card,
html.eg-user-skin .eg-notifications-list,
html.eg-user-skin .eg-notification-row,
html.eg-user-skin .eg-notify-panel,
html.eg-user-skin .eg-section,
html.eg-user-skin .eg-step,
html.eg-user-skin .eg-small-card,
html.eg-user-skin .eg-task-guide-card,
html.eg-user-skin .eg-status-card,
html.eg-user-skin .modal-card {
  background:linear-gradient(145deg,var(--es-panel),var(--es-panel-tint))!important;
  border-color:var(--es-line)!important;
  box-shadow:var(--es-shadow)!important;
  color:var(--es-ink)!important;
}

html.eg-user-skin .eg-demo-activity,
html.eg-user-skin .eg-community-card,
html.eg-user-skin .eg-info-banner,
html.eg-user-skin .eg-payout-setup-alert,
html.eg-user-skin .eg-withdraw-setup-required,
html.eg-user-skin .eg-withdraw-note,
html.eg-user-skin .eg-register-payout-note {
  background:linear-gradient(120deg,var(--es-panel),var(--es-inset))!important;
  border-color:var(--es-line)!important;
  color:var(--es-muted)!important;
  box-shadow:var(--es-shadow)!important;
}

html.eg-user-skin .eg-settings-form,
html.eg-user-skin .eg-register-card,
html.eg-user-skin .eg-modern-auth-card {
  color:var(--es-ink)!important;
}

html.eg-user-skin .wallet,
html.eg-user-skin .eg-flow-demo,
html.eg-user-skin .eg-earn-hero,
html.eg-user-skin .eg-bonus-hero,
html.eg-user-skin .eg-settings-visual,
html.eg-user-skin .eg-withdraw-left,
html.eg-user-skin .eg-auth-visual,
html.eg-user-skin .eg-register-visual,
html.eg-user-skin .eg-guide-hero,
html.eg-user-skin .eg-notifications-hero {
  background:var(--es-hero)!important;
  border-color:#7145ca!important;
  color:#ffffff!important;
  box-shadow:0 10px 28px rgba(73,34,128,.14)!important;
}

html.eg-user-skin .wallet .amount,
html.eg-user-skin .wallet > div > div,
html.eg-user-skin .eg-flow-copy h2,
html.eg-user-skin .eg-earn-copy h1,
html.eg-user-skin .eg-bonus-copy h1,
html.eg-user-skin .eg-settings-copy h2,
html.eg-user-skin .eg-wallet-copy .big-balance,
html.eg-user-skin .eg-auth-copy h2,
html.eg-user-skin .eg-r-copy h2,
html.eg-user-skin .eg-guide-copy h1,
html.eg-user-skin .eg-notifications-hero h1,
html.eg-user-skin .eg-bonus-stat b {
  color:#ffffff!important;
}

html.eg-user-skin .wallet small,
html.eg-user-skin .eg-flow-copy p,
html.eg-user-skin .eg-earn-copy p,
html.eg-user-skin .eg-bonus-copy p,
html.eg-user-skin .eg-settings-copy p,
html.eg-user-skin .eg-wallet-copy .currency,
html.eg-user-skin .eg-auth-copy p,
html.eg-user-skin .eg-r-copy p,
html.eg-user-skin .eg-guide-copy p,
html.eg-user-skin .eg-notifications-hero p,
html.eg-user-skin .eg-bonus-stat small {
  color:#e1d3f8!important;
}

html.eg-user-skin .wallet .eg-wallet-rate,
html.eg-user-skin .eg-bonus-stat,
html.eg-user-skin .eg-bonus-kicker,
html.eg-user-skin .eg-flow-eyebrow,
html.eg-user-skin .eg-flow-caption,
html.eg-user-skin .eg-flow-pulse-label {
  background:rgba(242,230,255,.13)!important;
  border-color:rgba(240,224,255,.24)!important;
  color:#f5edff!important;
}

html.eg-user-skin .wallet .eg-wallet-rate span,
html.eg-user-skin .wallet .eg-earnings-link {
  color:#f5edff!important;
}

html.eg-user-skin .btn-primary,
html.eg-user-skin .eg-community-btn,
html.eg-user-skin .eg-bonus-claim,
html.eg-user-skin .lang-btn,
html.eg-user-skin .eg-flow-do-task,
html.eg-user-skin .eg-task-action.available {
  background:linear-gradient(110deg,#9164f8,#6734d5)!important;
  color:#ffffff!important;
  box-shadow:0 5px 14px rgba(104,55,211,.19)!important;
}

html.eg-user-skin .btn-light,
html.eg-user-skin .eg-theme-toggle,
html.eg-user-skin .eg-notify-bell,
html.eg-user-skin .user-chip,
html.eg-user-skin .eg-filter,
html.eg-user-skin .eg-max-btn {
  background:var(--es-panel)!important;
  border-color:var(--es-input-line)!important;
  color:var(--es-ink)!important;
  box-shadow:0 3px 12px rgba(54,25,93,.04)!important;
}

html.eg-user-skin .eg-filter.active {
  background:var(--es-inset)!important;
  border-color:var(--es-accent)!important;
  color:var(--es-accent-text)!important;
}

html.eg-user-skin .wallet .eg-withdraw-btn {
  background:#ffffff!important;
  border-color:#ebe1ff!important;
  color:#311c53!important;
  box-shadow:0 5px 18px rgba(27,9,63,.17)!important;
}

html.eg-user-skin .wallet .eg-learn-btn {
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.3)!important;
  color:#ffffff!important;
  box-shadow:none!important;
}

html.eg-user-skin .eg-task-action.locked {
  background:var(--es-inset)!important;
  color:var(--es-muted)!important;
  box-shadow:none!important;
}

html.eg-user-skin .eg-task-action.scheduled {
  background:var(--es-inset)!important;
  color:var(--es-accent-text)!important;
  border-color:var(--es-line)!important;
}

html.eg-user-skin .eg-scheduled-meta {
  color:var(--es-accent-text)!important;
}

html.eg-user-skin .eg-week-claim-btn {
  background:linear-gradient(110deg,#9164f8,#6734d5)!important;
  color:#ffffff!important;
}

html.eg-user-skin .section-title h2,
html.eg-user-skin .task-main h3,
html.eg-user-skin .eg-week-title strong,
html.eg-user-skin .eg-section-head h2,
html.eg-user-skin .eg-history-head h2,
html.eg-user-skin .eg-history-card h2,
html.eg-user-skin .eg-bonus-card b,
html.eg-user-skin .eg-claimed-row b,
html.eg-user-skin .eg-summary-card strong,
html.eg-user-skin .eg-settings-form h1,
html.eg-user-skin .eg-settings-form label,
html.eg-user-skin .eg-register-card h1,
html.eg-user-skin .eg-register-card label,
html.eg-user-skin .eg-modern-auth-card h1,
html.eg-user-skin .eg-modern-auth-card label,
html.eg-user-skin .eg-withdraw-form-card h1,
html.eg-user-skin .eg-withdraw-form-card label,
html.eg-user-skin .eg-history-copy b,
html.eg-user-skin .eg-notify-copy b,
html.eg-user-skin .eg-copy b,
html.eg-user-skin .eg-community-topline strong,
html.eg-user-skin .eg-step h3,
html.eg-user-skin .eg-small-card h3,
html.eg-user-skin .eg-task-guide-card h3,
html.eg-user-skin .modal-card h2 {
  color:var(--es-ink)!important;
}

html.eg-user-skin .task-main small,
html.eg-user-skin .section-title small,
html.eg-user-skin .eg-week-title small,
html.eg-user-skin .eg-week-summary small,
html.eg-user-skin .eg-week-legend span,
html.eg-user-skin .eg-summary-card small,
html.eg-user-skin .eg-summary-card span,
html.eg-user-skin .eg-history-copy p,
html.eg-user-skin .eg-history-copy time,
html.eg-user-skin .eg-claimed-row small,
html.eg-user-skin .eg-bonus-card p,
html.eg-user-skin .eg-bonus-card time,
html.eg-user-skin .eg-section-head > span,
html.eg-user-skin .eg-empty,
html.eg-user-skin .eg-settings-form .sub,
html.eg-user-skin .eg-settings-form small,
html.eg-user-skin .eg-register-card > p,
html.eg-user-skin .eg-modern-auth-card > p,
html.eg-user-skin .eg-notify-copy p,
html.eg-user-skin .eg-notify-copy time,
html.eg-user-skin .eg-copy p,
html.eg-user-skin .eg-notification-row time,
html.eg-user-skin .eg-community-copy p,
html.eg-user-skin .eg-dashboard-footer p,
html.eg-user-skin .eg-dashboard-footer-copy,
html.eg-user-skin .eg-dashboard-footer-brand small,
html.eg-user-skin .eg-step p,
html.eg-user-skin .eg-small-card p,
html.eg-user-skin .eg-task-guide-card p,
html.eg-user-skin .eg-note,
html.eg-user-skin .eg-max-help,
html.eg-user-skin .eg-withdraw-setup-required span,
html.eg-user-skin .eg-payout-setup-alert span {
  color:var(--es-muted)!important;
}

html.eg-user-skin .task-main .reward,
html.eg-user-skin .eg-week-kicker,
html.eg-user-skin .eg-week-summary b,
html.eg-user-skin .eg-task-range,
html.eg-user-skin .eg-community-badge,
html.eg-user-skin .eg-dashboard-footer-links a,
html.eg-user-skin .eg-form-kicker,
html.eg-user-skin .eg-settings-form .eyebrow,
html.eg-user-skin .eg-withdraw-form-card .kicker {
  color:var(--es-accent-text)!important;
}

html.eg-user-skin .eg-week-summary,
html.eg-user-skin .eg-community-badge,
html.eg-user-skin .eg-bonus-icon,
html.eg-user-skin .eg-guide-mini,
html.eg-user-skin .eg-settings-item,
html.eg-user-skin .eg-auth-task,
html.eg-user-skin .eg-flow-check-row,
html.eg-user-skin .eg-flow-task-card,
html.eg-user-skin .eg-history-row {
  background:var(--es-panel-tint)!important;
  border-color:var(--es-line)!important;
}

html.eg-user-skin .eg-empty,
html.eg-user-skin .eg-claimed-row,
html.eg-user-skin .eg-withdraw-settings-title,
html.eg-user-skin .eg-notify-head,
html.eg-user-skin .eg-notify-footer,
html.eg-user-skin .eg-notification {
  border-color:var(--es-line)!important;
}

html.eg-user-skin .eg-notify-head,
html.eg-user-skin .eg-notify-footer,
html.eg-user-skin .eg-notification.unread {
  background:var(--es-inset)!important;
  color:var(--es-ink)!important;
}

html.eg-user-skin .eg-notify-footer a {
  color:var(--es-accent-text)!important;
}

html.eg-user-skin input.input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
html.eg-user-skin select,
html.eg-user-skin textarea {
  background-color:var(--es-input)!important;
  border-color:var(--es-input-line)!important;
  color:var(--es-ink)!important;
  caret-color:var(--es-accent)!important;
}

html.eg-user-skin input.input[readonly] {
  background-color:var(--es-inset)!important;
  color:var(--es-muted)!important;
}

html.eg-user-skin input::placeholder,
html.eg-user-skin textarea::placeholder {
  color:var(--es-muted)!important;
}

html.eg-user-skin input:focus,
html.eg-user-skin select:focus,
html.eg-user-skin textarea:focus {
  border-color:var(--es-accent)!important;
  box-shadow:0 0 0 3px rgba(137,89,237,.12)!important;
}

html.eg-user-skin input[type="checkbox"],
html.eg-user-skin input[type="radio"] {
  accent-color:var(--es-accent)!important;
}

html.eg-user-skin .eg-week-day.claimed,
html.eg-user-skin .eg-week-claimed-today,
html.eg-user-skin .eg-task-action.approved,
html.eg-user-skin .success,
html.eg-user-skin .eg-status-card.approved {
  background:var(--es-good-bg)!important;
  border-color:var(--es-good-line)!important;
  color:var(--es-good-text)!important;
}

html.eg-user-skin .eg-week-day.claimed b,
html.eg-user-skin .eg-week-day.claimed small,
html.eg-user-skin .eg-week-day.claimed i,
html.eg-user-skin .eg-history-amount:not(.negative),
html.eg-user-skin .eg-claimed-row strong,
html.eg-user-skin .eg-progress-step.approved {
  color:var(--es-good-text)!important;
}

html.eg-user-skin .eg-week-day.missed,
html.eg-user-skin .eg-task-action.failed,
html.eg-user-skin .error,
html.eg-user-skin .eg-status-card.failed {
  background:var(--es-bad-bg)!important;
  border-color:var(--es-bad-line)!important;
  color:var(--es-bad-text)!important;
}

html.eg-user-skin .eg-week-day.missed small,
html.eg-user-skin .eg-week-day.missed i,
html.eg-user-skin .eg-history-amount.negative,
html.eg-user-skin .eg-progress-step.rejected {
  color:var(--es-bad-text)!important;
}

html.eg-user-skin .eg-week-day.today,
html.eg-user-skin .eg-week-day.future {
  background:var(--es-panel-tint)!important;
  border-color:var(--es-line)!important;
  color:var(--es-ink)!important;
}

html.eg-user-skin .eg-week-day.today b,
html.eg-user-skin .eg-week-day.future b,
html.eg-user-skin .eg-week-day.missed b {
  color:var(--es-ink)!important;
}

html.eg-user-skin .eg-week-day.current {
  border-color:var(--es-accent)!important;
}

html.eg-user-skin .eg-progress-step.current,
html.eg-user-skin .eg-status-card.waiting {
  color:var(--es-warn-text)!important;
}

html.eg-user-skin .eg-announcement {
  background:var(--es-panel)!important;
  border-color:var(--es-line)!important;
  color:var(--es-ink)!important;
}

html.eg-user-skin .eg-announcement.success {
  background:var(--es-good-bg)!important;
  border-color:var(--es-good-line)!important;
  color:var(--es-good-text)!important;
}

html.eg-user-skin .eg-announcement.danger {
  background:var(--es-bad-bg)!important;
  border-color:var(--es-bad-line)!important;
  color:var(--es-bad-text)!important;
}

html.eg-user-skin .eg-announcement.warning {
  background:var(--es-warn-bg)!important;
  border-color:var(--es-warn-line)!important;
  color:var(--es-warn-text)!important;
}

html.eg-user-skin .eg-announcement-copy b {
  color:var(--es-ink)!important;
}

html.eg-user-skin .eg-announcement-copy p {
  color:var(--es-muted)!important;
}

html.eg-user-skin .eg-history-card th {
  background:var(--es-inset)!important;
  border-color:var(--es-line)!important;
  color:var(--es-accent-text)!important;
}

html.eg-user-skin .eg-history-card td {
  border-color:var(--es-line)!important;
  color:var(--es-ink)!important;
}

html.eg-user-skin .eg-withdraw-history-item,
html.eg-user-skin .eg-history-detail {
  background:var(--es-panel-tint)!important;
  border-color:var(--es-line)!important;
  color:var(--es-ink)!important;
}

html.eg-user-skin .bottom-nav {
  background:linear-gradient(115deg,#21103f,#2c1855)!important;
  border-color:#543780!important;
  box-shadow:0 8px 25px rgba(37,13,78,.19)!important;
}

html.eg-user-skin .bottom-nav a {
  color:#ddd1f3!important;
  background:transparent!important;
  box-shadow:none!important;
}

html.eg-user-skin .bottom-nav a:hover {
  background:rgba(175,128,255,.14)!important;
  color:#ffffff!important;
}

html.eg-user-skin .bottom-nav a.active {
  background:linear-gradient(110deg,#8b5af1,#6332c9)!important;
  color:#ffffff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important;
}

html.eg-user-skin .bottom-nav .eg-nav-icon svg {
  stroke:#c8aff1!important;
}

html.eg-user-skin .bottom-nav a.active .eg-nav-icon svg {
  stroke:#ffffff!important;
}

html.eg-user-skin .bottom-nav a[href="bonuses.php"] .eg-nav-icon svg {
  stroke:#c8aff1!important;
  fill:#c8aff1!important;
}

html.eg-user-skin .bottom-nav a.active[href="bonuses.php"] .eg-nav-icon svg {
  stroke:#ffffff!important;
  fill:#ffffff!important;
}

html.eg-user-skin .bottom-nav b {
  color:#c8aff1!important;
}

html.eg-user-skin .bottom-nav a.active b,
html.eg-user-skin .bottom-nav a.active .eg-nav-label {
  color:#ffffff!important;
}

html.eg-user-skin .bonus-nav-badge,
html.eg-user-skin .eg-notify-badge {
  background:#e95371!important;
  color:#ffffff!important;
  border-color:#ffffff!important;
}

html.eg-user-skin[data-earngo-theme="dark"] .eg-country,
html.eg-user-skin[data-earngo-theme="dark"] .eg-flow-phone,
html.eg-user-skin[data-earngo-theme="dark"] .eg-phone,
html.eg-user-skin[data-earngo-theme="dark"] .eg-earn-card,
html.eg-user-skin[data-earngo-theme="dark"] .eg-settings-demo,
html.eg-user-skin[data-earngo-theme="dark"] .eg-guide-phone,
html.eg-user-skin[data-earngo-theme="dark"] .eg-cube {
  background:var(--es-panel)!important;
  border-color:var(--es-line)!important;
  color:var(--es-ink)!important;
}

html.eg-user-skin[data-earngo-theme="dark"] .eg-country span,
html.eg-user-skin[data-earngo-theme="dark"] .eg-country small,
html.eg-user-skin[data-earngo-theme="dark"] .eg-flow-task-info b,
html.eg-user-skin[data-earngo-theme="dark"] .eg-flow-check-row b,
html.eg-user-skin[data-earngo-theme="dark"] .eg-auth-task b,
html.eg-user-skin[data-earngo-theme="dark"] .eg-settings-item b,
html.eg-user-skin[data-earngo-theme="dark"] .eg-guide-mini b,
html.eg-user-skin[data-earngo-theme="dark"] .eg-mini-income b,
html.eg-user-skin[data-earngo-theme="dark"] .eg-flow-screen-title {
  color:var(--es-ink)!important;
}

html.eg-user-skin[data-earngo-theme="dark"] .eg-flow-check-row small,
html.eg-user-skin[data-earngo-theme="dark"] .eg-auth-task small,
html.eg-user-skin[data-earngo-theme="dark"] .eg-settings-item small,
html.eg-user-skin[data-earngo-theme="dark"] .eg-guide-mini small,
html.eg-user-skin[data-earngo-theme="dark"] .eg-mini-income small,
html.eg-user-skin[data-earngo-theme="dark"] .eg-flow-screen-sub,
html.eg-user-skin[data-earngo-theme="dark"] .eg-settings-form p,
html.eg-user-skin[data-earngo-theme="dark"] .eg-guide-shell .eg-section p {
  color:var(--es-muted)!important;
}

html.eg-user-skin .eg-demo-activity-text {
  color:var(--es-ink)!important;
}

html.eg-user-skin .eg-demo-activity-label {
  color:var(--es-accent-text)!important;
}

html.eg-user-skin .task-icon {
  color:#4d277b!important;
}

html.eg-user-skin .eg-week-day > span,
html.eg-user-skin .eg-week-day.future small,
html.eg-user-skin .eg-week-day.future i {
  color:var(--es-muted)!important;
}

html.eg-user-skin .eg-withdraw-form-card h2,
html.eg-user-skin .eg-withdraw-settings-title b,
html.eg-user-skin .eg-notify-head strong,
html.eg-user-skin .eg-section h2,
html.eg-user-skin .eg-section h3 {
  color:var(--es-ink)!important;
}

/* Intentionally no @media size rules or navigation DOM code.
 * Existing CSS still decides mobile/tablet/desktop sizing and scrolling.
 */

/* EARNGO_AUTH_MOBILE_FIT_V1_BEGIN
 * Login / registration only. Keep the installed compact palette untouched.
 * 16px editable text addresses iOS focus zoom without disabling pinch zoom.
 * No body fixed-height lock, viewport rewriting, scroll/resize scripts,
 * authentication changes or changes to the shared member navigation.
 */
@media (max-width:900px), (hover:none) and (pointer:coarse) {
  html.eg-user-skin body.eg-auth-body,
  html.eg-user-skin body.eg-register-body {
    --eg-auth-fit-build: auth-fit-1-0;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important; /* fallback for older engines */
    overflow-x:clip!important;
    touch-action:manipulation;
  }

  html.eg-user-skin .eg-auth-body .eg-auth-shell,
  html.eg-user-skin .eg-register-body .eg-register-shell {
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* Grid items must be able to shrink to the phone width. */
  html.eg-user-skin .eg-auth-body .eg-auth-form-side,
  html.eg-user-skin .eg-register-body .eg-register-form-side {
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
  }

  html.eg-user-skin .eg-auth-body .eg-modern-auth-card,
  html.eg-user-skin .eg-register-body .eg-register-card,
  html.eg-user-skin .eg-auth-body .eg-modern-auth-card .field,
  html.eg-user-skin .eg-register-body .eg-register-card .field {
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* Apply BEFORE focus, also to the readonly registration language input.
   * Keep the normal input height: 20px text + 24px padding + 2px border.
   * Login's existing 49px minimum and registration's 46px minimum stay in force.
   */
  html.eg-user-skin .eg-auth-body .eg-modern-auth-card input.input,
  html.eg-user-skin .eg-auth-body .eg-modern-auth-card select,
  html.eg-user-skin .eg-register-body .eg-register-card input.input,
  html.eg-user-skin .eg-register-body .eg-register-card select {
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:16px!important;
    line-height:1.25!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
    scroll-margin-block:18px;
  }

  /* Long helper text must wrap, not push the form off-screen. */
  html.eg-user-skin .eg-auth-body .eg-remember-row {
    min-width:0!important;
    max-width:100%!important;
    flex-wrap:wrap!important;
    row-gap:4px!important;
  }
  html.eg-user-skin .eg-auth-body .eg-remember-label,
  html.eg-user-skin .eg-auth-body .eg-remember-note {
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
  }
  html.eg-user-skin .eg-auth-body .eg-remember-note {
    flex:0 1 auto;
    overflow-wrap:anywhere;
    text-align:right;
  }
  html.eg-user-skin .eg-auth-body #egpr-open,
  html.eg-user-skin .eg-auth-body .eg-modern-auth-card > p,
  html.eg-user-skin .eg-register-body .eg-register-card > p,
  html.eg-user-skin .eg-register-body .eg-register-payout-note {
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:anywhere;
  }
  html.eg-user-skin .eg-auth-body .eg-modern-auth-card .btn,
  html.eg-user-skin .eg-register-body .eg-register-card .btn {
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
    touch-action:manipulation;
  }
}

/* Preserve the original one-column breakpoints and existing card sizes. */
@media (max-width:820px) {
  html.eg-user-skin .eg-auth-body .eg-auth-shell {
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media (max-width:900px) {
  html.eg-user-skin .eg-register-body .eg-register-shell {
    grid-template-columns:minmax(0,1fr)!important;
  }
}
/* Keep the decorative phone inside its column, away from the welcome copy. */
@media (max-width:820px) {
  html.eg-user-skin .eg-auth-body .eg-auth-visual .eg-auth-copy {
    min-width:0!important;
    max-width:46%!important;
  }
  html.eg-user-skin .eg-auth-body .eg-auth-visual .eg-phone {
    width:min(180px,46%)!important;
    min-width:0!important;
    max-width:46%!important;
  }
}
/* EARNGO_AUTH_MOBILE_FIT_V1_END */