/* Light Theme Styles - Include after theme.js */

/* ===== UNIVERSAL TOAST STYLES (both themes) ===== */
.toast-container {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: none;
}

.toast {
  padding: 16px 20px;
  border-radius: 16px;
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 340px;
  max-width: 420px;
  animation: toastSlideIn 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: auto;
  position: relative;
  overflow: hidden;
}

/* Progress bar for auto-dismiss */
.toast::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background: var(--accent, #10b981);
  animation: toastProgress 4s linear forwards;
  border-radius: 0 0 16px 16px;
}

@keyframes toastSlideIn {
  from {
    opacity: 0;
    transform: translateX(100px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes toastSlideOut {
  from {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
  to {
    opacity: 0;
    transform: translateX(100px) scale(0.9);
  }
}

@keyframes toastProgress {
  from { width: 100%; }
  to { width: 0%; }
}

.toast.hiding {
  animation: toastSlideOut 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.toast-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.toast-icon svg {
  width: 22px;
  height: 22px;
}

.toast-content {
  flex: 1;
  min-width: 0;
}

.toast-title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 3px;
}

.toast-message {
  font-size: 13px;
  line-height: 1.4;
  opacity: 0.7;
}

.toast-close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
  border-radius: 8px;
  transition: all 0.2s;
  flex-shrink: 0;
  opacity: 0.5;
}

.toast-close:hover {
  opacity: 1;
  background: rgba(128, 128, 128, 0.15);
}

.toast-close svg {
  width: 16px;
  height: 16px;
}

/* Dark theme toast (default) */
.toast {
  background: rgba(15, 15, 15, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
}

.toast-title { color: #fff; }
.toast-message { color: rgba(255, 255, 255, 0.6); }
.toast-close { color: rgba(255, 255, 255, 0.5); }
.toast-close:hover { color: #fff; }

/* Use accent color for success toasts */
.toast.success {
  border-color: rgba(var(--accent-rgb, 16, 185, 129), 0.4);
  background: linear-gradient(135deg, rgba(15, 15, 15, 0.95), rgba(var(--accent-rgb, 16, 185, 129), 0.15));
}
.toast.success .toast-icon { 
  background: rgba(var(--accent-rgb, 16, 185, 129), 0.2); 
  color: var(--accent, #10b981); 
}
.toast.success::after {
  background: var(--accent, #10b981);
}

.toast.error {
  border-color: rgba(239, 68, 68, 0.4);
  background: linear-gradient(135deg, rgba(15, 15, 15, 0.95), rgba(239, 68, 68, 0.15));
}
.toast.error .toast-icon { background: rgba(239, 68, 68, 0.2); color: #ef4444; }
.toast.error::after { background: #ef4444; }

.toast.warning {
  border-color: rgba(245, 158, 11, 0.4);
  background: linear-gradient(135deg, rgba(15, 15, 15, 0.95), rgba(245, 158, 11, 0.15));
}
.toast.warning .toast-icon { background: rgba(245, 158, 11, 0.2); color: #f59e0b; }
.toast.warning::after { background: #f59e0b; }

.toast.info {
  border-color: rgba(var(--accent-rgb, 59, 130, 246), 0.4);
  background: linear-gradient(135deg, rgba(15, 15, 15, 0.95), rgba(var(--accent-rgb, 59, 130, 246), 0.15));
}
.toast.info .toast-icon { 
  background: rgba(var(--accent-rgb, 59, 130, 246), 0.2); 
  color: var(--accent, #3b82f6); 
}
.toast.info::after {
  background: var(--accent, #3b82f6);
}

/* ===== LIGHT THEME STYLES ===== */

/* Base */
.theme-light {
  background: #f5f5f7 !important;
  color: #1d1d1f !important;
}

.theme-light html,
.theme-light body {
  background: #f5f5f7 !important;
  color: #1d1d1f !important;
}

/* Background Canvas */
.theme-light .bg-canvas {
  background: linear-gradient(135deg, #f5f5f7 0%, #e8e8ed 50%, #f5f5f7 100%);
}

.theme-light .bg-canvas::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 30% 20%, rgba(16, 185, 129, 0.08) 0%, transparent 50%),
              radial-gradient(ellipse at 70% 80%, rgba(59, 130, 246, 0.08) 0%, transparent 50%);
}

.theme-light .bg-canvas iframe {
  filter: invert(1) hue-rotate(180deg);
  opacity: 0.4;
}

/* Typography */
.theme-light .page-title,
.theme-light h1,
.theme-light h2,
.theme-light h3 {
  color: #1d1d1f !important;
}

.theme-light .page-subtitle,
.theme-light .text-muted {
  color: rgba(0, 0, 0, 0.5) !important;
}

/* Cards */
.theme-light .card,
.theme-light .stat-card,
.theme-light .settings-card,
.theme-light .config-card,
.theme-light .ticket-card,
.theme-light .promo-card {
  background: rgba(255, 255, 255, 0.8) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  backdrop-filter: blur(20px);
}

.theme-light .card *,
.theme-light .stat-card *,
.theme-light .config-card * {
  color: #1d1d1f;
}

.theme-light .card .text-muted,
.theme-light .stat-label,
.theme-light .card-desc {
  color: rgba(0, 0, 0, 0.5) !important;
}

/* Stat Cards */
.theme-light .stat-value {
  color: #1d1d1f !important;
}

.theme-light .stat-label {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .stat-icon.green { background: rgba(16, 185, 129, 0.1); color: #10b981; }
.theme-light .stat-icon.blue { background: rgba(59, 130, 246, 0.1); color: #3b82f6; }
.theme-light .stat-icon.purple { background: rgba(139, 92, 246, 0.1); color: #8b5cf6; }
.theme-light .stat-icon.orange { background: rgba(245, 158, 11, 0.1); color: #f59e0b; }
.theme-light .stat-icon.red { background: rgba(239, 68, 68, 0.1); color: #ef4444; }

/* Product Cards */
.theme-light .product-card {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

.theme-light .product-card .product-title,
.theme-light .product-card h3 {
  color: #1d1d1f !important;
}

.theme-light .product-card .product-desc {
  color: rgba(0, 0, 0, 0.6) !important;
}

/* Config Cards (Cloud Market) */
.theme-light .config-card {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .config-card .config-title,
.theme-light .config-card .config-name {
  color: #1d1d1f !important;
}

.theme-light .config-card .config-desc,
.theme-light .config-card .config-meta {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .config-card .config-price {
  color: #1d1d1f !important;
}

.theme-light .config-card .config-author {
  color: rgba(0, 0, 0, 0.6) !important;
}

/* Tags */
.theme-light .tag,
.theme-light .badge {
  background: rgba(0, 0, 0, 0.06) !important;
  color: rgba(0, 0, 0, 0.7) !important;
}

.theme-light .tag.active,
.theme-light .badge-success {
  background: rgba(16, 185, 129, 0.1) !important;
  color: #059669 !important;
}

.theme-light .badge-warning {
  background: rgba(245, 158, 11, 0.1) !important;
  color: #d97706 !important;
}

.theme-light .badge-info {
  background: rgba(59, 130, 246, 0.1) !important;
  color: #2563eb !important;
}

.theme-light .badge-danger {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #dc2626 !important;
}

/* Buttons */
.theme-light .btn-primary {
  background: #1d1d1f !important;
  color: #fff !important;
}

.theme-light .btn-primary:hover {
  background: #000 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.theme-light .btn-ghost,
.theme-light .btn-secondary {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #1d1d1f !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.theme-light .btn-ghost:hover,
.theme-light .btn-secondary:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

.theme-light .btn-success {
  background: rgba(16, 185, 129, 0.1) !important;
  color: #059669 !important;
  border-color: rgba(16, 185, 129, 0.2) !important;
}

.theme-light .btn-danger {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #dc2626 !important;
}

/* Inputs */
.theme-light input,
.theme-light select,
.theme-light textarea,
.theme-light .input,
.theme-light .setting-input,
.theme-light .setting-select {
  background: rgba(0, 0, 0, 0.03) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: #1d1d1f !important;
}

.theme-light input::placeholder,
.theme-light textarea::placeholder {
  color: rgba(0, 0, 0, 0.35) !important;
}

.theme-light input:focus,
.theme-light select:focus,
.theme-light textarea:focus {
  border-color: var(--accent, #10b981) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.1) !important;
}

/* Tables */
.theme-light .table th {
  color: rgba(0, 0, 0, 0.5) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

.theme-light .table td {
  color: #1d1d1f !important;
  border-color: rgba(0, 0, 0, 0.06) !important;
}

.theme-light .table tr:hover td {
  background: rgba(0, 0, 0, 0.02) !important;
}

/* Tabs */
.theme-light .tabs {
  background: rgba(0, 0, 0, 0.03) !important;
}

.theme-light .tab {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .tab:hover {
  color: rgba(0, 0, 0, 0.8) !important;
}

.theme-light .tab.active {
  background: #fff !important;
  color: #1d1d1f !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Toasts / Notifications */
.theme-light .toast,
.theme-light .notification {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

.theme-light .toast-title {
  color: #1d1d1f !important;
}

.theme-light .toast-message {
  color: rgba(0, 0, 0, 0.5) !important;
}

/* All text inside toast */
.theme-light .toast span {
  color: #1d1d1f !important;
}

.theme-light .toast-close {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .toast-close:hover {
  color: rgba(0, 0, 0, 0.7) !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

/* Use accent color for success toasts in light theme */
.theme-light .toast.success {
  border-color: rgba(var(--accent-rgb, 16, 185, 129), 0.25) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(var(--accent-rgb, 16, 185, 129), 0.08)) !important;
}

.theme-light .toast.success .toast-icon {
  background: rgba(var(--accent-rgb, 16, 185, 129), 0.15) !important;
  color: var(--accent, #10b981) !important;
}

.theme-light .toast.success::after {
  background: var(--accent, #10b981) !important;
}

.theme-light .toast.error {
  border-color: rgba(239, 68, 68, 0.25) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(239, 68, 68, 0.08)) !important;
}

.theme-light .toast.error .toast-icon {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #ef4444 !important;
}

.theme-light .toast.warning {
  border-color: rgba(245, 158, 11, 0.25) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(245, 158, 11, 0.08)) !important;
}

.theme-light .toast.warning .toast-icon {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #f59e0b !important;
}

.theme-light .toast.info {
  border-color: rgba(var(--accent-rgb, 59, 130, 246), 0.25) !important;
  background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(var(--accent-rgb, 59, 130, 246), 0.08)) !important;
}

.theme-light .toast.info .toast-icon {
  background: rgba(var(--accent-rgb, 59, 130, 246), 0.15) !important;
  color: var(--accent, #3b82f6) !important;
}

.theme-light .toast.info::after {
  background: var(--accent, #3b82f6) !important;
}

/* Referral Link Box */
.theme-light .referral-link,
.theme-light .link-box,
.theme-light .copy-box {
  background: rgba(0, 0, 0, 0.03) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: #1d1d1f !important;
}

/* Steps / How it Works */
.theme-light .step-number {
  background: rgba(0, 0, 0, 0.06) !important;
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .step-number.active {
  background: var(--accent, #10b981) !important;
  color: #fff !important;
}

.theme-light .step-title {
  color: #1d1d1f !important;
}

.theme-light .step-desc {
  color: rgba(0, 0, 0, 0.5) !important;
}

/* Footer */
.theme-light footer {
  border-color: rgba(0, 0, 0, 0.06) !important;
  color: rgba(0, 0, 0, 0.4) !important;
}

/* Scrollbar */
.theme-light ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.theme-light ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.03);
}

.theme-light ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.theme-light ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.25);
}

/* Dropdown menus */
.theme-light .dropdown,
.theme-light .dropdown-menu {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  backdrop-filter: blur(20px);
}

.theme-light .dropdown-item {
  color: rgba(0, 0, 0, 0.7) !important;
}

.theme-light .dropdown-item:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #1d1d1f !important;
}

/* Modals */
.theme-light .modal,
.theme-light .modal-content {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: #1d1d1f !important;
}

.theme-light .modal-overlay {
  background: rgba(0, 0, 0, 0.3) !important;
}

/* Dividers */
.theme-light hr,
.theme-light .divider {
  border-color: rgba(0, 0, 0, 0.08) !important;
}

/* Links */
.theme-light a:not(.btn):not(.nav-item) {
  color: var(--accent, #10b981);
}

.theme-light a:not(.btn):not(.nav-item):hover {
  color: var(--accent-hover, #059669);
}

/* Toggle */
.theme-light .toggle-slider {
  background: rgba(0, 0, 0, 0.15) !important;
}

.theme-light .toggle-slider:before {
  background: #fff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Search */
.theme-light .search-box,
.theme-light .search-input {
  background: rgba(0, 0, 0, 0.03) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: #1d1d1f !important;
}

/* Filters */
.theme-light .filter-btn {
  background: rgba(0, 0, 0, 0.03) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.theme-light .filter-btn:hover,
.theme-light .filter-btn.active {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #1d1d1f !important;
}

/* Empty states */
.theme-light .empty-state {
  color: rgba(0, 0, 0, 0.4) !important;
}

/* Progress bars */
.theme-light .progress-bg {
  background: rgba(0, 0, 0, 0.08) !important;
}

/* Avatars */
.theme-light .avatar {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

/* Icons in cards */
.theme-light .card-icon {
  color: rgba(0, 0, 0, 0.3) !important;
}

/* Price text */
.theme-light .price {
  color: #1d1d1f !important;
}

.theme-light .price-old {
  color: rgba(0, 0, 0, 0.4) !important;
}

/* Rating stars */
.theme-light .star {
  color: rgba(0, 0, 0, 0.2) !important;
}

.theme-light .star.filled {
  color: #f59e0b !important;
}

/* Status indicators */
.theme-light .status-dot.online,
.theme-light .status-dot.active,
.theme-light .status-dot.undetected {
  background: #10b981 !important;
}

.theme-light .status-dot.offline,
.theme-light .status-dot.expired {
  background: #ef4444 !important;
}

.theme-light .status-dot.pending {
  background: #f59e0b !important;
}

/* ===== PAGE SPECIFIC STYLES ===== */

/* Referral Page */
.theme-light .referral-card,
.theme-light .earnings-card,
.theme-light .stats-card {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.theme-light .referral-card h3,
.theme-light .referral-card .card-title {
  color: #1d1d1f !important;
}

.theme-light .referral-card p,
.theme-light .referral-card .card-desc {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .referral-link-box {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #1d1d1f !important;
}

.theme-light .referral-link-box svg {
  color: rgba(0, 0, 0, 0.4) !important;
}

/* How it works steps */
.theme-light .step-card {
  background: rgba(255, 255, 255, 0.8) !important;
}

.theme-light .step-number {
  background: rgba(0, 0, 0, 0.06) !important;
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .step-card.active .step-number,
.theme-light .step-number.active {
  background: var(--accent, #10b981) !important;
  color: #fff !important;
}

.theme-light .step-title {
  color: #1d1d1f !important;
}

.theme-light .step-desc {
  color: rgba(0, 0, 0, 0.5) !important;
}

/* Cloud Market / Configs */
.theme-light .config-grid .config-card {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .config-card .config-icon {
  background: rgba(0, 0, 0, 0.04) !important;
  color: rgba(0, 0, 0, 0.3) !important;
}

.theme-light .config-card .config-badge {
  background: rgba(0, 0, 0, 0.06) !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.theme-light .config-card .config-badge.lua {
  background: rgba(139, 92, 246, 0.1) !important;
  color: #7c3aed !important;
}

.theme-light .config-card .config-badge.config {
  background: rgba(59, 130, 246, 0.1) !important;
  color: #2563eb !important;
}

.theme-light .config-card .config-tags .tag {
  background: rgba(0, 0, 0, 0.04) !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.theme-light .config-card .config-footer {
  border-color: rgba(0, 0, 0, 0.06) !important;
}

.theme-light .config-card .config-author {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .config-card .config-stats {
  color: rgba(0, 0, 0, 0.4) !important;
}

/* Promo Page */
.theme-light .promo-input-wrapper {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .promo-input {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px !important;
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 14px !important;
}

.theme-light .promo-input input {
  flex: 1 !important;
  background: transparent !important;
  border: none !important;
  color: #1d1d1f !important;
  font-size: 14px !important;
  outline: none !important;
  min-width: 0 !important;
}

.theme-light .promo-input input::placeholder {
  color: rgba(0, 0, 0, 0.35) !important;
}

.theme-light .promo-input svg {
  color: rgba(0, 0, 0, 0.35) !important;
  flex-shrink: 0 !important;
}

.theme-light .promo-history-item {
  background: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* Support Page */
.theme-light .ticket-card {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .ticket-card .ticket-title {
  color: #1d1d1f !important;
}

.theme-light .ticket-card .ticket-meta {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .ticket-card .ticket-status.open {
  background: rgba(16, 185, 129, 0.1) !important;
  color: #059669 !important;
}

.theme-light .ticket-card .ticket-status.closed {
  background: rgba(0, 0, 0, 0.06) !important;
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .ticket-card .ticket-status.pending {
  background: rgba(245, 158, 11, 0.1) !important;
  color: #d97706 !important;
}

.theme-light .ticket-card .ticket-id,
.theme-light .ticket-id {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .ticket-card h3,
.theme-light .ticket-card .text-white {
  color: #1d1d1f !important;
}

.theme-light .ticket-card .text-white\/50,
.theme-light .ticket-card .text-white\/40 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .ticket-card svg {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .ticket-title {
  color: #1d1d1f !important;
}

.theme-light .ticket-preview {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .ticket-meta {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .ticket-meta-item {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .ticket-status.open {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #059669 !important;
}

.theme-light .ticket-status.pending {
  background: rgba(245, 158, 11, 0.12) !important;
  color: #d97706 !important;
}

.theme-light .ticket-status.resolved {
  background: rgba(59, 130, 246, 0.12) !important;
  color: #2563eb !important;
}

/* Product Page */
.theme-light .product-header {
  background: rgba(255, 255, 255, 0.9) !important;
}

.theme-light .product-title {
  color: #1d1d1f !important;
}

.theme-light .product-desc {
  color: rgba(0, 0, 0, 0.6) !important;
}

.theme-light .feature-card {
  background: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.theme-light .feature-card .feature-title {
  color: #1d1d1f !important;
}

.theme-light .feature-card .feature-desc {
  color: rgba(0, 0, 0, 0.5) !important;
}

/* Dashboard Index */
.theme-light .welcome-text {
  color: #1d1d1f !important;
}

.theme-light .welcome-subtitle {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .product-card-game {
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .product-card-game .game-title {
  color: #fff !important; /* Keep white on image overlay */
}

.theme-light .product-card-game .game-subtitle {
  color: rgba(255, 255, 255, 0.7) !important;
}

.theme-light .product-card-game .game-actions {
  background: rgba(255, 255, 255, 0.95) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.theme-light .product-card-game .game-actions .btn {
  color: #1d1d1f !important;
}

/* Section headers */
.theme-light .section-header,
.theme-light .section-title {
  color: #1d1d1f !important;
}

/* All generic text colors */
.theme-light [style*="color: #fff"],
.theme-light [style*="color: white"],
.theme-light [style*="color:#fff"] {
  color: #1d1d1f !important;
}

.theme-light [style*="color: rgba(255, 255, 255"],
.theme-light [style*="color: rgba(255,255,255"] {
  color: rgba(0, 0, 0, 0.7) !important;
}

/* ===== MODALS ===== */
.theme-light .modal,
.theme-light .modal-content,
.theme-light .modal-box,
.theme-light [class*="modal"] {
  background: rgba(255, 255, 255, 0.98) !important;
  color: #1d1d1f !important;
}

.theme-light .modal-header,
.theme-light .modal-title {
  color: #1d1d1f !important;
}

.theme-light .modal-body {
  color: #1d1d1f !important;
}

.theme-light .modal-footer {
  border-color: rgba(0, 0, 0, 0.06) !important;
}

/* Balance Modal */
.theme-light .balance-modal,
.theme-light .deposit-modal {
  background: #fff !important;
}

.theme-light .balance-amount,
.theme-light .deposit-amount {
  color: #1d1d1f !important;
}

.theme-light .amount-btn,
.theme-light .amount-option {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #1d1d1f !important;
}

.theme-light .amount-btn:hover,
.theme-light .amount-option:hover,
.theme-light .amount-btn.active,
.theme-light .amount-option.active {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
}

.theme-light .payment-method,
.theme-light .payment-option {
  background: rgba(0, 0, 0, 0.02) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  color: #1d1d1f !important;
}

.theme-light .payment-method:hover,
.theme-light .payment-option:hover,
.theme-light .payment-method.active,
.theme-light .payment-option.active {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: var(--accent, #10b981) !important;
}

/* Purchase Modal */
.theme-light .purchase-modal {
  background: #fff !important;
}

.theme-light .product-select,
.theme-light .product-option {
  background: rgba(0, 0, 0, 0.02) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .product-option.selected {
  border-color: var(--accent, #10b981) !important;
  background: rgba(16, 185, 129, 0.05) !important;
}

.theme-light .product-name {
  color: #1d1d1f !important;
}

.theme-light .product-status {
  color: rgba(0, 0, 0, 0.5) !important;
}

/* Ticket Modal */
.theme-light .ticket-modal,
.theme-light .new-ticket-modal {
  background: #fff !important;
}

.theme-light .priority-btn,
.theme-light .priority-option {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.theme-light .priority-btn:hover,
.theme-light .priority-option:hover {
  background: rgba(0, 0, 0, 0.06) !important;
}

.theme-light .priority-btn.active.low,
.theme-light .priority-option.active.low {
  background: rgba(16, 185, 129, 0.1) !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
  color: #059669 !important;
}

.theme-light .priority-btn.active.medium,
.theme-light .priority-option.active.medium {
  background: rgba(245, 158, 11, 0.1) !important;
  border-color: rgba(245, 158, 11, 0.3) !important;
  color: #d97706 !important;
}

.theme-light .priority-btn.active.high,
.theme-light .priority-option.active.high {
  background: rgba(239, 68, 68, 0.1) !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
  color: #dc2626 !important;
}

/* Promo Modal */
.theme-light .promo-modal,
.theme-light .create-promo-modal {
  background: #fff !important;
}

.theme-light .promo-summary,
.theme-light .promo-total {
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.15) !important;
}

.theme-light .promo-summary .label {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .promo-summary .value {
  color: #059669 !important;
}

/* ===== LIST ITEMS (My Items, Library, etc.) ===== */
.theme-light .item-row,
.theme-light .list-item,
.theme-light .config-row,
.theme-light .library-item,
.theme-light .my-item {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  color: #1d1d1f !important;
}

.theme-light .item-row:hover,
.theme-light .list-item:hover {
  background: rgba(255, 255, 255, 1) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.theme-light .item-icon,
.theme-light .list-item-icon {
  background: rgba(0, 0, 0, 0.04) !important;
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .item-title,
.theme-light .list-item-title,
.theme-light .item-name {
  color: #1d1d1f !important;
}

.theme-light .item-meta,
.theme-light .list-item-meta,
.theme-light .item-subtitle {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .item-stats,
.theme-light .item-sales,
.theme-light .item-downloads {
  color: rgba(0, 0, 0, 0.6) !important;
}

.theme-light .item-earnings {
  color: #059669 !important;
}

.theme-light .item-actions .btn-edit {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #1d1d1f !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .item-actions .btn-delete {
  background: rgba(239, 68, 68, 0.08) !important;
  color: #dc2626 !important;
  border: 1px solid rgba(239, 68, 68, 0.15) !important;
}

.theme-light .item-actions .btn-load {
  background: rgba(16, 185, 129, 0.08) !important;
  color: #059669 !important;
  border: 1px solid rgba(16, 185, 129, 0.15) !important;
}

.theme-light .item-actions .btn-gift {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #1d1d1f !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* ===== WISHLIST CARDS ===== */
.theme-light .wishlist-card,
.theme-light .saved-item {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .wishlist-card .remove-btn {
  background: rgba(0, 0, 0, 0.06) !important;
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .wishlist-card .remove-btn:hover {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #dc2626 !important;
}

/* ===== STATS CARDS (My Items tab) ===== */
.theme-light .stats-row .stat-box,
.theme-light .earnings-stat,
.theme-light .sales-stat {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.theme-light .stat-box .stat-value,
.theme-light .earnings-value {
  color: #1d1d1f !important;
}

.theme-light .stat-box .stat-label {
  color: rgba(0, 0, 0, 0.5) !important;
}

/* ===== SEARCH & FILTERS ===== */
.theme-light .search-wrapper,
.theme-light .search-box {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .search-wrapper input,
.theme-light .search-box input {
  color: #1d1d1f !important;
  background: transparent !important;
}

.theme-light .search-wrapper input::placeholder,
.theme-light .search-box input::placeholder {
  color: rgba(0, 0, 0, 0.35) !important;
}

.theme-light .search-wrapper svg,
.theme-light .search-icon {
  color: rgba(0, 0, 0, 0.35) !important;
}

.theme-light .filter-dropdown,
.theme-light .type-filter,
.theme-light .category-filter {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

/* ===== ALERT / WARNING BOXES ===== */
.theme-light .alert,
.theme-light .warning-box,
.theme-light .info-box {
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .alert-warning,
.theme-light .warning-box {
  background: rgba(245, 158, 11, 0.08) !important;
  border-color: rgba(245, 158, 11, 0.2) !important;
  color: #92400e !important;
}

.theme-light .alert-success {
  background: rgba(16, 185, 129, 0.08) !important;
  border-color: rgba(16, 185, 129, 0.2) !important;
  color: #065f46 !important;
}

.theme-light .alert-error,
.theme-light .alert-danger {
  background: rgba(239, 68, 68, 0.08) !important;
  border-color: rgba(239, 68, 68, 0.2) !important;
  color: #991b1b !important;
}

.theme-light .alert-info {
  background: rgba(59, 130, 246, 0.08) !important;
  border-color: rgba(59, 130, 246, 0.2) !important;
  color: #1e40af !important;
}

/* ===== DURATION/PERIOD SELECTORS ===== */
.theme-light .duration-btn,
.theme-light .period-btn,
.theme-light .time-option {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.theme-light .duration-btn:hover,
.theme-light .period-btn:hover,
.theme-light .time-option:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #1d1d1f !important;
}

.theme-light .duration-btn.active,
.theme-light .period-btn.active,
.theme-light .time-option.active {
  background: #1d1d1f !important;
  color: #fff !important;
  border-color: #1d1d1f !important;
}

/* ===== SELECT DROPDOWNS ===== */
.theme-light select,
.theme-light .select-box,
.theme-light .custom-select {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #1d1d1f !important;
}

.theme-light select option {
  background: #fff !important;
  color: #1d1d1f !important;
}

/* ===== TEXTAREA ===== */
.theme-light textarea {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #1d1d1f !important;
}

.theme-light textarea::placeholder {
  color: rgba(0, 0, 0, 0.35) !important;
}

.theme-light textarea:focus {
  background: #fff !important;
  border-color: var(--accent, #10b981) !important;
}

/* ===== CANCEL BUTTON ===== */
.theme-light .btn-cancel,
.theme-light .cancel-btn {
  background: rgba(0, 0, 0, 0.04) !important;
  color: rgba(0, 0, 0, 0.6) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .btn-cancel:hover,
.theme-light .cancel-btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #1d1d1f !important;
}

/* ===== CONFIGS PAGE SPECIFIC ===== */

/* Config Cards */
.theme-light .config-card {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .config-card:hover {
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

.theme-light .config-cover {
  background: rgba(0, 0, 0, 0.03) !important;
}

.theme-light .config-cover svg {
  color: rgba(0, 0, 0, 0.15) !important;
}

.theme-light .config-title {
  color: #1d1d1f !important;
}

.theme-light .config-version {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .config-desc {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .config-price-tag {
  color: #1d1d1f !important;
}

.theme-light .config-price-tag.free {
  color: #059669 !important;
}

.theme-light .config-author-name {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .config-footer {
  border-color: rgba(0, 0, 0, 0.06) !important;
}

.theme-light .config-stat {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .config-flag {
  background: rgba(0, 0, 0, 0.04) !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.theme-light .config-tag {
  background: rgba(59, 130, 246, 0.08) !important;
  color: #2563eb !important;
}

.theme-light .config-type.config {
  background: rgba(59, 130, 246, 0.1) !important;
  color: #2563eb !important;
}

.theme-light .config-type.lua {
  background: rgba(168, 85, 247, 0.1) !important;
  color: #9333ea !important;
}

/* Wishlist Remove Button */
.theme-light .wishlist-remove {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .wishlist-remove:hover {
  background: rgba(239, 68, 68, 0.1) !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
  color: #dc2626 !important;
}

/* Filters Bar */
.theme-light .search-input {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #1d1d1f !important;
}

.theme-light .search-input::placeholder {
  color: rgba(0, 0, 0, 0.35) !important;
}

.theme-light .search-input:focus {
  border-color: var(--accent, #10b981) !important;
  background: #fff !important;
}

.theme-light .filter-select {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.7) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.4)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
}

.theme-light .filter-select:hover {
  border-color: rgba(0, 0, 0, 0.15) !important;
  background-color: rgba(0, 0, 0, 0.04) !important;
}

.theme-light .filter-select option {
  background: #fff !important;
  color: #1d1d1f !important;
}

/* Custom Select Dropdown */
.theme-light .custom-select-btn {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.7) !important;
}

.theme-light .custom-select-btn:hover {
  border-color: rgba(0, 0, 0, 0.15) !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

.theme-light .custom-select-dropdown {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
}

.theme-light .custom-select-option {
  color: rgba(0, 0, 0, 0.7) !important;
}

.theme-light .custom-select-option:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #1d1d1f !important;
}

.theme-light .custom-select-option.active {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #1d1d1f !important;
}

/* Stats Row (My Items) */
.theme-light .stats-row {
  display: flex;
  gap: 16px;
}

.theme-light .stat-box {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  padding: 20px !important;
  border-radius: 12px !important;
}

.theme-light .stat-box .value {
  color: #1d1d1f !important;
}

.theme-light .stat-box .label {
  color: rgba(0, 0, 0, 0.5) !important;
}

/* Item List (My Items, Library) */
.theme-light .item-list .item {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 12px !important;
}

.theme-light .item-list .item:hover {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.theme-light .item-list .item .icon {
  background: rgba(0, 0, 0, 0.04) !important;
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .item-list .item .title {
  color: #1d1d1f !important;
}

.theme-light .item-list .item .meta {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .item-list .item .stats span {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .item-list .item .earnings {
  color: #059669 !important;
}

/* Section Headers */
.theme-light .section-header {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .items-count {
  color: rgba(0, 0, 0, 0.4) !important;
}

/* Empty State */
.theme-light .empty-state {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .empty-state svg {
  color: rgba(0, 0, 0, 0.2) !important;
}

/* ===== INDEX PAGE (Dashboard) ===== */

/* Stat Cards on Dashboard */
.theme-light .stat-card {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.theme-light .stat-card .stat-label {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .stat-card .stat-value {
  color: #1d1d1f !important;
}

.theme-light .stat-card .stat-change {
  color: rgba(0, 0, 0, 0.4) !important;
}

/* Product Cards */
.theme-light .product-card {
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .product-card .card-footer {
  background: rgba(255, 255, 255, 0.95) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.theme-light .product-card .card-footer .btn {
  color: #1d1d1f !important;
}

/* ===== PROMO PAGE ===== */

.theme-light .promo-card {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.theme-light .promo-input-group {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .promo-input-group input {
  color: #1d1d1f !important;
  background: transparent !important;
}

.theme-light .promo-input-group input::placeholder {
  color: rgba(0, 0, 0, 0.35) !important;
}

.theme-light .promo-input-group svg {
  color: rgba(0, 0, 0, 0.35) !important;
}

.theme-light .promo-result {
  background: rgba(245, 158, 11, 0.08) !important;
  border: 1px solid rgba(245, 158, 11, 0.15) !important;
  color: #92400e !important;
}

.theme-light .promo-result.success {
  background: rgba(16, 185, 129, 0.08) !important;
  border-color: rgba(16, 185, 129, 0.15) !important;
  color: #065f46 !important;
}

/* ===== SUPPORT PAGE ===== */

.theme-light .ticket-list .ticket {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.theme-light .ticket-list .ticket:hover {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.theme-light .ticket .ticket-id {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .ticket .ticket-subject {
  color: #1d1d1f !important;
}

.theme-light .ticket .ticket-preview {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .ticket .ticket-date {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .ticket-status {
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
}

.theme-light .ticket-status.open {
  background: rgba(16, 185, 129, 0.1) !important;
  color: #059669 !important;
}

.theme-light .ticket-status.closed {
  background: rgba(0, 0, 0, 0.06) !important;
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .ticket-status.pending {
  background: rgba(245, 158, 11, 0.1) !important;
  color: #d97706 !important;
}

/* ===== REFERRAL PAGE ===== */

.theme-light .referral-stats .stat {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.theme-light .referral-stats .stat .value {
  color: #1d1d1f !important;
}

.theme-light .referral-stats .stat .label {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .referral-stats .stat .change {
  color: #059669 !important;
}

.theme-light .referral-link-card {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.theme-light .referral-link-card h3 {
  color: #1d1d1f !important;
}

.theme-light .referral-link-card p {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .link-input-group {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .link-input-group svg {
  color: rgba(0, 0, 0, 0.35) !important;
}

.theme-light .link-input-group input {
  color: #1d1d1f !important;
}

.theme-light .how-it-works .step {
  background: rgba(255, 255, 255, 0.8) !important;
}

.theme-light .how-it-works .step .number {
  background: rgba(0, 0, 0, 0.06) !important;
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .how-it-works .step.highlight .number {
  background: var(--accent, #10b981) !important;
  color: #fff !important;
}

.theme-light .how-it-works .step .title {
  color: #1d1d1f !important;
}

.theme-light .how-it-works .step .desc {
  color: rgba(0, 0, 0, 0.5) !important;
}

/* ===== UNIVERSAL OVERRIDES FOR INLINE STYLES ===== */

/* Override any element with white text color */
.theme-light *[style*="color: #fff"],
.theme-light *[style*="color:#fff"],
.theme-light *[style*="color: white"],
.theme-light *[style*="color:white"] {
  color: #1d1d1f !important;
}

.theme-light *[style*="color: rgba(255, 255, 255, 0."],
.theme-light *[style*="color:rgba(255,255,255,0."],
.theme-light *[style*="color: rgba(255,255,255,0."] {
  color: rgba(0, 0, 0, 0.6) !important;
}

/* Override dark backgrounds */
.theme-light *[style*="background: rgba(0, 0, 0"],
.theme-light *[style*="background:rgba(0,0,0"],
.theme-light *[style*="background-color: rgba(0, 0, 0"],
.theme-light *[style*="background: #000"],
.theme-light *[style*="background:#000"] {
  background: rgba(255, 255, 255, 0.9) !important;
}

/* Override dark borders */
.theme-light *[style*="border-color: rgba(255, 255, 255"],
.theme-light *[style*="border: 1px solid rgba(255, 255, 255"] {
  border-color: rgba(0, 0, 0, 0.08) !important;
}

/* Specific div overrides for common patterns */
.theme-light div[style*="background: rgba(0"],
.theme-light div[style*="background:rgba(0"] {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

/* Card-like containers */
.theme-light .card,
.theme-light [class*="-card"],
.theme-light [class*="_card"] {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

/* All headings */
.theme-light h1, .theme-light h2, .theme-light h3, 
.theme-light h4, .theme-light h5, .theme-light h6 {
  color: #1d1d1f !important;
}

/* All paragraphs */
.theme-light p {
  color: rgba(0, 0, 0, 0.7) !important;
}

/* All labels */
.theme-light label {
  color: #1d1d1f !important;
}

/* All spans with muted colors */
.theme-light span[class*="muted"],
.theme-light span[class*="secondary"],
.theme-light span[class*="meta"] {
  color: rgba(0, 0, 0, 0.5) !important;
}

/* SVG icons */
.theme-light svg {
  color: inherit;
}

.theme-light .icon svg,
.theme-light [class*="-icon"] svg {
  color: rgba(0, 0, 0, 0.5);
}

/* Fix for any remaining dark text on dark backgrounds */
.theme-light .btn-primary {
  background: #1d1d1f !important;
  color: #fff !important;
}

.theme-light .btn-primary:hover {
  background: #000 !important;
}

/* ===== SIDEBAR LIGHT THEME FIXES ===== */

/* Language Switcher */
.theme-light .lang-btn {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: #1d1d1f !important;
}

.theme-light .lang-btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

.theme-light .lang-dropdown {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
}

.theme-light .lang-option {
  color: #1d1d1f !important;
}

.theme-light .lang-option:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}

/* ===== TOGGLE SWITCHES WITH ACCENT COLOR ===== */

.theme-light .toggle-switch input:checked + .toggle-slider,
.theme-light input[type="checkbox"]:checked + .toggle-slider,
.theme-light .switch input:checked + .slider {
  background: var(--accent, #10b981) !important;
}

.theme-light .toggle-slider {
  background: rgba(0, 0, 0, 0.15) !important;
}

.theme-light .toggle-slider:before,
.theme-light .slider:before {
  background: #fff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}

/* ===== PROMO PAGE FIXES ===== */

/* Promo Input Line */
.theme-light .promo-input-wrapper,
.theme-light .redeem-input-group,
.theme-light .code-input-wrapper {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 12px !important;
}

.theme-light .promo-input-wrapper:focus-within,
.theme-light .redeem-input-group:focus-within {
  border-color: var(--accent, #10b981) !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
}

.theme-light .promo-input-wrapper input,
.theme-light .redeem-input-group input {
  background: transparent !important;
  color: #1d1d1f !important;
}

.theme-light .promo-input-wrapper svg,
.theme-light .redeem-input-group svg {
  color: rgba(0, 0, 0, 0.35) !important;
}

/* Create Code Button Icon Fix */
.theme-light .btn-create-code svg,
.theme-light .create-code-btn svg {
  color: inherit !important;
}

/* Promo Cards */
.theme-light .promo-code-card,
.theme-light .my-promo-card {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .promo-code-card .code-name,
.theme-light .my-promo-card .code-name {
  color: #1d1d1f !important;
}

.theme-light .promo-code-card .code-meta,
.theme-light .my-promo-card .code-meta {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .promo-code-card .badge,
.theme-light .discount-badge {
  background: rgba(16, 185, 129, 0.1) !important;
  color: #059669 !important;
}

.theme-light .promo-code-card .badge.used-up {
  background: rgba(0, 0, 0, 0.06) !important;
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .promo-code-card .badge.bonus {
  background: rgba(59, 130, 246, 0.1) !important;
  color: #2563eb !important;
}

/* ===== MODAL FIXES ===== */

/* Modal Overlay */
.theme-light .modal-overlay {
  background: rgba(0, 0, 0, 0.3) !important;
}

/* Modal Content */
.theme-light .modal-content,
.theme-light .modal-box,
.theme-light .modal {
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
}

/* Modal Header */
.theme-light .modal-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.theme-light .modal-title,
.theme-light .modal-header h2,
.theme-light .modal-header h3 {
  color: #1d1d1f !important;
}

.theme-light .modal-close {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .modal-close:hover {
  color: #1d1d1f !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

/* Modal Labels */
.theme-light .modal-label,
.theme-light .form-label,
.theme-light .input-label {
  color: rgba(0, 0, 0, 0.6) !important;
  font-weight: 500 !important;
}

/* Modal Inputs */
.theme-light .modal input,
.theme-light .modal select,
.theme-light .modal textarea {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #1d1d1f !important;
}

.theme-light .modal input::placeholder {
  color: rgba(0, 0, 0, 0.35) !important;
}

.theme-light .modal input:focus,
.theme-light .modal select:focus,
.theme-light .modal textarea:focus {
  background: #fff !important;
  border-color: var(--accent, #10b981) !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
}

/* Promo Type Selector (in modal) */
.theme-light .promo-type-btn,
.theme-light .type-selector-btn {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.theme-light .promo-type-btn:hover,
.theme-light .type-selector-btn:hover {
  background: rgba(0, 0, 0, 0.06) !important;
}

.theme-light .promo-type-btn.active,
.theme-light .type-selector-btn.active {
  background: var(--accent, #10b981) !important;
  border-color: var(--accent, #10b981) !important;
  color: #fff !important;
}

/* Discount Slider */
.theme-light .discount-slider,
.theme-light input[type="range"] {
  background: rgba(0, 0, 0, 0.1) !important;
}

.theme-light input[type="range"]::-webkit-slider-thumb {
  background: var(--accent, #10b981) !important;
}

/* Summary Box */
.theme-light .summary-box,
.theme-light .total-box {
  background: rgba(16, 185, 129, 0.06) !important;
  border: 1px solid rgba(16, 185, 129, 0.15) !important;
}

.theme-light .summary-box .label {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .summary-box .value,
.theme-light .total-price {
  color: #059669 !important;
}

.theme-light .summary-box .calculation {
  color: #059669 !important;
}

/* ===== WISHLIST CONFIG CARDS FIX ===== */

.theme-light .config-card,
.theme-light .wishlist-item,
.theme-light [class*="config-card"] {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.theme-light .config-card:hover {
  border-color: rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
}

.theme-light .config-card::before {
  background: linear-gradient(90deg, transparent, rgba(0,0,0,0.05), transparent) !important;
}

.theme-light .config-card .config-cover {
  background: linear-gradient(135deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.04) 100%) !important;
}

.theme-light .config-card .config-cover::after {
  background: linear-gradient(to top, rgba(255,255,255,0.8), transparent) !important;
}

.theme-light .config-card .config-cover svg {
  color: rgba(0, 0, 0, 0.15) !important;
}

.theme-light .config-card .config-title {
  color: #1d1d1f !important;
}

.theme-light .config-card .config-version {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .config-card .config-desc {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .config-card .config-price-tag {
  background: linear-gradient(135deg, #1d1d1f 0%, #3d3d3f 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.theme-light .config-card .config-price-tag.free {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

.theme-light .config-card .config-type.config {
  background: rgba(59, 130, 246, 0.1) !important;
  color: #2563eb !important;
}

.theme-light .config-card .config-type.lua {
  background: rgba(139, 92, 246, 0.1) !important;
  color: #7c3aed !important;
}

.theme-light .config-card .config-flag {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.06) !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.theme-light .config-card .config-flag:hover {
  background: rgba(0, 0, 0, 0.06) !important;
}

.theme-light .config-card .config-tag {
  background: rgba(59, 130, 246, 0.08) !important;
  border-color: rgba(59, 130, 246, 0.12) !important;
  color: #2563eb !important;
}

.theme-light .config-card .config-author-avatar {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.theme-light .config-card .config-author-name {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .config-card .config-footer {
  border-color: rgba(0, 0, 0, 0.06) !important;
}

.theme-light .config-card .config-stat {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .config-card .config-stat:hover {
  color: rgba(0, 0, 0, 0.7) !important;
}

/* Badge in config card */
.theme-light .config-badge,
.theme-light .verified-badge {
  background: rgba(0, 0, 0, 0.06) !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.theme-light .config-badge.verified {
  background: rgba(16, 185, 129, 0.1) !important;
  color: #059669 !important;
}

.theme-light .config-badge.popular {
  background: rgba(245, 158, 11, 0.1) !important;
  color: #d97706 !important;
}

/* Buy Now button in config card */
.theme-light .config-card .btn-buy,
.theme-light .config-card .buy-btn {
  background: #1d1d1f !important;
  color: #fff !important;
  border: none !important;
}

.theme-light .config-card .btn-buy:hover,
.theme-light .config-card .buy-btn:hover {
  background: #000 !important;
}

/* Remove button (X) on wishlist */
.theme-light .wishlist-remove,
.theme-light .remove-wishlist-btn {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .wishlist-remove:hover,
.theme-light .remove-wishlist-btn:hover {
  background: rgba(239, 68, 68, 0.1) !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
  color: #dc2626 !important;
}

/* ===== TAILWIND CLASS OVERRIDES FOR LIGHT THEME ===== */

/* Text colors */
.theme-light .text-white {
  color: #1d1d1f !important;
}

.theme-light .text-white\/50,
.theme-light .text-white\/40,
.theme-light .text-white\/30 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .text-white\/70,
.theme-light .text-white\/60 {
  color: rgba(0, 0, 0, 0.7) !important;
}

/* Background colors */
.theme-light .bg-white\/5,
.theme-light .bg-white\/3 {
  background: rgba(0, 0, 0, 0.03) !important;
}

.theme-light .bg-white\/10 {
  background: rgba(0, 0, 0, 0.06) !important;
}

/* Border colors */
.theme-light .border-white\/10,
.theme-light .border-white\/5,
.theme-light .border-white\/8 {
  border-color: rgba(0, 0, 0, 0.08) !important;
}

.theme-light .border-white\/20 {
  border-color: rgba(0, 0, 0, 0.15) !important;
}

/* Promo Modal Type Buttons */
.theme-light .type-btn {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.theme-light .type-btn:hover {
  background: rgba(0, 0, 0, 0.06) !important;
}

.theme-light .type-btn.selected {
  background: rgba(0, 0, 0, 0.08) !important;
  border: 2px solid rgba(0, 0, 0, 0.2) !important;
  color: #1d1d1f !important;
}

/* Discount Buttons */
.theme-light .discount-btn {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.theme-light .discount-btn:hover {
  background: rgba(0, 0, 0, 0.06) !important;
}

.theme-light .discount-btn.selected {
  background: rgba(0, 0, 0, 0.08) !important;
  border: 2px solid rgba(0, 0, 0, 0.2) !important;
  color: #1d1d1f !important;
}

/* Promo Modal Summary */
.theme-light .bg-emerald-500\/10 {
  background: rgba(16, 185, 129, 0.08) !important;
}

.theme-light .border-emerald-500\/20 {
  border-color: rgba(16, 185, 129, 0.2) !important;
}

/* History Modal Items */
.theme-light .modal-body .bg-white\/3 {
  background: rgba(0, 0, 0, 0.03) !important;
  border-radius: 12px;
}

/* Modal Close Button */
.theme-light .modal-close {
  background: transparent !important;
  color: rgba(0, 0, 0, 0.4) !important;
  border: none !important;
}

.theme-light .modal-close:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #1d1d1f !important;
}

/* ===== SETTINGS PAGE TOGGLE FIX ===== */

.theme-light .toggle-switch {
  position: relative;
  width: 44px;
  height: 24px;
}

.theme-light .toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.theme-light .toggle-switch .toggle-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 24px;
  transition: 0.3s;
}

.theme-light .toggle-switch .toggle-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background: #fff;
  border-radius: 50%;
  transition: 0.3s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.theme-light .toggle-switch input:checked + .toggle-slider {
  background: var(--accent, #10b981) !important;
}

.theme-light .toggle-switch input:checked + .toggle-slider:before {
  transform: translateX(20px);
}

/* ===== CREATE CODE BUTTON ICON ===== */
.theme-light .btn-primary svg,
.theme-light .btn-primary svg path,
.theme-light button.btn-primary svg,
.theme-light .btn.btn-primary svg {
  color: #fff !important;
  stroke: #fff !important;
}

/* ===== CONFIG CARD BODY ELEMENTS ===== */
.theme-light .config-body {
  padding: 0 16px 16px;
}

.theme-light .config-body .config-author,
.theme-light .config-card .config-author {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5) !important;
  margin-bottom: 8px;
}

.theme-light .config-body .config-price,
.theme-light .config-card .config-price {
  font-size: 16px;
  font-weight: 600;
  color: #1d1d1f !important;
}

.theme-light .config-badge {
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 500;
}

.theme-light .config-badge.verified {
  background: rgba(16, 185, 129, 0.1) !important;
  color: #059669 !important;
}

.theme-light .config-badge.popular {
  background: rgba(245, 158, 11, 0.1) !important;
  color: #d97706 !important;
}

/* ===== FOOTER STYLES ===== */
.theme-light footer {
  border-color: rgba(0, 0, 0, 0.06) !important;
}

.theme-light footer a {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light footer a:hover {
  color: #1d1d1f !important;
}

/* ===== DURATION SLIDER LIGHT THEME ===== */
.theme-light .duration-slider {
  background: rgba(0, 0, 0, 0.1) !important;
}

.theme-light .duration-slider::-webkit-slider-thumb {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 0 0 4px rgba(var(--accent-rgb, 16, 185, 129), 0.15) !important;
}

.theme-light .duration-marks span {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .duration-marks span:hover {
  color: rgba(0, 0, 0, 0.7) !important;
}

.theme-light .duration-marks span.active {
  color: var(--accent, #10b981) !important;
  background: rgba(var(--accent-rgb, 16, 185, 129), 0.1) !important;
}

/* ===== TOTAL CARD LIGHT THEME ===== */
.theme-light .total-card {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.theme-light .total-card-inner {
  background: transparent !important;
}

.theme-light .total-label {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .total-details {
  color: rgba(0, 0, 0, 0.6) !important;
}

.theme-light .total-price {
  color: #1d1d1f !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #1d1d1f !important;
  background-clip: unset !important;
}

.theme-light .total-savings {
  border-color: rgba(0, 0, 0, 0.06) !important;
  color: rgba(0, 0, 0, 0.5) !important;
}

/* ===== STAT CARDS LIGHT THEME ===== */
.theme-light .stat-icon-wrap.green {
  background: rgba(16, 185, 129, 0.1) !important;
}

.theme-light .stat-icon-wrap.purple {
  background: rgba(139, 92, 246, 0.1) !important;
}

.theme-light .stat-icon-wrap.blue {
  background: rgba(59, 130, 246, 0.1) !important;
}

.theme-light .stat-card-link:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

/* ===== PRODUCT CARDS LIGHT THEME ===== */
.theme-light .sub-card {
  background: rgba(255, 255, 255, 0.8) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
}

.theme-light .sub-card:hover {
  border-color: rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1) !important;
}

.theme-light .sub-card-header img {
  opacity: 1 !important;
  filter: none !important;
}

.theme-light .sub-card-header::after {
  display: none !important;
}

.theme-light .sub-card-body {
  background: rgba(255, 255, 255, 0.95) !important;
}

.theme-light .sub-card h3,
.theme-light .sub-card .text-xl {
  color: #1d1d1f !important;
}

.theme-light .sub-card p,
.theme-light .sub-card .text-white\/50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .sub-card .text-white\/40 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.theme-light .product-select img {
  opacity: 1 !important;
  filter: none !important;
}

.theme-light .product-select[data-product="tarkov"] img {
  filter: grayscale(1) !important;
}

/* ===== PROMO PRODUCT BUTTONS LIGHT THEME ===== */
.theme-light .product-btn.selected {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
  color: #1d1d1f !important;
}

.theme-light .product-btn:not(.selected) {
  background: rgba(0, 0, 0, 0.03) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .product-btn:not(.selected):hover {
  background: rgba(0, 0, 0, 0.06) !important;
}

/* ===== PAYMENT LOGOS LIGHT THEME ===== */
.theme-light .payment-logo {
  filter: none !important;
  opacity: 0.8 !important;
}

.theme-light .payment-select.selected .payment-logo {
  opacity: 1 !important;
}

.theme-light .payment-select:hover .payment-logo {
  opacity: 0.9 !important;
}

/* Fix Line Pay text visibility in light theme */
.theme-light .payment-select span {
  color: #1d1d1f !important;
}

.theme-light .payment-select {
  background: rgba(0, 0, 0, 0.03) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.theme-light .payment-select.selected {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.theme-light .payment-select:hover {
  border-color: rgba(0, 0, 0, 0.15) !important;
}

/* ===== BALANCE MODAL LIGHT THEME ===== */
.theme-light #balanceModal .modal-body .text-3xl,
.theme-light #balanceModal .modal-body .text-4xl {
  color: #1d1d1f !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #1d1d1f !important;
  background-clip: unset !important;
}

.theme-light #balanceModal .payment-select {
  background: rgba(0, 0, 0, 0.03) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

.theme-light #balanceModal .payment-select.selected {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
}

.theme-light #balanceModal .payment-select:hover {
  border-color: rgba(0, 0, 0, 0.15) !important;
}

/* ===== MOBILE MENU LIGHT THEME ===== */
.theme-light .mobile-menu-toggle {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: #1d1d1f !important;
}

.theme-light .sidebar-overlay {
  background: rgba(0, 0, 0, 0.3) !important;
}