/* ============================================================
   Mobile Dark Mode
   Path: application/mvc/views_new/assets/css/mobile-dark.css

   Activated by:  html[data-theme="dark"]   (set via theme.js)
   Theme toggle:  #mobile-theme-toggle button (injected by theme.js)

   All selectors are prefixed with [data-theme="dark"] so light
   mode is untouched and the switch is instant (no page reload).
   ============================================================ */

/* ── UNIVERSAL MOBILE RESET ─────────────────────────────────── */
/* dashboard.css resets body margin; other pages don't load it.
   Set it here so every mobile page gets flush topbar positioning. */
html,
body {
  margin: 0;
  padding: 0;
}

/* ── SCROLLBAR ─────────────────────────────────────────────── */
[data-theme="dark"] ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #0d1117;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #2d3748;
  border-radius: 3px;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #374c6d;
}
[data-theme="dark"] * {
  scrollbar-color: #2d3748 #0d1117;
}

/* ── TEXT SELECTION ─────────────────────────────────────────── */
[data-theme="dark"] ::selection {
  background: rgba(96, 165, 250, 0.3);
  color: #f1f5f9;
}

/* ══════════════════════════════════════════════════════════════
   1. BASE — html / body  (dashboard.css, login.css, auth.css)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"],
[data-theme="dark"] html,
[data-theme="dark"] body {
  color: #e2e8f0;
  background: #0d1117;
}

[data-theme="dark"] body.mdash {
  background:
    radial-gradient(
      circle at 20% 0%,
      rgba(26, 53, 120, 0.18) 0%,
      transparent 52%
    ),
    radial-gradient(
      circle at 100% 100%,
      rgba(8, 47, 73, 0.14) 0%,
      transparent 52%
    ),
    #0d1117;
}

[data-theme="dark"] body.mauth,
[data-theme="dark"] body.mlogin {
  background: linear-gradient(180deg, #0d1117 0%, #111827 100%);
}
[data-theme="dark"] body.mauth::before,
[data-theme="dark"] body.mlogin::before {
  background:
    radial-gradient(38% 30% at 10% 0%, rgba(96, 165, 250, 0.24), transparent 68%),
    radial-gradient(34% 28% at 100% 14%, rgba(56, 189, 248, 0.18), transparent 68%),
    radial-gradient(36% 30% at 18% 100%, rgba(167, 139, 250, 0.20), transparent 68%),
    radial-gradient(30% 26% at 92% 92%, rgba(236, 72, 153, 0.10), transparent 68%);
}
[data-theme="dark"] a {
  color: inherit;
}

/* ══════════════════════════════════════════════════════════════
   2. TOPBAR — dashboard
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mdash__topbar {
  background: rgba(13, 17, 35, 0.92);
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .mdash__menu-btn,
[data-theme="dark"] .mdash__icon-btn {
  background: #1a2235;
  border-color: #2d3748;
  color: #e2e8f0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
[data-theme="dark"] .mdash__menu-btn:hover,
[data-theme="dark"] .mdash__icon-btn:hover {
  background: #1e2d45;
}

[data-theme="dark"] .mdash__menu-btn .bar {
  background: #e2e8f0;
}

/* ══════════════════════════════════════════════════════════════
   3. LANGUAGE DROPDOWN — all pages
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mdash__lang-btn,
[data-theme="dark"] .mauth__lang-btn,
[data-theme="dark"] .mlogin__lang-btn {
  background: #1a2235;
  border-color: #2d3748;
  color: #e2e8f0;
}
[data-theme="dark"] .mdash__lang-caret,
[data-theme="dark"] .mauth__lang-btn .caret,
[data-theme="dark"] .mlogin__lang-btn .caret {
  border-top-color: #94a3b8;
}

[data-theme="dark"] .mdash__lang-menu,
[data-theme="dark"] .mauth__lang-menu,
[data-theme="dark"] .mlogin__lang-menu {
  background: #1a2235;
  border-color: #2d3748;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
}
[data-theme="dark"] .mdash__lang-menu li,
[data-theme="dark"] .mauth__lang-menu li,
[data-theme="dark"] .mlogin__lang-menu li {
  color: #e2e8f0;
}

[data-theme="dark"] .mdash__lang-menu li:hover,
[data-theme="dark"] .mauth__lang-menu li:hover,
[data-theme="dark"] .mlogin__lang-menu li:hover {
  background: #1e2d45;
}

[data-theme="dark"] .mdash__lang-menu li.is-selected,
[data-theme="dark"] .mauth__lang-menu li.is-selected,
[data-theme="dark"] .mlogin__lang-menu li.is-selected {
  color: #60a5fa;
}

/* ══════════════════════════════════════════════════════════════
   4. HERO — stays dark-navy gradient (looks correct in dark mode)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mdash__hero-cta {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .mdash__hero-cta:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* ══════════════════════════════════════════════════════════════
   5. QUICK ACTIONS
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mdash__action {
  background: #1a2235;
  border-color: #2d3748;
}
[data-theme="dark"] .mdash__action:hover {
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
  border-color: #374c6d;
}
[data-theme="dark"] .mdash__action-label {
  color: #94a3b8;
}

[data-theme="dark"] .mdash__action-ico.bg-deposit {
  background: #052e1a;
  color: #34d399;
}
[data-theme="dark"] .mdash__action-ico.bg-withdraw {
  background: #2d0b0b;
  color: #f87171;
}
[data-theme="dark"] .mdash__action-ico.bg-account {
  background: #132040;
  color: #60a5fa;
}
[data-theme="dark"] .mdash__action-ico.bg-transfer {
  background: #2d1e00;
  color: #fbbf24;
}
[data-theme="dark"] .mdash__action-ico.bg-history {
  background: #1e1040;
  color: #a78bfa;
}
[data-theme="dark"] .mdash__action-ico.bg-tickets {
  background: #042533;
  color: #22d3ee;
}

/* ══════════════════════════════════════════════════════════════
   6. SECTION CARDS
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mdash__section {
  background: #1a2235;
  border-color: #2d3748;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
[data-theme="dark"] .mdash__section-title {
  color: #f1f5f9;
}
[data-theme="dark"] .mdash__section-link {
  color: #60a5fa;
}

/* ══════════════════════════════════════════════════════════════
   7. LIST ITEMS
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mdash__item + .mdash__item {
  border-top-color: #1e2d45;
}

[data-theme="dark"] .mdash__item-ico {
  background: #1e2d45;
  color: #94a3b8;
}
[data-theme="dark"] .mdash__item-ico.t-deposit {
  background: #052e1a;
  color: #34d399;
}
[data-theme="dark"] .mdash__item-ico.t-withdraw {
  background: #2d0b0b;
  color: #f87171;
}
[data-theme="dark"] .mdash__item-ico.t-credit {
  background: #2d1e00;
  color: #fbbf24;
}
[data-theme="dark"] .mdash__item-ico.t-transfer {
  background: #132040;
  color: #60a5fa;
}

[data-theme="dark"] .mdash__item-title {
  color: #f1f5f9;
}
[data-theme="dark"] .mdash__item-sub {
  color: #64748b;
}
[data-theme="dark"] .mdash__item-amount {
  color: #f1f5f9;
}
[data-theme="dark"] .mdash__item-amount.is-pos {
  color: #34d399;
}
[data-theme="dark"] .mdash__item-amount.is-neg {
  color: #f87171;
}

/* Status badges */
[data-theme="dark"] .mdash__badge.s-ok {
  background: #052e1a;
  color: #34d399;
}
[data-theme="dark"] .mdash__badge.s-warn {
  background: #2d1e00;
  color: #fbbf24;
}
[data-theme="dark"] .mdash__badge.s-danger {
  background: #2d0b0b;
  color: #f87171;
}
[data-theme="dark"] .mdash__badge.s-info {
  background: #132040;
  color: #93c5fd;
}
[data-theme="dark"] .mdash__badge.s-muted {
  background: #1e2d45;
  color: #94a3b8;
}

