/* BytePay dark fix v2 — hard override, load last */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

@media (max-width: 991.98px) {
  html body.dashboard-user-layout,
  html body.dashboard-user-layout #mainArea,
  html body.dashboard-user-layout .dashboard-main-area,
  html body.dashboard-user-layout .dashboard-main-content,
  html body.dashboard-home-route .dashboard-main-area,
  html body.dashboard-home-route .dashboard-main-content {
    background: #0A0F1D !important;
    color: #F8FAFC !important;
    font-family: 'Plus Jakarta Sans', Inter, system-ui, sans-serif !important;
  }

  html body.dashboard-user-layout .dk-mobile-header {
    background: rgba(10, 15, 29, 0.95) !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16) !important;
  }

  html body.dashboard-user-layout .dk-greet__txt {
    color: #F8FAFC !important;
  }

  html body.dashboard-user-layout .dk-avatar {
    border: 2px solid #F97316 !important;
    background: #111827 !important;
    color: #fff !important;
  }

  html body.dashboard-user-layout .dk-icon-btn {
    background: #151B2B !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    color: #E2E8F0 !important;
  }

  html body.dashboard-user-layout .dk-opay-home {
    background: #0A0F1D !important;
  }

  html body.dashboard-user-layout .dk-opay-wallet__card {
    background:
      radial-gradient(circle at 100% 0%, rgba(249, 115, 22, 0.3), transparent 42%),
      linear-gradient(160deg, #1A2236 0%, #0F172A 55%, #111827 100%) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 24px !important;
    color: #fff !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35) !important;
  }

  html body.dashboard-user-layout .dk-opay-wallet__label,
  html body.dashboard-user-layout .dk-opay-wallet__history,
  html body.dashboard-user-layout .dk-opay-wallet__label i,
  html body.dashboard-user-layout .dk-opay-wallet__chevron,
  html body.dashboard-user-layout .dk-opay-wallet__eye {
    color: #CBD5E1 !important;
  }

  html body.dashboard-user-layout .dk-opay-wallet__amount,
  html body.dashboard-user-layout .dk-opay-wallet__amount.sidebar-wallet-card__amount,
  html body.dashboard-user-layout .sidebar-wallet-card__amount {
    color: #FFFFFF !important;
    font-family: 'JetBrains Mono', ui-monospace, monospace !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }

  html body.dashboard-user-layout .dk-opay-wallet__cta-row {
    display: grid !important;
    grid-template-columns: 1.2fr 1fr !important;
    gap: 10px !important;
  }

  html body.dashboard-user-layout .dk-opay-wallet__add {
    background: #F97316 !important;
    color: #fff !important;
    border-radius: 14px !important;
    min-height: 44px !important;
  }

  html body.dashboard-user-layout .dk-opay-wallet__details {
    background: rgba(15, 23, 42, 0.85) !important;
    color: #FB923C !important;
    border: 1px solid rgba(249, 115, 22, 0.4) !important;
    border-radius: 14px !important;
    min-height: 44px !important;
  }

  html body.dashboard-user-layout .dk-opay-quick {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.dashboard-user-layout .dk-opay-quick__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html body.dashboard-user-layout .dk-opay-quick__item {
    background: #151B2B !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    border-radius: 16px !important;
    color: #E2E8F0 !important;
    min-height: 84px !important;
  }

  html body.dashboard-user-layout .dk-opay-quick__item.is-accent,
  html body.dashboard-user-layout .dk-opay-quick__item:first-child {
    background: rgba(249, 115, 22, 0.16) !important;
    border-color: rgba(249, 115, 22, 0.4) !important;
    color: #FB923C !important;
  }

  html body.dashboard-user-layout .dk-opay-quick__icon {
    background: rgba(249, 115, 22, 0.14) !important;
    color: #F97316 !important;
  }

  html body.dashboard-user-layout .dk-opay-promo {
    background: #151B2B !important;
    border: 1px solid rgba(249, 115, 22, 0.3) !important;
    border-radius: 18px !important;
  }

  html body.dashboard-user-layout .dk-opay-promo__copy strong { color: #F8FAFC !important; }
  html body.dashboard-user-layout .dk-opay-promo__copy span { color: #94A3B8 !important; }
  html body.dashboard-user-layout .dk-opay-promo__icon {
    background: #F97316 !important;
    color: #fff !important;
  }
  html body.dashboard-user-layout .dk-opay-promo__cta {
    background: #F97316 !important;
    color: #fff !important;
    min-height: 44px !important;
    border-radius: 999px !important;
  }

  html body.dashboard-user-layout .dk-opay-services,
  html body.dashboard-user-layout .dk-opay-activity,
  html body.dashboard-user-layout .dk-section.dk-opay-activity {
    background: #151B2B !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    border-radius: 18px !important;
  }

  html body.dashboard-user-layout .dk-opay-services__title,
  html body.dashboard-user-layout .dk-section__title {
    color: #94A3B8 !important;
  }

  html body.dashboard-user-layout .dk-opay-services__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px 8px !important;
    overflow: visible !important;
  }

  html body.dashboard-user-layout .dk-opay-services__item {
    background: rgba(15, 23, 42, 0.72) !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
    border-radius: 16px !important;
    color: #E2E8F0 !important;
    min-height: 92px !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 5 !important;
  }

  html body.dashboard-user-layout .dk-opay-services__icon {
    background: rgba(249, 115, 22, 0.14) !important;
    color: #F97316 !important;
    border-radius: 12px !important;
  }

  html body.dashboard-user-layout .dk-trx-row__title,
  html body.dashboard-user-layout .dk-trx-row__amt {
    color: #F8FAFC !important;
  }

  html body.dashboard-user-layout .dk-trx-row__amt[data-dir="in"] {
    color: #34D399 !important;
  }

  html body.dashboard-user-layout .dk-trx-row__time,
  html body.dashboard-user-layout .dk-section__link,
  html body.dashboard-user-layout .dk-trx-row__badge {
    color: #94A3B8 !important;
  }

  html body.dashboard-user-layout .dk-tabbar {
    background: rgba(10, 15, 29, 0.97) !important;
    border-top: 1px solid rgba(148, 163, 184, 0.16) !important;
  }

  html body.dashboard-user-layout .dk-tab {
    color: #64748B !important;
  }

  html body.dashboard-user-layout .dk-tab.is-active,
  html body.dashboard-user-layout .dk-tab[data-active="1"] {
    color: #F97316 !important;
  }

  html body.dashboard-user-layout .dk-fab {
    background: #F97316 !important;
    border: 3px solid #0A0F1D !important;
    color: #fff !important;
  }

  html body.dashboard-user-layout .dk-fab i {
    color: #fff !important;
  }

  html body.dashboard-user-layout .dk-sheet,
  html body.dashboard-user-layout .dk-apps-sheet,
  html body.dashboard-user-layout .dk-more-sheet,
  html body.dashboard-user-layout .quick-function-menu {
    background: #151B2B !important;
    color: #F8FAFC !important;
  }
}