/* Shared login/register card. Keep light mode and authentication behavior intact. */
html.dark body .auth-main-panel,
html.dark body.mobile-app-page.mobile-ui-v2 .auth-main-panel {
  background: radial-gradient(ellipse at 100% 0%, rgba(251, 191, 36, .10), transparent 45%), #131923 !important;
  border-color: #303947 !important;
  color: #edf2f7 !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .04) inset !important;
}

html.dark body .auth-main-panel::after { opacity: .25; }
html.dark body .auth-main-panel > .pointer-events-none { display: none; }
html.dark body .auth-main-panel h2 { color: #f5f7fa !important; }
html.dark body .auth-main-panel h2 span {
  background: none !important;
  color: #ffca45 !important;
  -webkit-text-fill-color: #ffca45;
}
html.dark body .auth-main-panel p,
html.dark body .auth-main-panel span { color: #a6b3c5; }
html.dark body .auth-main-panel label,
html.dark body .auth-main-panel label span { color: #dce4ee !important; }
html.dark body .auth-main-panel label svg { color: #e8b943 !important; }
html.dark body .auth-main-panel .egg-icon-element {
  box-shadow: 0 8px 28px rgba(245, 174, 0, .16) !important;
}

html.dark body .auth-main-panel input {
  background: #0c121c !important;
  border-color: #344051 !important;
  color: #f3f6fb !important;
  caret-color: #ffcf54;
  box-shadow: none !important;
}
html.dark body .auth-main-panel input::placeholder { color: #8392a7 !important; }
html.dark body .auth-main-panel input:hover { border-color: #526176 !important; }
html.dark body .auth-main-panel input:focus {
  border-color: #edbe4a !important;
  box-shadow: 0 0 0 3px rgba(251, 191, 36, .14) !important;
}
html.dark body .auth-main-panel .center-toggle-password { color: #a6b3c5 !important; }
html.dark body .auth-main-panel .center-toggle-password:hover { color: #ffcf54 !important; }

html.dark body .auth-main-panel #center-google-login-btn,
html.dark body .auth-main-panel > .grid.grid-cols-2 {
  background: #1c2532 !important;
  border-color: #344051 !important;
  box-shadow: none !important;
}
html.dark body .auth-main-panel #center-google-login-btn span { color: #edf2f7 !important; }
html.dark body .auth-main-panel #center-google-login-btn:hover { background: #253143 !important; }
html.dark body .auth-main-panel > .flex > .h-px { background: #344051 !important; }
html.dark body .auth-main-panel :is(#center-tab-login, #center-tab-register) {
  color: #b4c0d0 !important;
  box-shadow: none !important;
}
html.dark body .auth-main-panel :is(#center-tab-login, #center-tab-register) span { color: inherit !important; }
html.dark body .auth-main-panel :is(#center-tab-login, #center-tab-register).bg-gradient-to-r,
html.dark body .auth-main-panel :is(#center-login-submit-btn, #center-register-submit-btn, #center-2fa-submit-btn) {
  background: linear-gradient(120deg, #ffda69, #f3b92f) !important;
  border-color: transparent !important;
  color: #241b08 !important;
  box-shadow: 0 5px 16px rgba(240, 174, 30, .12) !important;
}
html.dark body .auth-main-panel :is(#center-login-submit-btn, #center-register-submit-btn, #center-2fa-submit-btn) span {
  color: inherit !important;
}
html.dark body .auth-main-panel :is(#center-login-submit-btn, #center-register-submit-btn, #center-2fa-submit-btn):hover {
  filter: brightness(1.07);
}
html.dark body .auth-main-panel button:focus-visible {
  outline: 2px solid #ffcf54 !important;
  outline-offset: 3px;
}
html.dark body .auth-main-panel button:disabled { opacity: .55; cursor: wait; }
html.dark body .auth-main-panel .auth-trust-highlights { border-color: #303947 !important; padding-top: 16px; }
html.dark body .auth-main-panel .auth-trust-highlights > div {
  background: #19212d !important;
  border-color: #2b3646 !important;
  box-shadow: none !important;
}
html.dark body .auth-main-panel .auth-trust-highlights p { color: #b9c5d5 !important; font-weight: 500; }