/* ══════════════════════════════════════════════════════════════
   8. ACCOUNT CARDS
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mdash__acc {
  background: #1a2235;
  border-color: #2d3748;
}
[data-theme="dark"] .mdash__acc:hover {
  border-color: #3d5280;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
}
[data-theme="dark"] .mdash__acc-login {
  color: #f1f5f9;
}
[data-theme="dark"] .mdash__acc-type {
  color: #64748b;
}
[data-theme="dark"] .mdash__acc-balance {
  color: #f1f5f9;
}
[data-theme="dark"] .mdash__acc-meta {
  color: #64748b;
}
[data-theme="dark"] .mdash__acc-meta b {
  color: #e2e8f0;
}

/* Empty / loader */
[data-theme="dark"] .mdash__empty,
[data-theme="dark"] .mdash__loader {
  color: #475569;
}
[data-theme="dark"] .mdash__spinner {
  border-color: #2d3748;
  border-top-color: #60a5fa;
}

/* ══════════════════════════════════════════════════════════════
   9. SIDE DRAWER
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mdash__drawer {
  background: #161c2d;
  box-shadow: 4px 0 24px rgba(0, 0, 0, 0.5);
}
[data-theme="dark"] .mdash__drawer-body {
  background: #161c2d;
}
/* .mdash__drawer-head keeps its dark gradient — no override needed */

[data-theme="dark"] .mdash__drawer-link {
  color: #cbd5e1;
}
[data-theme="dark"] .mdash__drawer-link:hover {
  background: #1e2d45;
}
[data-theme="dark"] .mdash__drawer-link.is-active {
  background: #132040;
  color: #60a5fa;
}
[data-theme="dark"] .mdash__drawer-section-title {
  color: #475569;
}
[data-theme="dark"] .mdash__drawer-foot {
  border-top-color: #1e2d45;
}
[data-theme="dark"] .mdash__drawer-foot a {
  color: #475569;
}
[data-theme="dark"] .mdash__drawer-foot a:hover {
  color: #e2e8f0;
}

/* ══════════════════════════════════════════════════════════════
   10. BOTTOM NAVIGATION
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mdash__bottom-nav {
  background: #161c2d;
  border-top-color: #2d3748;
  box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.5);
}
[data-theme="dark"] .mdash__bnav {
  color: #475569;
  background: transparent;
}

[data-theme="dark"] .mdash__bnav--home.is-active {
  color: #60a5fa;
}
[data-theme="dark"] .mdash__bnav--home.is-active .ico-wrap {
  background: rgba(96, 165, 250, 0.12);
}
[data-theme="dark"] .mdash__bnav--home.is-active .ico {
  stroke: #60a5fa;
}
[data-theme="dark"] .mdash__bnav--home.is-active::after {
  background: #60a5fa;
}

[data-theme="dark"] .mdash__bnav--add.is-active {
  color: #22d3ee;
}
[data-theme="dark"] .mdash__bnav--add.is-active .ico-wrap {
  background: rgba(34, 211, 238, 0.12);
}
[data-theme="dark"] .mdash__bnav--add.is-active .ico {
  stroke: #22d3ee;
}
[data-theme="dark"] .mdash__bnav--add.is-active::after {
  background: #22d3ee;
}

[data-theme="dark"] .mdash__bnav--profile.is-active {
  color: #a78bfa;
}
[data-theme="dark"] .mdash__bnav--profile.is-active .ico-wrap {
  background: rgba(167, 139, 250, 0.12);
}
[data-theme="dark"] .mdash__bnav--profile.is-active .ico {
  stroke: #a78bfa;
}
[data-theme="dark"] .mdash__bnav--profile.is-active::after {
  background: #a78bfa;
}

[data-theme="dark"] .mdash__bnav.is-active {
  color: #60a5fa;
}
[data-theme="dark"] .mdash__bnav.is-active .ico-wrap {
  background: rgba(96, 165, 250, 0.12);
}
[data-theme="dark"] .mdash__bnav.is-active .ico {
  stroke: #60a5fa;
}
[data-theme="dark"] .mdash__bnav.is-active::after {
  background: #60a5fa;
}

/* ══════════════════════════════════════════════════════════════
   11. VERIFICATION CARDS
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mdash__verify-card {
  background: #1a2235;
  border-color: #2d3748;
}
[data-theme="dark"] .mdash__verify-card-title {
  color: #f1f5f9;
}
[data-theme="dark"] .mdash__verify-card-body {
  color: #94a3b8;
}

[data-theme="dark"] .mdash__verify-card-icon.bg-id {
  background: #132040;
  color: #60a5fa;
}
[data-theme="dark"] .mdash__verify-card-icon.bg-proof {
  background: #2d1e00;
  color: #fbbf24;
}
[data-theme="dark"] .mdash__verify-card-icon.bg-quest {
  background: #1e1040;
  color: #a78bfa;
}

[data-theme="dark"] .mdash__verify-status.is-approved {
  background: #052e1a;
  color: #34d399;
}
[data-theme="dark"] .mdash__verify-status.is-pending {
  background: #2d1e00;
  color: #fbbf24;
}
[data-theme="dark"] .mdash__verify-status.is-not-started {
  background: #2d0b0b;
  color: #f87171;
}

[data-theme="dark"] .mdash__verify-btn.is-pending {
  background: #2d1e00;
  color: #fbbf24;
}
[data-theme="dark"] .mdash__verify-btn.is-pending:hover {
  background: #3d2900;
}
[data-theme="dark"] .mdash__verify-btn.is-approved {
  background: #1e2d45;
  color: #94a3b8;
}
[data-theme="dark"] .mdash__verify-btn.is-approved:hover {
  background: #253550;
}

/* ══════════════════════════════════════════════════════════════
   12. BOTTOM SHEET (document upload / general)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mdash__sheet {
  background: #161c2d;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.55);
}
[data-theme="dark"] .mdash__sheet-header {
  border-bottom-color: #2d3748;
}
[data-theme="dark"] .mdash__sheet-title {
  color: #f1f5f9;
}
[data-theme="dark"] .mdash__sheet-close {
  background: #1e2d45;
  border-color: #2d3748;
  color: #94a3b8;
}
[data-theme="dark"] .mdash__sheet-close:hover {
  background: #253550;
}

[data-theme="dark"] .mdash__doctype-item {
  background: #1a2235;
  border-color: #2d3748;
}
[data-theme="dark"] .mdash__doctype-item:hover,
[data-theme="dark"] .mdash__doctype-item.is-selected {
  border-color: #60a5fa;
  background: #132040;
}
[data-theme="dark"] .mdash__doctype-item-name {
  color: #f1f5f9;
}
[data-theme="dark"] .mdash__doctype-item-info {
  color: #64748b;
}

[data-theme="dark"] .mdash__field-label {
  color: #94a3b8;
}
[data-theme="dark"] .mdash__field-input {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"] .mdash__field-input:focus {
  border-color: #60a5fa;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);
}
[data-theme="dark"] .mdash__field-input.has-error {
  border-color: #ef4444;
}

[data-theme="dark"] .mdash__file-wrap {
  background: #1a2235;
  border-color: #2d3748;
}
[data-theme="dark"] .mdash__file-wrap:hover,
[data-theme="dark"] .mdash__file-wrap.has-file {
  border-color: #60a5fa;
  background: #132040;
}
[data-theme="dark"] .mdash__file-icon {
  color: #475569;
}
[data-theme="dark"] .mdash__file-wrap.has-file .mdash__file-icon {
  color: #60a5fa;
}
[data-theme="dark"] .mdash__file-label {
  color: #60a5fa;
}
[data-theme="dark"] .mdash__file-sub {
  color: #475569;
}

[data-theme="dark"] .mdash__submit-btn {
  background: #2d5cbf;
}
[data-theme="dark"] .mdash__submit-btn:hover {
  background: #2550ae;
}
[data-theme="dark"] .mdash__submit-btn:disabled {
  background: #1e2d45;
  color: #475569;
  cursor: not-allowed;
}
[data-theme="dark"] .mdash__back-btn {
  color: #60a5fa;
}

[data-theme="dark"] .mdash__sheet-alert.is-success {
  background: #052e1a;
  color: #34d399;
}
[data-theme="dark"] .mdash__sheet-alert.is-error {
  background: #2d0b0b;
  color: #f87171;
}

/* ══════════════════════════════════════════════════════════════
   13. AUTH PAGES  (auth.css + login.css)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mauth__back {
  background: #1a2235;
  border-color: #2d3748;
  color: #e2e8f0;
}
[data-theme="dark"] .mauth__back:hover {
  background: #1e2d45;
}

[data-theme="dark"] .mauth__card,
[data-theme="dark"] .mlogin__card {
  background: #161c2d;
  border-color: #2d3748;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.3),
    0 12px 32px rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] .mauth__title,
[data-theme="dark"] .mlogin__title {
  color: #f1f5f9;
}
[data-theme="dark"] .mauth__subtitle,
[data-theme="dark"] .mlogin__subtitle {
  color: #64748b;
}

/* Banners / alerts */
[data-theme="dark"] .mauth__banner--error,
[data-theme="dark"] .mlogin__error {
  background: #2d0b0b !important;
  color: #f87171 !important;
  border-color: #7f1d1d !important;
}
[data-theme="dark"] .mauth__banner--success {
  background: #052e1a;
  color: #34d399;
  border-color: #064e3b;
}
[data-theme="dark"] .mauth__banner--info {
  background: #132040;
  color: #93c5fd;
  border-color: #1e3a8a;
}

