:root {
  --rp-bg: #090A1D;
  --rp-bg-2: #000B20;
  --rp-card: rgba(20, 50, 47, 0.16);
  --rp-gold: #C8AD58;
  --rp-pink: #FF3288;
  --rp-pink-2: #990A46;
  --rp-card-shadow: 0 20px 60px rgba(215, 34, 110, 0.47);
  --rp-btn: linear-gradient(96deg, #990A46 7%, #FF3288 95%);
  --rp-btn-hover: linear-gradient(96deg, #b10c52 7%, #ff4a98 95%);
  --td-green: #C8AD58;
  --td-success: #C8AD58;
}

html,
body,
.page-wrapper,
.rock-dashboard-bg,
.rock-page-body-wrapper,
.rock-page-body,
.main-wrapper,
.user-panel,
.dashboard-wrapper,
.site-wrapper,
.content-wrapper,
main,
.container-fluid.default-page,
.modern-dashboard-wrapper,
.modern-dashboard-wrapper::before {
  background: var(--rp-bg) !important;
  background-image: none !important;
}

body,
.rock-dashboard-bg {
  font-family: Inter, Poppins, "Segoe UI", sans-serif !important;
  color: #fff !important;
}

.modern-dashboard-wrapper,
.modern-dashboard-wrapper::before,
.modern-login-section {
  background: linear-gradient(180deg, #090A1D 0%, #000B20 100%) !important;
}

.rock-sidebar-wrapper,
.user-sidebar,
.sidebar-inner,
.rock-page-header,
.rock-dashboard-header {
  background: #000B20 !important;
  border-color: rgba(255,255,255,.08) !important;
}

.user-nav ul li a,
.rock-sidebar-logout a,
.current-status .title {
  color: #fff !important;
}

.user-nav ul li.active a,
.user-nav ul li a:hover {
  color: var(--rp-gold) !important;
}

/* LOGIN CARD PATTERN — dashboard surfaces */
.login-card,
.stat-card,
.stats-card,
.dashboard-stat-card,
.quick-actions-card,
.mobile-quick-actions,
.transactions-card,
.staking-plans-section,
.staking-pools-section,
.available-staking-card,
.plans-card,
.staking-plan-card,
.top-pools-card,
.pool-trend-card,
.balance-card-pro,
.profile-box,
.locked-period-box,
.locked-box,
.lock-period-card,
.dashboard-locked-card,
.success-card,
.rock-dashboard-card,
.calculator-card,
.dashboard-info-bar,
#userPopupNotification .modal-content {
  background: rgba(20, 50, 47, 0.16) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 20px 60px rgba(215, 34, 110, 0.47) !important;
}

.login-card {
  border-radius: 24px !important;
  padding: 48px 40px !important;
}

/* LOGIN BUTTON PATTERN */
.login-button,
.site-btn,
.site-btn.gradient-btn,
.site-btn-sm.primary-btn,
.stake-now-btn,
.calc-stake-btn,
.rp-cta,
button.site-btn,
.login-btn,
.modern-login-section .login-btn,
.view-all-btn,
.locked-action-btn,
.profile-box .btn,
.locked-period-box .btn,
.staking-plan-card .btn,
.plan-item .btn,
.pool-card .btn,
#userPopupNotification .site-btn-sm.primary-btn {
  background: linear-gradient(96deg, #990A46 7%, #FF3288 95%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 16px rgba(200, 173, 88, 0.3) !important;
}

.login-button:hover,
.site-btn:hover,
.site-btn-sm.primary-btn:hover,
.view-all-btn:hover,
.stake-now-btn:hover,
#userPopupNotification .site-btn-sm.primary-btn:hover {
  background: linear-gradient(96deg, #b10c52 7%, #ff4a98 95%) !important;
  color: #fff !important;
  box-shadow: 0 6px 24px rgba(215, 34, 110, 0.45) !important;
}

.quick-action-icon,
.mobile-action-icon-wrapper,
.stat-icon-wrapper,
.stat-icon-box {
  background: linear-gradient(96deg, #990A46 7%, #FF3288 95%) !important;
  box-shadow: 0 4px 16px rgba(200, 173, 88, 0.3) !important;
}

.quick-action-icon svg,
.mobile-action-icon-wrapper svg,
.stat-icon,
.stat-icon-wrapper svg,
.stat-icon-box svg {
  color: #fff !important;
}

.info-item-icon,
.stat-card p,
.apy-label,
.plan-roi-label,
.dashboard-greeting h1 {
  color: #fff !important;
}

.info-item-icon {
  color: var(--rp-gold) !important;
}

.log-item-value,
.locked-timer-value,
.locked-count-value,
.locked-period-time,
.staking-plan-rate,
.plan-rate,
.pool-rate,
.balance-apy-badge,
#userPopupNotification .title {
  color: var(--rp-gold) !important;
}

.stat-card-footer,
.rp-muted,
.dashboard-greeting p {
  color: #c9c9c9 !important;
}

.locked-progress span,
.locked-bar span,
.apy-chart-bars > div,
#userPopupNotification .popup-body-text::-webkit-scrollbar-thumb,
#userPopupNotification .popup-body-text::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(96deg, #990A46 7%, #FF3288 95%) !important;
  box-shadow: none !important;
}

.live-dot {
  background: #FF3288 !important;
  box-shadow: 0 0 12px rgba(255, 50, 136, 0.45) !important;
}

.top-pools-card::after,
.pool-trend-card::after,
#userPopupNotification .modal-content::before {
  background: radial-gradient(circle, rgba(215, 34, 110, 0.16), transparent 68%) !important;
}

