/* AdsWatch V31: complete day/night surfaces and right-side navigation */
html[data-theme="dark"] body,
html[data-theme="dark"] body[style] {
  background: #0a0f1e !important;
  color: #f3f5fb !important;
}
html[data-theme="dark"] .main-content,
html[data-theme="dark"] .content-area,
html[data-theme="dark"] .dashboard-content,
html[data-theme="dark"] .page-content,
html[data-theme="dark"] .content-wrapper {
  background: transparent !important;
  color: #f3f5fb !important;
}
html[data-theme="dark"] .glass-card,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .quick-action,
html[data-theme="dark"] .quick-action-card,
html[data-theme="dark"] .active-plan-card,
html[data-theme="dark"] .plan-card,
html[data-theme="dark"] .transaction-card,
html[data-theme="dark"] .table-wrapper,
html[data-theme="dark"] .data-card,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .earning-card,
html[data-theme="dark"] .referral-card,
html[data-theme="dark"] .announcement-card,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu {
  background: rgba(20, 28, 46, .96) !important;
  color: #f3f5fb !important;
  border-color: rgba(160, 174, 205, .18) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.28), 0 1px 0 rgba(255,255,255,.035) inset !important;
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] .stat-value,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .quick-action strong {
  color: #f7f8ff !important;
}
html[data-theme="dark"] p,
html[data-theme="dark"] small,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .stat-label,
html[data-theme="dark"] .card-subtitle,
html[data-theme="dark"] .quick-action span {
  color: #aab4c8 !important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .form-control {
  background: #111a2c !important;
  color: #f5f7ff !important;
  border-color: rgba(160,174,205,.25) !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: #8793aa !important; }
html[data-theme="dark"] table,
html[data-theme="dark"] th,
html[data-theme="dark"] td { color: #e9edf7 !important; border-color: rgba(160,174,205,.16) !important; }
html[data-theme="dark"] .topbar {
  background: rgba(13, 19, 33, .96) !important;
  color: #f5f7ff !important;
  border-color: rgba(160,174,205,.18) !important;
}
html[data-theme="dark"] .sidebar {
  background: #111a2c !important;
  border-color: rgba(160,174,205,.18) !important;
}
/* Desktop navigation rail sits fully on the right, not just its toggle button. */
@media (min-width: 1025px) {
  .sidebar { left: auto !important; right: 0 !important; border-right: 0 !important; border-left: 1px solid var(--border) !important; }
  .main-content { margin-left: 0 !important; margin-right: 260px !important; }
}
@media (max-width: 1024px) {
  .sidebar { left: auto !important; right: 0 !important; transform: translateX(105%) !important; border-right: 0 !important; border-left: 1px solid var(--border) !important; }
  .sidebar.open { transform: translateX(0) !important; }
  .main-content { margin-left: 0 !important; margin-right: 0 !important; }
  .sidebar.open { box-shadow: -18px 0 50px rgba(0,0,0,.28) !important; }
}