/* Inputs */
[data-theme="dark"] .mauth__field input,
[data-theme="dark"] .mauth__field select,
[data-theme="dark"] .mlogin__field input {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"] .mauth__field input:hover,
[data-theme="dark"] .mlogin__field input:hover {
  border-color: #374c6d;
  background: #1e2d45;
}
[data-theme="dark"] .mauth__field input:focus,
[data-theme="dark"] .mauth__field select:focus,
[data-theme="dark"] .mlogin__field input:focus {
  background: #1e2d45;
  border-color: #60a5fa;
  box-shadow:
    0 0 0 3px rgba(96, 165, 250, 0.15),
    0 2px 8px rgba(96, 165, 250, 0.08);
}
[data-theme="dark"] .mauth__field input.is-invalid,
[data-theme="dark"] .mauth__field select.is-invalid {
  background: #2d0b0b;
  border-color: #ef4444;
}

[data-theme="dark"] .mauth__field input[readonly],
[data-theme="dark"] .mauth__field input[disabled],
[data-theme="dark"] .mauth__field select[disabled] {
  background: #161c2d;
  color: #475569;
}

/* Dark caret for select in auth */
/* [data-theme="dark"] .mauth__field select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%2394a3b8' d='M6 8L0 0h12z'/></svg>");
} */

/* Floating labels */
[data-theme="dark"] .mauth__field label,
[data-theme="dark"] .mlogin__field label {
  color: #475569;
}
[data-theme="dark"] .mauth__field input:focus + label,
[data-theme="dark"] .mauth__field input:not(:placeholder-shown) + label,
[data-theme="dark"] .mlogin__field input:focus + label,
[data-theme="dark"] .mlogin__field input:not(:placeholder-shown) + label {
  color: #60a5fa;
}
[data-theme="dark"] .mauth__field--static label {
  color: #64748b;
}

[data-theme="dark"] .mauth__hint {
  color: #475569;
}
[data-theme="dark"] .mauth__error-text {
  color: #f87171;
}

/* Phone code box */
[data-theme="dark"] .mauth__phone .mauth__phone-code {
  background: #1e2d45;
  color: #f1f5f9;
}

/* Password toggle */
[data-theme="dark"] .mauth__toggle-pwd,
[data-theme="dark"] .mlogin__toggle-pwd {
  background: #1e2d45;
  border-color: #2d3748;
  color: #94a3b8;
}
[data-theme="dark"] .mlogin__toggle-pwd:hover {
  background: #253550;
  color: #e2e8f0;
  border-color: #374c6d;
}

/* Checkboxes */
[data-theme="dark"] .mauth__check {
  color: #94a3b8;
}
[data-theme="dark"] .mauth__check input[type="checkbox"] {
  accent-color: #60a5fa;
}
[data-theme="dark"] .mauth__check a {
  color: #60a5fa;
}

/* Links */
[data-theme="dark"] .mauth__forgot-row a,
[data-theme="dark"] .mlogin__forgot-row a {
  color: #60a5fa;
}

/* Sign-up callout */
[data-theme="dark"] .mauth__signup,
[data-theme="dark"] .mlogin__signup {
  color: #64748b;
}
[data-theme="dark"] .mauth__signup a,
[data-theme="dark"] .mlogin__signup a {
  color: #60a5fa;
}

/* Footer / risk */
[data-theme="dark"] .mauth__footer,
[data-theme="dark"] .mlogin__footer {
  color: #475569;
}
[data-theme="dark"] .mauth__risk,
[data-theme="dark"] .mlogin__risk {
  color: #475569;
  background: rgba(30, 40, 68, 0.675);
  border-color: #2d3748;
}
[data-theme="dark"] .mauth__desktop-link,
[data-theme="dark"] .mlogin__desktop-link {
  color: #60a5fa;
}

/* Resend-code button (verify_profile.php) — inline style uses navy, force white */
[data-theme="dark"] #resend_code_btn,
[data-theme="dark"] .mauth__signup button {
  color: #e2e8f0 !important;
}

/* ══════════════════════════════════════════════════════════════
   14. FUNDING PAGE  (funding.css)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mfund__tabs {
  background: #161c2d;
  border-bottom-color: #2d3748;
}
[data-theme="dark"] .mfund__tab {
  color: #64748b;
}
[data-theme="dark"] .mfund__tab.is-active {
  color: #60a5fa;
  border-bottom-color: #60a5fa;
}
[data-theme="dark"] .mfund__tab:active {
  background: #1e2d45;
}

[data-theme="dark"] .mfund__card {
  background: #161c2d;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] .mfund__label {
  color: #94a3b8;
}
[data-theme="dark"] .mfund__label small {
  color: #475569;
}

[data-theme="dark"] .mfund__select,
[data-theme="dark"] .mfund__input {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"] .mfund__select:focus,
[data-theme="dark"] .mfund__input:focus {
  border-color: #60a5fa;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.12);
}
[data-theme="dark"] .mfund__select.input_error,
[data-theme="dark"] .mfund__input.input_error {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12);
}

/* Dark caret for funding select */
/* [data-theme="dark"] .mfund__select {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
} */

[data-theme="dark"] .mfund__file-wrap input[type="file"] {
  background: #1a2235;
  border-color: #2d3748;
  color: #94a3b8;
}

[data-theme="dark"] .mfund__info {
  color: #475569;
}
[data-theme="dark"] .mfund__info b {
  color: #e2e8f0;
}
[data-theme="dark"] .mfund__info--danger {
  color: #f87171;
}

[data-theme="dark"] .mfund__balance {
  background: #052e1a;
  color: #34d399;
}

[data-theme="dark"] .mfund__notice--warn {
  background: #2d1e00;
  border-color: #7c4a00;
  color: #fbbf24;
}
[data-theme="dark"] .mfund__notice--danger {
  background: #2d0b0b;
  border-color: #7f1d1d;
  color: #f87171;
}

/* ══════════════════════════════════════════════════════════════
   15. PAYMENT VERIFICATION  (payment_verification.css)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mpayv__page-title {
  color: #f1f5f9;
}

[data-theme="dark"] .mpayv__method-card {
  background: #1a2235;
  border-color: #2d3748;
}
[data-theme="dark"] .mpayv__method-name {
  color: #f1f5f9;
}
[data-theme="dark"] .mpayv__method-meta {
  color: #64748b;
}

[data-theme="dark"] .mpayv__method-btn--cancel {
  background: #2d0b0b;
  color: #f87171;
}
[data-theme="dark"] .mpayv__method-btn--deactivate {
  background: #1e2d45;
  color: #94a3b8;
}

[data-theme="dark"] .mpayv__badge--pending {
  background: #2d1e00;
  color: #fbbf24;
}
[data-theme="dark"] .mpayv__badge--active {
  background: #052e1a;
  color: #34d399;
}
[data-theme="dark"] .mpayv__badge--expired {
  background: #2d0b0b;
  color: #f87171;
}
[data-theme="dark"] .mpayv__badge--deleted {
  background: #1e2d45;
  color: #94a3b8;
}

[data-theme="dark"] .mpayv__used-for {
  background: #132040;
  border-color: #2d4a7a;
  color: #60a5fa;
}
[data-theme="dark"] .mpayv__empty,
[data-theme="dark"] .mpayv__loader {
  color: #475569;
}
[data-theme="dark"] .mpayv__spinner {
  border-color: #2d3748;
  border-top-color: #60a5fa;
}

/* .mpayv__back-btn dark — see section 32 below */
[data-theme="dark"] .mpayv__form-card {
  background: #161c2d;
}

[data-theme="dark"] .mpayv__label {
  color: #94a3b8;
}
[data-theme="dark"] .mpayv__select,
[data-theme="dark"] .mpayv__input {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"] .mpayv__select:focus,
[data-theme="dark"] .mpayv__input:focus {
  border-color: #60a5fa;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.12);
}
/* [data-theme="dark"] .mpayv__select {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
} */
[data-theme="dark"] .mpayv__input.input_error {
  background: #2d0b0b;
  border-color: #ef4444;
}
[data-theme="dark"] .mpayv__hint {
  color: #475569;
}

[data-theme="dark"] .mpayv__file-input {
  background: #1a2235;
  border-color: #2d3748;
  color: #94a3b8;
}
[data-theme="dark"] .mpayv__file-input.input_error {
  background: #2d0b0b;
  border-color: #ef4444;
}
[data-theme="dark"] .mpayv__type-info {
  color: #60a5fa;
}

[data-theme="dark"] .mpayv__alert--success {
  background: #052e1a;
  color: #34d399;
  border-color: #064e3b;
}
[data-theme="dark"] .mpayv__alert--danger {
  background: #2d0b0b;
  color: #f87171;
  border-color: #7f1d1d;
}

/* ══════════════════════════════════════════════════════════════
   16. QUESTIONNAIRES  (questionnaires.css)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mquest__status-banner.is-approved {
  background: #052e1a;
  color: #34d399;
  border-color: #064e3b;
}
[data-theme="dark"] .mquest__status-banner.is-pending {
  background: #2d1e00;
  color: #fbbf24;
  border-color: #7c4a00;
}
[data-theme="dark"] .mquest__status-banner.is-rejected {
  background: #2d0b0b;
  color: #f87171;
  border-color: #7f1d1d;
}

[data-theme="dark"] .mquest__page-title {
  color: #60a5fa;
}

[data-theme="dark"] .mquest__cat-section {
  background: #1a2235;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .mquest__cat-header {
  color: #60a5fa;
  border-bottom-color: #1e2d45;
  background: #161c2d;
}

[data-theme="dark"] .mquest__label {
  color: #94a3b8;
}
[data-theme="dark"] .mquest__label .mquest__req {
  color: #f87171;
}

[data-theme="dark"] .mquest__input,
[data-theme="dark"] .mquest__select,
[data-theme="dark"] .mquest__textarea {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"] .mquest__input:focus,
[data-theme="dark"] .mquest__select:focus,
[data-theme="dark"] .mquest__textarea:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}
[data-theme="dark"] .mquest__input.is-error,
[data-theme="dark"] .mquest__select.is-error,
[data-theme="dark"] .mquest__textarea.is-error {
  border-color: #ef4444;
}

[data-theme="dark"] .mquest__file-wrap {
  background: #1a2235;
  border-color: #2d3748;
}
[data-theme="dark"] .mquest__file-wrap.has-file {
  background: #132040;
  border-color: #3b82f6;
}
[data-theme="dark"] .mquest__file-icon {
  color: #475569;
}
[data-theme="dark"] .mquest__file-wrap.has-file .mquest__file-icon {
  color: #3b82f6;
}
[data-theme="dark"] .mquest__file-label {
  color: #94a3b8;
}
[data-theme="dark"] .mquest__file-sub {
  color: #475569;
}

[data-theme="dark"] .mquest__field-error {
  color: #f87171;
}

[data-theme="dark"] .mquest__alert.mquest__alert--success {
  background: #052e1a;
  color: #34d399;
  border-color: #064e3b;
}
[data-theme="dark"] .mquest__alert.mquest__alert--danger {
  background: #2d0b0b;
  color: #f87171;
  border-color: #7f1d1d;
}

[data-theme="dark"] .mquest__loader {
  color: #475569;
}
[data-theme="dark"] .mquest__spinner {
  border-color: #2d3748;
  border-top-color: #3b82f6;
}

[data-theme="dark"] .mquest__review-banner {
  background: #2d1e00;
  color: #fbbf24;
  border-color: #7c4a00;
}
[data-theme="dark"] .mquest__readonly-note {
  background: #1e2d45;
  color: #64748b;
  border-color: #2d3748;
}

/* ══════════════════════════════════════════════════════════════
   17. MODAL SELECT  (modal-select.css)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .msl-sheet {
  background: #161c2d;
  box-shadow: 0 -4px 40px rgba(0, 0, 0, 0.65);
}
[data-theme="dark"] .msl-sheet__handle::before {
  background: #2d3748;
}
[data-theme="dark"] .msl-sheet__header {
  border-bottom-color: #2d3748;
}
[data-theme="dark"] .msl-sheet__title {
  color: #f1f5f9;
}
[data-theme="dark"] .msl-sheet__close {
  background: #1e2d45;
  color: #94a3b8;
  border: none;
}
[data-theme="dark"] .msl-sheet__close:active {
  background: #253550;
}

[data-theme="dark"] .msl-sheet__search-wrap {
  background: #161c2d;
}
[data-theme="dark"] .msl-sheet__search {
  background-color: #1a2235;
  border-color: #2d3748;
  color: #f1f5f9;
  /* background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.5' cy='6.5' r='5' stroke='%23475569' stroke-width='1.5'/%3E%3Cpath d='M10.5 10.5L14 14' stroke='%23475569' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); */
}
[data-theme="dark"] .msl-sheet__search:focus {
  border-color: #60a5fa;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.12);
}
[data-theme="dark"] .msl-sheet__search::placeholder {
  color: #475569;
}

[data-theme="dark"] .msl-sheet__option {
  color: #e2e8f0;
}
[data-theme="dark"] .msl-sheet__option:active,
[data-theme="dark"] .msl-sheet__option.is-hovered {
  background: #1e2d45;
}
[data-theme="dark"] .msl-sheet__option.is-selected {
  color: #60a5fa;
  background: #132040;
}
[data-theme="dark"] .msl-sheet__option.is-disabled {
  color: #475569;
}
[data-theme="dark"] .msl-sheet__empty {
  color: #475569;
}

/* ══════════════════════════════════════════════════════════════
   18. JQUERY CONFIRM MODALS
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .jconfirm-bg {
  background: rgba(0, 0, 0, 0.6) !important;
}
[data-theme="dark"] .jconfirm-box {
  background: #161c2d !important;
  border: 1px solid #2d3748;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6) !important;
}
[data-theme="dark"] .jconfirm-title-c .jconfirm-title {
  color: #f1f5f9 !important;
}
[data-theme="dark"] .jconfirm-content-pane {
  color: #94a3b8 !important;
}
[data-theme="dark"] .jconfirm-content {
  color: #94a3b8;
}
[data-theme="dark"] .jconfirm-buttons .btn-default {
  background: #1e2d45 !important;
  color: #e2e8f0 !important;
  border-color: #2d3748 !important;
}
[data-theme="dark"] .jconfirm-buttons .btn-default:hover {
  background: #253550 !important;
}
[data-theme="dark"] .jconfirm-closeIcon {
  color: #64748b !important;
}
[data-theme="dark"] .jconfirm-closeIcon:hover {
  color: #e2e8f0 !important;
}

/* ══════════════════════════════════════════════════════════════
   19. IB PAGES — uses mdash__ prefix + generic elements
   ══════════════════════════════════════════════════════════════ */

/* IB summary cards / stat boxes — generic white panels */
[data-theme="dark"] .ib-card,
[data-theme="dark"] .ib__card,
[data-theme="dark"] .ib-stat,
[data-theme="dark"] .ibcard,
[data-theme="dark"] .commission-card {
  background: #1a2235 !important;
  border-color: #2d3748 !important;
  color: #e2e8f0 !important;
}

/* Tables (IB commission / transactions) */
[data-theme="dark"] table,
[data-theme="dark"] .mdash__table {
  background: #1a2235;
  color: #e2e8f0;
}
[data-theme="dark"] th {
  background: #161c2d;
  color: #94a3b8;
  border-color: #2d3748;
}
[data-theme="dark"] td {
  border-color: #1e2d45;
  color: #e2e8f0;
}
[data-theme="dark"] tr:nth-child(even) td {
  background: #161c2d;
}
[data-theme="dark"] tr:hover td {
  background: #1e2d45;
}

/* Generic white panels / cards (any page) */
[data-theme="dark"] .card,
[data-theme="dark"] .white-card,
[data-theme="dark"] .panel,
[data-theme="dark"] .box,
[data-theme="dark"] .content-card {
  background: #1a2235 !important;
  border-color: #2d3748 !important;
}

/* Generic inputs not covered by specific prefix */
[data-theme="dark"]
  input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not(
    [type="radio"]
  ),
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background-color: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"]
  input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not(
    [type="radio"]
  ):focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus {
  border-color: #60a5fa;
  outline: none;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: #475569;
}

/* Generic labels and text nodes */
[data-theme="dark"] label {
  color: #94a3b8;
}
[data-theme="dark"] small,
[data-theme="dark"] .text-muted {
  color: #64748b !important;
}
[data-theme="dark"] .text-dark {
  color: #e2e8f0 !important;
}

/* Generic buttons (not submit) */
[data-theme="dark"] button.btn-secondary,
[data-theme="dark"] .btn-light {
  background: #1e2d45 !important;
  border-color: #2d3748 !important;
  color: #e2e8f0 !important;
}

/* Generic alert/notice blocks */
[data-theme="dark"] .alert-success {
  background: #052e1a !important;
  color: #34d399 !important;
  border-color: #064e3b !important;
}
[data-theme="dark"] .alert-danger {
  background: #2d0b0b !important;
  color: #f87171 !important;
  border-color: #7f1d1d !important;
}
[data-theme="dark"] .alert-warning {
  background: #2d1e00 !important;
  color: #fbbf24 !important;
  border-color: #7c4a00 !important;
}
[data-theme="dark"] .alert-info {
  background: #132040 !important;
  color: #93c5fd !important;
  border-color: #1e3a8a !important;
}

/* Horizontal rules */
[data-theme="dark"] hr {
  border-color: #2d3748;
}

/* ══════════════════════════════════════════════════════════════
   20. THEME TOGGLE BUTTON  (injected by theme.js)
   ══════════════════════════════════════════════════════════════ */
#mobile-theme-toggle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #374151;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  flex-shrink: 0;
  padding: 0;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
  -webkit-tap-highlight-color: transparent;
  font-family: inherit;
}
#mobile-theme-toggle:hover {
  background: #f3f4f6;
}