.rock-bottom-appbar,
body.rock-dashboard-bg > .rock-mobile-screen-show {
  display: none !important;
}

.rock-dashboard-header {
  position: relative !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.rp-header-brand {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
}

.rp-header-brand img {
  width: 36px;
  height: 36px;
  display: block;
  object-fit: contain;
}

.toggle-sidebar,
.rock-desktop-screen-show {
  display: flex !important;
  color: #fff !important;
}

.current-status,
.rock-page-header .rock-mobile-screen-show,
.user-sidebar .site-logo {
  display: none !important;
}

.rock-sidebar-wrapper {
  display: block !important;
  z-index: 40 !important;
}

.rock-page-header {
  z-index: 50 !important;
}

.bg-overlay.active {
  z-index: 35 !important;
}

@media (max-width: 1399px) {
  .rock-sidebar-wrapper {
    top: 65px !important;
    height: calc(100vh - 65px) !important;
    background: #000B20 !important;
  }

  .rock-page-header,
  .rock-page-header.close_icon,
  .page-wrapper.compact-wrapper .rock-page-header {
    margin-left: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .rock-page-body {
    padding-bottom: 24px !important;
  }
}

/* Deposit / success — kill leftover lime glow */
.deposit-hero,
.card-pane,
.section,
.success-card,
.receipt-card,
.barcode-modal-card {
  background: rgba(20, 50, 47, 0.16) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 20px 60px rgba(215, 34, 110, 0.47) !important;
  color: #fff !important;
}

.hero-badge {
  background: rgba(200, 173, 88, 0.14) !important;
  color: #C8AD58 !important;
}

.stepper .dot,
.howto-num,
.view-barcode-btn,
.wallet-widget .copy-btn,
.success-icon-wrap .success-check,
.circle.done,
.btn-primary {
  background: linear-gradient(96deg, #990A46 7%, #FF3288 95%) !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(215, 34, 110, 0.35) !important;
}

.success-icon-wrap {
  background: radial-gradient(circle, rgba(215, 34, 110, 0.28), rgba(215, 34, 110, 0.06)) !important;
  box-shadow:
    0 0 0 12px rgba(215, 34, 110, 0.08),
    0 0 30px rgba(215, 34, 110, 0.22) !important;
}

#manual-credentials .file-box,
#manual-fields .file-box {
  border: 2px dashed rgba(255, 50, 136, 0.45) !important;
  background: rgba(215, 34, 110, 0.10) !important;
}

.green-text,
.success-text,
.info-box .value,
.ref-badge,
.detail-value.accent {
  color: #C8AD58 !important;
}

/* Copy trade — kill leftover lime glow */
.copy-action-card,
.copy-trader-card,
.copy-empty-card,
.copy-dashboard-card {
  background: rgba(20, 50, 47, 0.16) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 20px 60px rgba(215, 34, 110, 0.47) !important;
  color: #fff !important;
}
.copy-trader-card::before {
  background: radial-gradient(circle at 75% 0%, rgba(215, 34, 110, 0.18), transparent 24%) !important;
}
.copy-profit-value,
.copy-log-value.highlight {
  color: #C8AD58 !important;
}
.copy-submit-btn,
.copy-log-tab.active,
.copy-log-tab:hover {
  background: linear-gradient(96deg, #990A46 7%, #FF3288 95%) !important;
  color: #fff !important;
  box-shadow: 0 16px 36px rgba(215, 34, 110, 0.32) !important;
}