/* ============================================
   SOCIAL EARN — GLOBAL COLOR OVERRIDE
   Forces #01210A dark on ALL elements
   ============================================ */

*, *::before, *::after {
  --dark:  #01210A !important;
  --dark2: #01210A !important;
  --dark3: #01210A !important;
  --card:  #01210A !important;
  --green: #A8FF00 !important;
}

/* Body */
body, html {
  background: #01210A !important;
  background-color: #01210A !important;
}

/* ALL sections */
section,
.hero,
.navbar,
nav,
footer,
#how,
#tasks,
#why,
#proof,
#join {
  background: #01210A !important;
  background-color: #01210A !important;
}

/* ALL cards */
.card,
.stat-card,
.mini-card,
.step,
.why-card,
.task-showcase,
.testimonial,
.proof-card,
.streak-card,
.lb-card,
.lb-list,
.member-card,
.ref-box,
.form-card,
.form-wrapper,
.balance-card,
.coins-card,
.level-card,
.sponsor-card,
.history-item,
.task-item,
.task-card,
.notif-item,
.banner-item,
.ticker-item,
.sched-item,
.method-card,
.amount-box,
.otp-info,
.sum-card,
.podium-item,
.why-card,
.my-rank-card,
.profile-header,
.section,
.sidebar,
.modal,
.cta-wrap,
.card-title {
  background: #01210A !important;
  background-color: #01210A !important;
}

/* Stats */
.stats-row .stat-card,
.stats-grid .stat-card,
.mini-stats .mini-card,
.stats-row > div,
.mini-stats > div {
  background: #01210A !important;
}

/* Navbar + ticker */
.navbar,
.ticker-wrap,
.bottom-nav {
  background: rgba(1,33,10,0.97) !important;
}

/* Sidebar admin */
.sidebar {
  background: #01210A !important;
}
.main {
  background: #010f05 !important;
}

/* Gradients override */
.coins-card,
.balance-card,
.level-card,
.profile-header,
.my-rank-card,
.podium-item.first,
#join {
  background: linear-gradient(135deg, #000000, #01210A) !important;
}

/* Logo box remove */
.nav-logo-icon,
.sb-logo-icon,
.logo-icon,
.footer-logo-icon {
  background: transparent !important;
  box-shadow: none !important;
}

/* Form inputs */
.form-group input,
.form-group select,
.form-group textarea,
.ref-input,
.ref-link-input,
.search-input {
  background: rgba(255,255,255,0.05) !important;
}

/* Popup/modal */
.popup-box,
.popup-overlay,
.modal,
.card {
  background: #01210A !important;
}