[data-theme="dark"] #mobile-theme-toggle {
  background: #1a2235;
  border-color: #2d3748;
  color: #e2e8f0;
}
[data-theme="dark"] #mobile-theme-toggle:hover {
  background: #1e2d45;
}

/* Sun: shown when in dark mode (click → go light) */
#mobile-theme-toggle .icon-sun {
  display: none;
}
#mobile-theme-toggle .icon-moon {
  display: block;
}
[data-theme="dark"] #mobile-theme-toggle .icon-sun {
  display: block;
}
[data-theme="dark"] #mobile-theme-toggle .icon-moon {
  display: none;
}

/* ══════════════════════════════════════════════════════════════
   21. TOAST NOTIFICATIONS  (mobile-toast.css + mobile-notification.js)
       Colors are set per-call in JS; only border/shadow overrides needed.
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .jq-toast-single {
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.5),
    0 1px 4px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="dark"] .close-jq-toast-single {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* ══════════════════════════════════════════════════════════════
   22. IB DASHBOARD  (ib_dashboard.php inline <style>)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mib__ref-item + .mib__ref-item {
  border-top-color: #1e2d45;
}
[data-theme="dark"] .mib__ref-name {
  color: #f1f5f9;
}
[data-theme="dark"] .mib__ref-sub {
  color: #64748b;
}

[data-theme="dark"] .mib__link-item {
  background: #1a2235;
  border-color: #2d3748;
}
[data-theme="dark"] .mib__link-name {
  color: #f1f5f9;
}
[data-theme="dark"] .mib__link-meta {
  color: #64748b;
}
[data-theme="dark"] .mib__link-url {
  color: #93c5fd;
  background: #132040;
}

[data-theme="dark"] .mib__btn {
  background: #1e2d45;
  border-color: #2d3748;
  color: #e2e8f0;
}
[data-theme="dark"] .mib__btn:hover {
  background: #253550;
}
[data-theme="dark"] .mib__btn.is-danger {
  background: #2d0b0b;
  color: #f87171;
  border-color: #7f1d1d;
}
[data-theme="dark"] .mib__btn.is-danger:hover {
  background: #3d1010;
}
[data-theme="dark"] .mib__btn.is-success {
  background: #052e1a;
  color: #34d399;
  border-color: #064e3b;
}
[data-theme="dark"] .mib__btn.is-success:hover {
  background: #063d22;
}

[data-theme="dark"] .mib__search input {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"] .mib__search input:focus {
  border-color: #60a5fa;
  background: #1e2d45;
}

[data-theme="dark"] .mib__switch-row {
  color: #94a3b8;
}
[data-theme="dark"] .mib__legend {
  color: #64748b;
}
[data-theme="dark"] #hidden_clients_container {
  color: #475569;
}

[data-theme="dark"] .mpage-btn {
  background: #1e2d45;
  border-color: #2d3748;
  color: #e2e8f0;
}
[data-theme="dark"] .mpage-btn.is-active {
  background: #2d5cbf;
  border-color: #2d5cbf;
  color: #fff;
}
[data-theme="dark"] .mpage-dots {
  color: #475569;
}

/* ══════════════════════════════════════════════════════════════
   22. IB COMMISSIONS  (ib_commissions.php inline <style>)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mics__rule {
  background: #1a2235;
  border: 1px solid #2d3748;
}
[data-theme="dark"] .mics__rule-head {
  border-bottom-color: #2d3748;
}
[data-theme="dark"] .mics__rule-name {
  color: #f1f5f9;
}
[data-theme="dark"] .mics__count {
  background: #1e1040;
  color: #a78bfa;
}
[data-theme="dark"] .mics__rule-badge {
  background: #132040;
  color: #60a5fa;
}

[data-theme="dark"] .mics__search input {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"] .mics__search input:focus {
  border-color: #60a5fa;
  background: #1e2d45;
}
[data-theme="dark"] .mics__search-icon {
  color: #475569;
}

[data-theme="dark"] .msort-btn {
  background: #1e2d45;
  border-color: #2d3748;
  color: #e2e8f0;
}
[data-theme="dark"] .msort-btn.is-active {
  background: #2d5cbf;
  border-color: #2d5cbf;
  color: #fff;
}

[data-theme="dark"] .mics__row {
  border-bottom-color: #1e2d45;
}
[data-theme="dark"] .mics__symbol {
  color: #f1f5f9;
}
[data-theme="dark"] .mics__type-badge {
  background: #1e2d45;
  color: #94a3b8;
}
[data-theme="dark"] .mics__commission {
  color: #60a5fa;
}
[data-theme="dark"] .mics__empty {
  color: #475569;
}

/* ══════════════════════════════════════════════════════════════
   23. IB WALLET  (ib_wallet.php inline <style>)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mibw__tabs {
  background: #161c2d;
}
[data-theme="dark"] .mibw__tab {
  color: #64748b;
}
[data-theme="dark"] .mibw__tab.is-active {
  background: #1e2d45;
  color: #60a5fa;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .mibw__card {
  background: #1a2235;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
[data-theme="dark"] .mibw__label {
  color: #64748b;
}

[data-theme="dark"] .mibw__select,
[data-theme="dark"] .mibw__input {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"] .mibw__select:focus,
[data-theme="dark"] .mibw__input:focus {
  border-color: #60a5fa;
  background: #1e2d45;
}

[data-theme="dark"] #withdraw_section .form-control {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"] #withdraw_section dt {
  color: #64748b;
}

[data-theme="dark"] .mibw__balance-info {
  background: #052e1a;
  border-color: #064e3b;
  color: #34d399;
}
[data-theme="dark"] .mibw__info-box {
  background: #1a2235;
  color: #64748b;
}

/* ══════════════════════════════════════════════════════════════
   24. IB BONUS  (ib_bonus.php inline <style>)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mbon__search input {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"] .mbon__search input:focus {
  border-color: #60a5fa;
  background: #1e2d45;
}
[data-theme="dark"] .mbon__search-icon {
  color: #475569;
}

[data-theme="dark"] .mbon__card {
  border-bottom-color: #1e2d45;
}
[data-theme="dark"] .mbon__card-client {
  color: #f1f5f9;
}
[data-theme="dark"] .mbon__card-bonus-val.s-pos {
  color: #34d399;
}
[data-theme="dark"] .mbon__card-bonus-val.s-neg {
  color: #f87171;
}

/* ══════════════════════════════════════════════════════════════
   25. IB COMMISSION BREAKDOWN  (ib_commission_breakdown.php)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mcb__filters {
  background: #1a2235;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
[data-theme="dark"] .mcb__filter-label {
  color: #64748b;
}

[data-theme="dark"] .mcb__input {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"] .mcb__input:focus {
  border-color: #60a5fa;
  background: #1e2d45;
}

/* ══════════════════════════════════════════════════════════════
   26. RISK DISCLOSURE  (risk_disclosure.php inline <style>)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mrd__header {
  background: linear-gradient(135deg, #0a1530 0%, #111d40 100%);
}
[data-theme="dark"] .mrd__back {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
}
[data-theme="dark"] .mrd__content {
  background: #161c2d;
  color: #e2e8f0;
}
[data-theme="dark"] .mrd__content h1,
[data-theme="dark"] .mrd__content h2,
[data-theme="dark"] .mrd__content h3 {
  color: #f1f5f9;
}
[data-theme="dark"] .mrd__content p,
[data-theme="dark"] .mrd__content li {
  color: #cbd5e1;
}
[data-theme="dark"] .mrd__content a {
  color: #60a5fa;
}
[data-theme="dark"] .mrd__content hr {
  border-color: #2d3748;
}
[data-theme="dark"] .mrd__footer {
  background: #0d1117;
  border-top-color: #2d3748;
  color: #475569;
}

/* ══════════════════════════════════════════════════════════════
   27. RISK DISCLOSURE – full page dark
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] html {
  background: #0d1117 !important;
}
[data-theme="dark"] .mrd__body {
  background: #0d1117;
}
[data-theme="dark"] .mrd__doc-card {
  background: #1a2235;
  border: 1px solid #2d3748;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}
[data-theme="dark"] .mrd__content {
  color: #e2e8f0;
}
[data-theme="dark"] .mrd__content h1,
[data-theme="dark"] .mrd__content h2,
[data-theme="dark"] .mrd__content h3,
[data-theme="dark"] .mrd__content h4,
[data-theme="dark"] .mrd__content h5,
[data-theme="dark"] .mrd__content h6 {
  color: #93c5fd;
}
[data-theme="dark"] .mrd__content p,
[data-theme="dark"] .mrd__content li,
[data-theme="dark"] .mrd__content span {
  color: #cbd5e1;
}
[data-theme="dark"] .mrd__content strong,
[data-theme="dark"] .mrd__content b {
  color: #e2e8f0;
}
[data-theme="dark"] .mrd__content a {
  color: #60a5fa;
}
[data-theme="dark"] .mrd__content hr {
  border-color: #2d3748;
}
[data-theme="dark"] .mrd__content table {
  color: #cbd5e1;
}
[data-theme="dark"] .mrd__content th {
  background: #1e2d45;
  color: #93c5fd;
  border-color: #2d3748;
}
[data-theme="dark"] .mrd__content td {
  background: transparent;
  color: #cbd5e1;
  border-color: #2d3748;
}
[data-theme="dark"] .mrd__content tr:nth-child(even) td {
  background: #1a2235;
}
[data-theme="dark"] .mrd__footer-stamp {
  color: #475569;
}

/* ══════════════════════════════════════════════════════════════
   28. LOGO — white pill behind brand image in dark mode
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mdash__brand img {
  height: 40px;
  max-width: 60vw;
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
  background: #ffffff;
  padding: 3px 8px;
  border-radius: 6px;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .mdash__brand span {
  color: #f1f5f9 !important;
  text-shadow:
    0 0 12px rgba(255, 255, 255, 0.25),
    0 1px 3px rgba(0, 0, 0, 0.5);
}

/* Login page logo */
[data-theme="dark"] .mlogin__logo img,
/* Registration / forgot-password / change-password / verify card logos */
[data-theme="dark"] .mauth__logo img {
  background: #ffffff;
  padding: 3px 8px;
  border-radius: 6px;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);
}

/* ══════════════════════════════════════════════════════════════
   29. FUNDING — VISA/MC SVG text in bottom-sheet dark
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .msl-sheet__option svg text,
[data-theme="dark"] .msl-sheet__option svg [fill="#1A1F71"],
[data-theme="dark"] .msl-sheet__option svg [fill="#1a1f71"],
[data-theme="dark"] .msl-sheet__option svg [fill="#00579F"],
[data-theme="dark"] .msl-sheet__option svg [fill="#00579f"] {
  fill: #e2e8f0 !important;
}
[data-theme="dark"] .msl-sheet__option svg [fill="#EB001B"],
[data-theme="dark"] .msl-sheet__option svg [fill="#eb001b"],
[data-theme="dark"] .msl-sheet__option svg [fill="#F79E1B"],
[data-theme="dark"] .msl-sheet__option svg [fill="#f79e1b"] {
  /* keep Mastercard red/orange — they read fine on dark */
  opacity: 0.9;
}

/* ══════════════════════════════════════════════════════════════
   30. ACCOUNTS NEW  (accounts_new.php inline <style>)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mnacc__title {
  color: #f1f5f9;
}
[data-theme="dark"] .mnacc__group-title {
  color: #64748b;
}
[data-theme="dark"] .mnacc__back {
  background: #1a2235;
  border-color: #2d3748;
  color: #e2e8f0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .mnacc__card {
  background: #1a2235;
  border-color: #2d3748;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .mnacc__card-head {
  border-bottom-color: #2d3748;
}
[data-theme="dark"] .mnacc__card-head.live_color {
  color: #93c5fd;
}
[data-theme="dark"] .mnacc__card-head.demo_color {
  color: #34d399;
}
[data-theme="dark"] .mnacc__card-row {
  border-bottom-color: #1e2d45;
}
[data-theme="dark"] .mnacc__card-label {
  color: #64748b;
}
[data-theme="dark"] .mnacc__card-value {
  color: #f1f5f9;
}
[data-theme="dark"] .mnacc__card-select {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"] .mnacc__card-btn.live_color {
  background: #2d5cbf;
  color: #fff;
}
[data-theme="dark"] .mnacc__card-btn.demo_color {
  background: #065f46;
  color: #fff;
}

/* ══════════════════════════════════════════════════════════════
   31. PROFILE INFO  (profile_info.php inline <style>)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mprof__title {
  color: #f1f5f9;
}
[data-theme="dark"] .mprof__section {
  background: #1a2235;
  border-color: #2d3748;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .mprof__section-title {
  color: #94a3b8;
  border-bottom-color: #2d3748;
}
[data-theme="dark"] .mprof__section-title--success {
  color: #34d399;
}
[data-theme="dark"] .mprof__section-title--danger {
  color: #f87171;
}
[data-theme="dark"] .mprof__field {
  border-bottom-color: #1e2d45;
}
[data-theme="dark"] .mprof__field-label {
  color: #64748b;
}
[data-theme="dark"] .mprof__field-input {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"] .mprof__field-input:not([readonly]):not([disabled]) {
  background: #1e2d45;
  border-color: #6366f1;
}
[data-theme="dark"] .mprof__field-value {
  color: #e2e8f0;
}
[data-theme="dark"] .mprof__btn--edit {
  background: #132040;
  color: #60a5fa;
}
[data-theme="dark"] .mprof__btn--save {
  background: #2d5cbf;
  color: #fff;
}
[data-theme="dark"] .mprof__btn--cancel {
  background: #2d0b0b;
  color: #f87171;
}
[data-theme="dark"] .mprof__btn--eye {
  background: transparent;
  border-color: #2d3748;
  color: #64748b;
}
[data-theme="dark"] .mprof__field-actions .spinner-border {
  border-color: #2d3748;
  border-top-color: #60a5fa;
}

/* ══════════════════════════════════════════════════════════════
   32. PAYMENT VERIFICATION – detail rows, back btn, danger btn
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mpayv__back-btn {
  background: #1a2235;
  border-color: #2d3748;
  color: #e2e8f0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .mpayv__back-btn:hover {
  background: #1e2d45;
  border-color: #374c6d;
}
[data-theme="dark"] .mpayv__detail-header {
  border-bottom-color: #2d3748;
}
[data-theme="dark"] .mpayv__section-title {
  color: #94a3b8;
}
[data-theme="dark"] .mpayv__detail-row {
  border-bottom-color: #1e2d45;
}
[data-theme="dark"] .mpayv__detail-label {
  color: #64748b;
}
[data-theme="dark"] .mpayv__detail-value {
  color: #f1f5f9;
}
[data-theme="dark"] .mpayv__submit--danger {
  background: #2d0b0b;
  color: #f87171;
}

/* ══════════════════════════════════════════════════════════════
   33. REQUESTS PAGE  (requests.php inline <style>)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mrq__title {
  color: #f1f5f9;
}
[data-theme="dark"] .mrq__back {
  background: #1a2235;
  border-color: #2d3748;
  color: #e2e8f0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .mrq__filter {
  background: #1a2235;
  border-color: #2d3748;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .mrq__filter-title {
  color: #64748b;
}
[data-theme="dark"] .mrq__filter label {
  color: #64748b;
}
[data-theme="dark"] .mrq__filter input[type="date"] {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
  color-scheme: dark;
}
[data-theme="dark"] .mrq__item-actions .btn-danger {
  background: #2d0b0b;
  color: #f87171;
}
[data-theme="dark"] .mrq__item-actions .btn-primary {
  background: #132040;
  color: #60a5fa;
}
[data-theme="dark"] .mrq__item-actions .btn-success {
  background: #052e1a;
  color: #34d399;
}
[data-theme="dark"] .mrq__item-actions .btn-dark-light {
  background: #1e2d45;
  color: #94a3b8;
}

/* ══════════════════════════════════════════════════════════════
   34. ALL ACCOUNTS  (dtt_pro/accounts_view_all_platforms.php)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .macc__title {
  color: #f1f5f9;
}
[data-theme="dark"] .macc__back {
  background: #1a2235;
  border-color: #2d3748;
  color: #e2e8f0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .macc__act-btn.is-soft {
  background: #1e2d45;
  color: #93c5fd;
}
[data-theme="dark"] .macc__act-btn.is-primary {
  background: #1e3a8a;
}
[data-theme="dark"] .macc__act-btn.is-success {
  background: #065f46;
}
[data-theme="dark"] .macc__card {
  background: #1a2235;
  border-color: #2d3748;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .macc__card-login {
  color: #f1f5f9;
}
[data-theme="dark"] .macc__card-type {
  color: #64748b;
}
[data-theme="dark"] .macc__card-balance {
  color: #60a5fa;
}
[data-theme="dark"] .macc__card-cur {
  color: #64748b;
}
[data-theme="dark"] .macc__card-meta {
  border-top-color: #2d3748;
  color: #64748b;
}
[data-theme="dark"] .macc__card-meta b {
  color: #e2e8f0;
}
[data-theme="dark"] .macc__card-chev {
  color: #475569;
}
[data-theme="dark"] .macc__search,
[data-theme="dark"] .macc__platform {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"] .macc__manage {
  border-top-color: #2d3748;
}
[data-theme="dark"] .macc__manage-title {
  color: #64748b;
}
[data-theme="dark"] .macc__manage-row {
  border-bottom-color: #1e2d45;
  color: #e2e8f0;
}
[data-theme="dark"] .macc__manage-ok {
  color: #34d399;
}
[data-theme="dark"] .macc__mini-btn {
  background: #1e2d45;
  color: #93c5fd;
}
[data-theme="dark"] .macc__mini-btn.danger {
  background: #2d0b0b;
  color: #f87171;
}
[data-theme="dark"] .macc__mini-btn.primary {
  background: #1e3a8a;
  color: #fff;
}
[data-theme="dark"] .macc__lev-sel {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
}
[data-theme="dark"] .macc__det-card {
  background: #1e2844;
  border-color: #2d3748;
  box-shadow: none;
}
[data-theme="dark"] .macc__det-card-title {
  color: #64748b;
  border-bottom-color: #2d3748;
}
[data-theme="dark"] .macc__det-row {
  border-bottom-color: #1e2d45;
  color: #94a3b8;
}
[data-theme="dark"] .macc__det-row b {
  color: #f1f5f9;
}

/* ══════════════════════════════════════════════════════════════
   35. TRANSACTION HISTORY  (dtt_pro/transactions_history.php)
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mtx__title {
  color: #f1f5f9;
}
[data-theme="dark"] .mtx__back {
  background: #1a2235;
  border-color: #2d3748;
  color: #e2e8f0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .mtx__ov-card {
  background: #1a2235;
  border-color: #2d3748;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .mtx__ov-cur {
  color: #93c5fd;
}
[data-theme="dark"] .mtx__ov-label {
  color: #64748b;
}
[data-theme="dark"] .mtx__ov-value {
  color: #f1f5f9;
}
[data-theme="dark"] .mtx__filter {
  background: #1a2235;
  border-color: #2d3748;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .mtx__filter-title {
  color: #64748b;
}
[data-theme="dark"] .mtx__filter label {
  color: #64748b;
}
[data-theme="dark"] .mtx__filter input[type="date"],
[data-theme="dark"] .mtx__filter select {
  background: #1e2844;
  border-color: #2d3748;
  color: #f1f5f9;
  color-scheme: dark;
}

/* ══════════════════════════════════════════════════════════════
   36. ACCOUNTS NEW — server accordion header dark
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mnacc__group-title {
  background: #1a2235 !important;
  border-color: #2d3748 !important;
  border-left-color: #60a5fa !important;
  color: #94a3b8 !important;
}
[data-theme="dark"] .mnacc__group-title:hover {
  background: #1e2d45 !important;
}
[data-theme="dark"] .mnacc__group-chev {
  color: #475569;
}

/* ══════════════════════════════════════════════════════════════
   37. PROFILE — verification rows & pill badges dark
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mprof__vrow {
  border-bottom-color: #1e2d45;
}
[data-theme="dark"] .mprof__vrow-label {
  color: #e2e8f0;
}
[data-theme="dark"] .mprof__vstatus--success {
  background: #052e1a;
  color: #34d399;
}
[data-theme="dark"] .mprof__vstatus--warning {
  background: #2d1e00;
  color: #fbbf24;
}
[data-theme="dark"] .mprof__vstatus--danger {
  background: #2d0b0b;
  color: #f87171;
}
[data-theme="dark"] .mprof__vstatus--pending {
  background: #1e1040;
  color: #a78bfa;
}
[data-theme="dark"] .mprof__section-title--success {
  background: #052e1a;
  color: #34d399;
}
[data-theme="dark"] .mprof__section-title--danger {
  background: #2d0b0b;
  color: #f87171;
}
[data-theme="dark"] .mprof__section-title--warning {
  background: #2d1e00;
  color: #fbbf24;
}
[data-theme="dark"] .mprof__pass-btn {
  background: #2d5cbf;
}

/* ══════════════════════════════════════════════════════════════
   38. RISK DISCLOSURE — dark logo image background
   ══════════════════════════════════════════════════════════════ */
[data-theme="dark"] .mrd__content img,
[data-theme="dark"] .mrd__content .img {
  background: rgba(255, 255, 255, 0.14);
  padding: 8px 12px;
  border-radius: 10px;
  box-shadow:
    0 0 0 4px rgba(255, 255, 255, 0.06),
    0 4px 16px rgba(0, 0, 0, 0.4);
}

/* ══════════════════════════════════════════════════════════════
   39. MOBILE CONFIRM DIALOG
   ══════════════════════════════════════════════════════════════ */

/* Base (light mode) */
.mobile-confirm-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 12000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  animation: mco-fade-in 0.18s ease;
}
@keyframes mco-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mobile-confirm-dialog {
  background: #fff;
  border-radius: 16px;
  padding: 24px 20px 20px;
  width: 100%;
  max-width: 340px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  animation: mcd-slide-up 0.2s ease;
}
@keyframes mcd-slide-up {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.mobile-confirm-title {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 8px;
  text-align: center;
  line-height: 1.3;
}
.mobile-confirm-body {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.5;
}
.mobile-confirm-actions {
  display: flex;
  gap: 10px;
}
.mobile-confirm-cancel,
.mobile-confirm-ok {
  flex: 1;
  padding: 12px;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.15s;
}
.mobile-confirm-cancel {
  background: #f3f4f6;
  color: #374151;
}
.mobile-confirm-ok {
  background: #3b82f6;
  color: #fff;
}
.mobile-confirm-cancel:active {
  opacity: 0.7;
}
.mobile-confirm-ok:active {
  opacity: 0.85;
}

/* Dark mode — dialog */
[data-theme="dark"] .mobile-confirm-dialog {
  background: #1a2235;
}
[data-theme="dark"] .mobile-confirm-title {
  color: #f1f5f9;
}
[data-theme="dark"] .mobile-confirm-body {
  color: #94a3b8;
}
[data-theme="dark"] .mobile-confirm-cancel {
  background: #1e2844;
  color: #cbd5e1;
}

/* Dark mode — top notification */
[data-theme="dark"] .custom_alert_top.alert-success {
  background: #052e16;
  color: #86efac;
  border: none;
}
[data-theme="dark"] .custom_alert_top.alert-danger {
  background: #2c0a0a;
  color: #fca5a5;
  border: none;
}
