html.dark body{
  background:var(--bg-body) !important;
  background-image:
    radial-gradient(ellipse 80% 60% at 10% 20%, rgba(108,92,231,.12) 0%, transparent 60%),
    radial-gradient(ellipse 60% 50% at 90% 80%, rgba(124,58,237,.08) 0%, transparent 50%) !important;
  color:var(--text-primary) !important;
}
html.dark body::before{
  background:linear-gradient(135deg,rgba(15,20,40,.9) 0%,rgba(20,25,50,.8) 30%,rgba(15,18,35,.7) 60%,transparent 100%) !important;
}

html.dark .glass-header{
  background:var(--bg-surface) !important;
  backdrop-filter:var(--glass-blur) !important;-webkit-backdrop-filter:var(--glass-blur) !important;
  border-bottom:1px solid var(--border-subtle) !important;
  box-shadow:var(--glass-highlight) !important;
}
html.dark .glass-header span,
html.dark .glass-header .font-bold{color:var(--text-primary) !important}

html.dark .glass-card,
html.dark .card,
html.dark .feature-card,
html.dark .hero-card,
html.dark .stat-card,
html.dark .notice-box{
  background:var(--bg-surface) !important;
  backdrop-filter:var(--glass-blur) !important;-webkit-backdrop-filter:var(--glass-blur) !important;
  border-color:var(--border-medium) !important;
  box-shadow:var(--shadow-sm), var(--glass-highlight) !important;
}
html.dark .glass-card:hover,
html.dark .card:hover,
html.dark .feature-card:hover,
html.dark .stat-card:hover{
  border-color:var(--border-focus) !important;
  box-shadow:var(--shadow-md), var(--shadow-glow), var(--glass-highlight) !important;
}

html.dark .hero-card::before{opacity:.7}

html.dark .countdown-digit{
  background:var(--bg-input) !important;
  border-color:var(--border-subtle) !important;
  color:var(--text-primary) !important;
}
html.dark .countdown-digit:hover{
  border-color:var(--border-focus) !important;
  background:var(--bg-surface) !important;
}

html.dark .progress-track{background:rgba(255,255,255,.06) !important}

html.dark .modal-overlay{background:var(--overlay) !important}
html.dark .modal-content,
html.dark .modal-card{
  background:var(--bg-elevated) !important;
  backdrop-filter:var(--glass-blur) !important;-webkit-backdrop-filter:var(--glass-blur) !important;
  border:1px solid var(--border-medium) !important;
  box-shadow:var(--shadow-lg), var(--glass-highlight) !important;
}

html.dark .plan-option,
html.dark .type-option{
  background:var(--bg-input) !important;
  border-color:var(--border-subtle) !important;
  color:var(--text-primary) !important;
}
html.dark .plan-option:hover,
html.dark .type-option:hover{
  border-color:rgba(108,92,231,.3) !important;
  background:var(--bg-surface) !important;
}
html.dark .plan-option.selected,
html.dark .type-option.selected{
  border-color:var(--brand) !important;
  background:rgba(108,92,231,.1) !important;
}
html.dark .plan-option .check{border-color:var(--border-medium) !important}

html.dark .premium-input,
html.dark .input,
html.dark .input-area,
html.dark .form-input,
html.dark .search-input,
html.dark select,
html.dark textarea{
  background:var(--bg-input) !important;
  border-color:var(--border-medium) !important;
  color:var(--text-primary) !important;
  backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;
}
html.dark .premium-input:focus,
html.dark .input:focus,
html.dark .input-area:focus,
html.dark .form-input:focus,
html.dark .search-input:focus{
  border-color:var(--brand) !important;
  box-shadow:0 0 0 3px rgba(108,92,231,.15) !important;
  background:var(--bg-input-focus) !important;
}
html.dark .premium-input::placeholder,
html.dark .input::placeholder,
html.dark .input-area::placeholder,
html.dark .form-input::placeholder,
html.dark .search-input::placeholder{color:var(--text-muted) !important}

html.dark .form-input:disabled{
  background:rgba(15,20,35,.5) !important;
  color:var(--text-muted) !important;
}
html.dark .form-label{color:var(--text-secondary) !important}

html.dark .text-gray-900,
html.dark .text-gray-800{color:var(--text-primary) !important}
html.dark .text-gray-700{color:var(--text-primary) !important}
html.dark .text-gray-600{color:var(--text-secondary) !important}
html.dark .text-gray-500{color:var(--text-secondary) !important}
html.dark .text-gray-400{color:var(--text-tertiary) !important}
html.dark .text-gray-300{color:var(--text-tertiary) !important}

html.dark h1, html.dark h2, html.dark h3, html.dark h4{
  color:var(--text-primary);
}

html.dark .font-bold:not([class*="text-"]):not(.gradient-text),
html.dark .font-extrabold:not([class*="text-"]):not(.gradient-text),
html.dark .font-semibold:not([class*="text-"]):not(.gradient-text){
  color:var(--text-primary);
}

html.dark .bg-white,
html.dark .bg-white\/60,
html.dark .bg-white\/30{
  background:var(--bg-surface) !important;
}

html.dark .border-white\/40,
html.dark .border-white\/50,
html.dark .border-gray-100,
html.dark .border-gray-100\/60,
html.dark .border-gray-200{
  border-color:var(--border-subtle) !important;
}

html.dark footer,
html.dark .footer-link{
  background:var(--bg-surface) !important;
  border-color:var(--border-subtle) !important;
}
html.dark .footer-link{background:transparent !important;color:var(--text-tertiary) !important}
html.dark .footer-link:hover{color:var(--brand) !important}
html.dark footer span{color:var(--text-secondary) !important}
html.dark footer p{color:var(--text-muted) !important}

html.dark .nav-link{color:var(--text-secondary) !important}
html.dark .nav-link:hover{color:var(--brand) !important;background:rgba(108,92,231,.08) !important}

html.dark .hamburger{
  border-color:var(--border-medium) !important;
  color:var(--text-secondary) !important;
  background:transparent !important;
}
html.dark .hamburger:hover{
  border-color:var(--border-focus) !important;
  color:var(--brand) !important;
}
html.dark .mobile-menu{
  background:var(--bg-elevated) !important;
  backdrop-filter:var(--glass-blur) !important;-webkit-backdrop-filter:var(--glass-blur) !important;
  border-bottom-color:var(--border-subtle) !important;
  box-shadow:var(--shadow-lg) !important;
}
html.dark .mobile-menu a{color:var(--text-secondary) !important}
html.dark .mobile-menu a:hover{color:var(--brand) !important;background:rgba(108,92,231,.08) !important}

html.dark .skeleton{
  background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 75%) !important;
  background-size:200% 100% !important;
}

html.dark .back-btn{
  background:var(--bg-surface) !important;
  border-color:var(--border-medium) !important;
  color:var(--text-secondary) !important;
}
html.dark .back-btn:hover{
  color:var(--brand) !important;
  border-color:var(--border-focus) !important;
  background:var(--bg-surface-hover) !important;
}

html.dark .section-title{color:var(--text-tertiary) !important}

html.dark .info-row{border-bottom-color:var(--border-subtle) !important}
html.dark .info-label{color:var(--text-tertiary) !important}
html.dark .info-value{color:var(--text-primary) !important}

html.dark .sub-item{
  border-color:var(--border-subtle) !important;
  background:transparent !important;
}
html.dark .sub-item:hover{
  border-color:var(--border-focus) !important;
  background:rgba(108,92,231,.05) !important;
}

html.dark .toast{
  background:var(--bg-elevated) !important;
  backdrop-filter:var(--glass-blur) !important;-webkit-backdrop-filter:var(--glass-blur) !important;
  border:1px solid var(--border-medium) !important;
  box-shadow:var(--shadow-lg) !important;
  color:var(--text-primary) !important;
}
html.dark .toast-success{
  border-color:rgba(16,185,129,.25) !important;
  color:var(--text-primary) !important;
}
html.dark .toast-error{
  border-color:rgba(239,68,68,.25) !important;
  color:var(--text-primary) !important;
}

html.dark .alert-box.alert-error{
  background:var(--alert-error-bg) !important;
  border-color:var(--alert-error-border) !important;
  color:var(--alert-error-text) !important;
}
html.dark .alert-box.alert-success{
  background:var(--alert-success-bg) !important;
  border-color:var(--alert-success-border) !important;
  color:var(--alert-success-text) !important;
}

html.dark .avatar-placeholder{
  background:linear-gradient(135deg,var(--brand),var(--accent)) !important;
}

html.dark .tab-btn{color:var(--text-secondary) !important}
html.dark .tab-btn:not(.active):hover{
  background:rgba(108,92,231,.08) !important;
  color:var(--brand) !important;
}

html.dark .btn-secondary,
html.dark .btn-ghost{
  background:var(--bg-surface) !important;
  border-color:var(--border-medium) !important;
  color:var(--text-secondary) !important;
}
html.dark .btn-secondary:hover,
html.dark .btn-ghost:hover{
  background:var(--bg-surface-hover) !important;
  border-color:var(--border-focus) !important;
  color:var(--brand) !important;
}

html.dark .feature-icon{background:rgba(255,255,255,.06) !important}
html.dark .bg-green-50,
html.dark .bg-blue-50,
html.dark .bg-purple-50,
html.dark .bg-indigo-50,
html.dark .bg-indigo-100,
html.dark .bg-red-50,
html.dark .bg-yellow-50,
html.dark .bg-green-100,
html.dark .bg-red-100{
  background:rgba(255,255,255,.06) !important;
}
html.dark .text-indigo-600{color:#818CF8 !important}
html.dark .hover\:bg-gray-100:hover{background:rgba(255,255,255,.06) !important}

html.dark .divide-gray-100 > :not([hidden]) ~ :not([hidden]),
html.dark .divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  border-color:var(--border-subtle) !important;
}

html.dark .border-b{border-bottom-color:var(--border-subtle) !important}
html.dark .border-t{border-top-color:var(--border-subtle) !important}

html.dark .bg-gray-50,
html.dark .bg-gray-100{background:var(--bg-surface) !important}

html.dark .ring-1{--tw-ring-color:var(--border-subtle) !important}

html.dark [style*="background:rgba(255,255,255"]{
  background:var(--bg-surface) !important;
}

html.dark .sidebar,
html.dark aside,
html.dark #sidebar{
  background:var(--bg-surface) !important;
  backdrop-filter:var(--glass-blur) !important;-webkit-backdrop-filter:var(--glass-blur) !important;
  border-right-color:var(--border-subtle) !important;
  box-shadow:var(--glass-highlight) !important;
}

html.dark .sidebar .nav-item,
html.dark aside .nav-item{
  color:var(--text-secondary) !important;
}
html.dark .sidebar .nav-item:hover,
html.dark aside .nav-item:hover{
  background:var(--bg-surface-hover) !important;
  color:var(--text-primary) !important;
}
html.dark .sidebar .nav-item.active,
html.dark aside .nav-item.active{
  background:rgba(108,92,231,.1) !important;
  color:var(--brand) !important;
}

html.dark .nav-section,
html.dark .sidebar .nav-section{
  color:var(--text-muted) !important;
}

html.dark table th{
  background:var(--bg-elevated) !important;
  color:var(--text-tertiary) !important;
  border-bottom-color:var(--border-subtle) !important;
}
html.dark table td{
  color:var(--text-secondary) !important;
  border-bottom-color:var(--border-subtle) !important;
}
html.dark table tbody tr:hover td{
  background:var(--bg-surface-hover) !important;
}

html.dark .badge-green{
  background:rgba(16,185,129,.12) !important;
  color:#10B981 !important;
  border-color:rgba(16,185,129,.2) !important;
}
html.dark .badge-red{
  background:rgba(239,68,68,.12) !important;
  color:#EF4444 !important;
  border-color:rgba(239,68,68,.2) !important;
}
html.dark .badge-yellow,
html.dark .badge-orange{
  background:rgba(245,158,11,.12) !important;
  color:#F59E0B !important;
  border-color:rgba(245,158,11,.2) !important;
}

html.dark .kpi-card,
html.dark [class*="ov-kpi"],
html.dark [class*="revenue-card"]{
  background:var(--bg-surface) !important;
  border-color:var(--border-subtle) !important;
}
html.dark .kpi-card:hover{
  border-color:var(--border-focus) !important;
  box-shadow:var(--shadow-md), var(--shadow-glow) !important;
}

html.dark .dropdown-menu,
html.dark [class*="dropdown"]{
  background:var(--bg-elevated) !important;
  border-color:var(--border-medium) !important;
  box-shadow:var(--shadow-lg) !important;
}

html.dark .profile-gate,
html.dark [class*="profile-gate"]{
  background:var(--overlay) !important;
}
html.dark .profile-gate-card{
  background:var(--bg-elevated) !important;
  border-color:var(--border-medium) !important;
}

html.dark ::-webkit-scrollbar{width:6px;height:6px}
html.dark ::-webkit-scrollbar-track{background:var(--scrollbar-track)}
html.dark ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}
html.dark ::-webkit-scrollbar-thumb:hover{background:rgba(108,92,231,.2)}

html.dark .iti__country-list{
  background:var(--bg-elevated) !important;
  border-color:var(--border-medium) !important;
}
html.dark .iti__country:hover{
  background:var(--bg-surface-hover) !important;
}
html.dark .iti__country-name,
html.dark .iti__dial-code{
  color:var(--text-secondary) !important;
}

/* ═══════ USER TRACKING KPI STATS ═══════ */
html.dark #ov-uaiStats > div{
  background:var(--bg-surface) !important;
  border-color:var(--border-subtle) !important;
}
html.dark #ov-uaiStats .text-green-700,
html.dark #ov-uaiStats .text-green-600{color:#10B981 !important}
html.dark #ov-uaiStats .text-blue-700,
html.dark #ov-uaiStats .text-blue-600{color:#60A5FA !important}
html.dark #ov-uaiStats .text-amber-700,
html.dark #ov-uaiStats .text-amber-600{color:#FBBF24 !important}
html.dark #ov-uaiStats .text-red-700,
html.dark #ov-uaiStats .text-red-600{color:#F87171 !important}
html.dark [data-testid="table-user-tracking"] thead tr{
  background:var(--bg-elevated) !important;
}
html.dark [data-testid="table-user-tracking"] thead th{
  background:var(--bg-elevated) !important;
  color:var(--text-tertiary) !important;
}
html.dark [data-testid="table-user-tracking"] tbody tr{
  border-color:var(--border-subtle) !important;
}
html.dark [data-testid="table-user-tracking"] tbody tr:hover td{
  background:rgba(108,92,231,.04) !important;
}
html.dark [data-testid="table-user-tracking"] .bg-green-100{background:rgba(16,185,129,.12) !important}
html.dark [data-testid="table-user-tracking"] .text-green-700{color:#10B981 !important}
html.dark [data-testid="table-user-tracking"] .bg-gray-100{background:rgba(255,255,255,.06) !important}
html.dark [data-testid="table-user-tracking"] .text-gray-500{color:var(--text-tertiary) !important}
html.dark [data-testid="table-user-tracking"] .bg-green-500{background:#10B981 !important}
html.dark .bg-indigo-100{background:rgba(108,92,231,.12) !important}
html.dark .text-indigo-600{color:#818CF8 !important}
html.dark .bg-amber-50,
html.dark .bg-amber-50\/50,
html.dark .bg-amber-100{background:rgba(245,158,11,.08) !important}
html.dark .border-amber-100{border-color:rgba(245,158,11,.2) !important}
html.dark .border-green-100{border-color:rgba(16,185,129,.2) !important}
html.dark .border-blue-100{border-color:rgba(59,130,246,.2) !important}
html.dark .border-red-100{border-color:rgba(239,68,68,.2) !important}
html.dark .bg-green-50\/50{background:rgba(16,185,129,.08) !important}
html.dark .bg-blue-50\/50{background:rgba(59,130,246,.08) !important}
html.dark .bg-red-50\/50{background:rgba(239,68,68,.08) !important}

/* ═══════ ADMIN PAGE ═══════ */
html.dark #sidebar{
  background:var(--bg-surface) !important;
  border-right:1px solid var(--border-subtle) !important;
}
html.dark .nav-item{color:var(--text-secondary) !important}
html.dark .nav-item:hover{background:rgba(255,255,255,.04) !important;color:var(--text-primary) !important}
html.dark .nav-item.active{background:rgba(108,92,231,.12) !important;color:var(--brand) !important}

html.dark .main-content{background:transparent !important}
html.dark .main-content header{
  background:var(--bg-surface) !important;
  border-bottom-color:var(--border-subtle) !important;
}

html.dark .stat-card{
  background:var(--bg-surface) !important;
  border-color:var(--border-subtle) !important;
}

html.dark .data-table thead th,
html.dark .admin-table thead th{
  background:var(--bg-elevated) !important;
  color:var(--text-tertiary) !important;
  border-bottom-color:var(--border-subtle) !important;
}
html.dark .data-table tbody td,
html.dark .admin-table tbody td{
  color:var(--text-secondary) !important;
  border-bottom-color:var(--border-subtle) !important;
}
html.dark .data-table tbody tr:hover,
html.dark .admin-table tbody tr:hover{
  background:rgba(108,92,231,.05) !important;
  box-shadow:none !important;
}

html.dark .section-header{
  border-bottom-color:var(--border-subtle) !important;
}
html.dark .section-header h3{color:var(--text-primary) !important}
html.dark .section-header p{color:var(--text-tertiary) !important}
html.dark .section-header-icon{opacity:.9}

html.dark .msg-modal,
html.dark .compact-modal{
  background:var(--bg-elevated) !important;
  border:1px solid var(--border-medium) !important;
  box-shadow:var(--shadow-lg) !important;
}
html.dark .msg-modal-header,
html.dark .compact-modal .cm-header{
  border-bottom-color:var(--border-subtle) !important;
}
html.dark .msg-modal-footer,
html.dark .compact-modal .cm-footer{
  border-top-color:var(--border-subtle) !important;
  background:var(--bg-surface) !important;
}
html.dark .msg-modal-close{
  background:var(--bg-surface) !important;
  color:var(--text-secondary) !important;
}
html.dark .msg-modal-close:hover{
  background:var(--bg-surface-hover) !important;
  color:var(--text-primary) !important;
}
html.dark .msg-modal-overlay{
  background:var(--overlay) !important;
}

html.dark .compact-modal .cm-label{color:var(--text-tertiary) !important}
html.dark .compact-modal .cm-input{
  background:var(--bg-input) !important;
  border-color:var(--border-medium) !important;
  color:var(--text-primary) !important;
}
html.dark .compact-modal .cm-input:focus{
  border-color:var(--brand) !important;
  background:var(--bg-input-focus) !important;
}
html.dark .compact-modal .cm-btn-secondary{
  background:var(--bg-surface) !important;
  color:var(--text-secondary) !important;
}

html.dark .pagination-bar{
  border-top-color:var(--border-subtle) !important;
  color:var(--text-tertiary) !important;
}
html.dark .pagination-bar .pg-btn,
html.dark .pg-btn{
  background:var(--bg-surface) !important;
  border-color:var(--border-subtle) !important;
  color:var(--text-secondary) !important;
}
html.dark .pagination-bar .pg-btn:hover:not(:disabled),
html.dark .pg-btn:hover:not(:disabled){
  background:var(--bg-surface-hover) !important;
}
html.dark .pagination-bar .pg-btn.active,
html.dark .pg-btn.active{
  background:var(--brand) !important;
  color:#fff !important;
  border-color:var(--brand) !important;
}

html.dark .empty-state-icon{background:rgba(108,92,231,.1) !important}
html.dark .empty-state p{color:var(--text-tertiary) !important}

html.dark .badge-blue{
  background:rgba(59,130,246,.12) !important;
  color:#60A5FA !important;
}
html.dark .badge-status{opacity:.95}
html.dark .badge-active{background:rgba(16,185,129,.12) !important;color:#10B981 !important}
html.dark .badge-expiring{background:rgba(249,115,22,.12) !important;color:#FB923C !important}
html.dark .badge-partial{background:rgba(245,158,11,.12) !important;color:#FBBF24 !important}
html.dark .badge-expired{background:rgba(239,68,68,.12) !important;color:#EF4444 !important}
html.dark .badge-disabled{background:rgba(255,255,255,.06) !important;color:var(--text-muted) !important}
html.dark .badge-no-access{background:rgba(255,255,255,.04) !important;color:var(--text-muted) !important;border-color:var(--border-subtle) !important}
html.dark .badge-critical{background:rgba(220,38,38,.15) !important;color:#FCA5A5 !important}

html.dark .sev-info{background:rgba(59,130,246,.12) !important;color:#60A5FA !important;border-color:rgba(59,130,246,.2) !important}
html.dark .sev-success{background:rgba(16,185,129,.12) !important;color:#10B981 !important;border-color:rgba(16,185,129,.2) !important}
html.dark .sev-warning{background:rgba(245,158,11,.12) !important;color:#FBBF24 !important;border-color:rgba(245,158,11,.2) !important}
html.dark .sev-danger{background:rgba(234,88,12,.12) !important;color:#FB923C !important;border-color:rgba(234,88,12,.2) !important}
html.dark .sev-critical{background:rgba(220,38,38,.15) !important;color:#FCA5A5 !important;border-color:rgba(220,38,38,.25) !important}
html.dark .cat-badge{background:rgba(255,255,255,.06) !important;color:var(--text-secondary) !important}

html.dark .unread-row{
  background:rgba(59,130,246,.06) !important;
  border-left-color:#3B82F6 !important;
}
html.dark .row-urgency-critical{background:rgba(220,38,38,.08) !important}
html.dark .row-urgency-high{background:rgba(249,115,22,.06) !important}
html.dark .row-urgency-warning{background:rgba(245,158,11,.06) !important}

html.dark .ent-kpi-val{color:var(--text-primary) !important}
html.dark .ent-kpi-label{color:var(--text-tertiary) !important}
html.dark .ent-kpi-icon{opacity:.9}
html.dark .ent-filter-bar{border-color:var(--border-subtle) !important}

html.dark .label{color:var(--text-secondary) !important}
html.dark .vu-row{border-bottom-color:var(--border-subtle) !important}
html.dark .vu-label{color:var(--text-tertiary) !important}
html.dark .vu-value{color:var(--text-primary) !important}

html.dark .alert{color:var(--text-primary) !important}

html.dark .msg-preview{color:var(--text-secondary) !important}
html.dark .msg-view-btn{
  background:rgba(108,92,231,.1) !important;
  color:var(--brand) !important;
}
html.dark .msg-view-btn:hover{
  background:var(--brand) !important;
  color:#fff !important;
}

html.dark .plat-action-btn{
  background:var(--bg-surface) !important;
  border-color:var(--border-subtle) !important;
  color:var(--text-secondary) !important;
}
html.dark .plat-action-btn:hover{
  background:var(--bg-surface-hover) !important;
}
html.dark .plat-action-btn.danger{
  background:rgba(220,38,38,.1) !important;
  color:#EF4444 !important;
  border-color:rgba(220,38,38,.2) !important;
}
html.dark .plat-action-btn.success{
  background:rgba(16,185,129,.1) !important;
  color:#10B981 !important;
  border-color:rgba(16,185,129,.2) !important;
}
html.dark .plat-action-btn.primary{
  background:rgba(108,92,231,.1) !important;
  color:var(--brand) !important;
  border-color:rgba(108,92,231,.2) !important;
}

html.dark .plat-edit-input{
  background:var(--bg-input) !important;
  border-color:var(--border-medium) !important;
  color:var(--text-primary) !important;
}
html.dark .plat-edit-input:focus{
  border-color:var(--brand) !important;
}
html.dark .plat-edit-label{color:var(--text-secondary) !important}
html.dark .plat-edit-hint{color:var(--text-muted) !important}
html.dark .plat-edit-warning{
  background:rgba(245,158,11,.08) !important;
  border-color:rgba(245,158,11,.2) !important;
  color:#FBBF24 !important;
}
html.dark .plat-dead-banner{
  background:rgba(220,38,38,.08) !important;
  border-color:rgba(220,38,38,.2) !important;
}
html.dark .plat-dead-banner-icon{background:rgba(220,38,38,.15) !important}
html.dark .plat-dead-banner-title{color:#FCA5A5 !important}
html.dark .plat-dead-banner-sub{color:#F87171 !important}

html.dark .plat-card-dead{
  border-color:rgba(220,38,38,.2) !important;
  background:rgba(220,38,38,.04) !important;
}

html.dark .plat-slots-table thead th{
  background:var(--bg-elevated) !important;
  color:var(--text-muted) !important;
  border-bottom-color:var(--border-subtle) !important;
}
html.dark .plat-slots-table tbody td{
  border-bottom-color:var(--border-subtle) !important;
}
html.dark .plat-slots-table tbody tr:hover{
  background:rgba(108,92,231,.04) !important;
}

html.dark .plat-page-controls{border-top-color:var(--border-subtle) !important;color:var(--text-tertiary) !important}
html.dark .plat-page-btn{
  background:var(--bg-surface) !important;
  border-color:var(--border-subtle) !important;
  color:var(--text-secondary) !important;
}

html.dark .plat-recommendation.warn{background:rgba(245,158,11,.08) !important;color:#FBBF24 !important;border-color:rgba(245,158,11,.2) !important}
html.dark .plat-recommendation.danger{background:rgba(220,38,38,.08) !important;color:#FCA5A5 !important;border-color:rgba(220,38,38,.2) !important}
html.dark .plat-recommendation.info{background:rgba(59,130,246,.08) !important;color:#60A5FA !important;border-color:rgba(59,130,246,.2) !important}
html.dark .plat-recommendation.muted{background:rgba(255,255,255,.04) !important;color:var(--text-muted) !important;border-color:var(--border-subtle) !important}

html.dark .plat-logo-preview{border-color:var(--border-subtle) !important}
html.dark .plat-detail-stat{border-color:var(--border-subtle) !important}

html.dark .slot-action-btn{
  --bg:var(--bg-surface) !important;
  --bc:var(--border-subtle) !important;
  --c:var(--text-secondary) !important;
}

html.dark .platform-checkbox-card{
  border-color:var(--border-subtle) !important;
  background:transparent !important;
}
html.dark .platform-checkbox-card:hover{
  border-color:rgba(108,92,231,.3) !important;
  background:rgba(108,92,231,.04) !important;
}
html.dark .platform-checkbox-card.checked{
  border-color:rgba(108,92,231,.4) !important;
  background:rgba(108,92,231,.08) !important;
}

html.dark .skel-bar,
html.dark .skel-circle,
html.dark .plat-loading-skeleton{
  background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 75%) !important;
  background-size:200% 100% !important;
}

html.dark .active-preset{background:var(--brand) !important;color:#fff !important;border-color:var(--brand) !important}
html.dark .cu-dur-preset:hover:not(.active-preset){background:rgba(255,255,255,.04) !important;border-color:var(--border-medium) !important}

html.dark .btn-danger{
  background:rgba(220,38,38,.1) !important;
  color:#EF4444 !important;
  border-color:rgba(220,38,38,.2) !important;
}
html.dark .btn-success{
  background:rgba(16,185,129,.1) !important;
  color:#10B981 !important;
  border-color:rgba(16,185,129,.2) !important;
}

html.dark .plat-stale-warn.amber{color:#FBBF24 !important}
html.dark .plat-stale-warn.red{color:#F87171 !important}

html.dark .plat-ts{border-bottom-color:var(--border-medium) !important}

@media(max-width:900px){
  html.dark .admin-table tbody tr{
    border-color:var(--border-subtle) !important;
    background:var(--bg-surface) !important;
  }
  html.dark .admin-table tbody td::before{color:var(--text-muted) !important}
  html.dark .admin-table tbody td:last-child{background:var(--bg-elevated) !important}
}

/* ═══════ RESELLER PAGE ═══════ */
html.dark .rp-login-bg{
  background:var(--bg-body) !important;
  background-image:
    radial-gradient(ellipse 80% 60% at 10% 20%, rgba(108,92,231,.12) 0%, transparent 60%),
    radial-gradient(ellipse 60% 50% at 90% 80%, rgba(124,58,237,.08) 0%, transparent 50%) !important;
}
html.dark .rp-glass{
  background:var(--bg-surface) !important;
  border-color:var(--border-medium) !important;
  box-shadow:var(--shadow-lg) !important;
}

html.dark .rp-input,
html.dark .rp-field{
  background:var(--bg-input) !important;
  border-color:var(--border-medium) !important;
  color:var(--text-primary) !important;
}
html.dark .rp-input:focus,
html.dark .rp-field:focus{
  border-color:var(--brand) !important;
  box-shadow:0 0 0 3px rgba(108,92,231,.15) !important;
}
html.dark .rp-input::placeholder,
html.dark .rp-field::placeholder{color:var(--text-muted) !important}
html.dark .rp-label{color:var(--text-secondary) !important}
html.dark .rp-field-hint{color:var(--text-muted) !important}

html.dark .rp-alert-error{
  background:rgba(220,38,38,.1) !important;
  border-color:rgba(220,38,38,.2) !important;
  color:#FCA5A5 !important;
}
html.dark .rp-alert-success{
  background:rgba(16,185,129,.1) !important;
  border-color:rgba(16,185,129,.2) !important;
  color:#6EE7B7 !important;
}

html.dark #rp-sidebar{
  background:var(--bg-surface) !important;
  border-right-color:var(--border-subtle) !important;
}
html.dark .rp-sidebar-header{border-bottom-color:var(--border-subtle) !important}
html.dark .rp-sidebar-title{color:var(--text-primary) !important}
html.dark .rp-sidebar-sub{color:var(--text-muted) !important}
html.dark .rp-sidebar-footer{border-top-color:var(--border-subtle) !important}

html.dark .rp-nav-label{color:var(--text-muted) !important}
html.dark .rp-nav-item{color:var(--text-secondary) !important}
html.dark .rp-nav-item:hover{background:rgba(255,255,255,.04) !important;color:var(--text-primary) !important}
html.dark .rp-nav-item.active{background:rgba(108,92,231,.12) !important;color:var(--brand) !important}

html.dark #rp-topbar{
  background:var(--bg-surface) !important;
  border-bottom-color:var(--border-subtle) !important;
}
html.dark .rp-topbar-title{color:var(--text-primary) !important}
html.dark .rp-topbar-balance{
  background:rgba(16,185,129,.1) !important;
  border-color:rgba(16,185,129,.2) !important;
  color:#10B981 !important;
}

html.dark #rp-main{background:transparent !important}

html.dark .rp-kpi-card{
  background:var(--bg-surface) !important;
  border-color:var(--border-subtle) !important;
}
html.dark .rp-kpi-value{color:var(--text-primary) !important}
html.dark .rp-kpi-label{color:var(--text-muted) !important}
html.dark .rp-kpi-sub{color:var(--text-tertiary) !important}

html.dark .rp-card{
  background:var(--bg-surface) !important;
  border-color:var(--border-subtle) !important;
}
html.dark .rp-card-header{border-bottom-color:var(--border-subtle) !important}
html.dark .rp-card-title{color:var(--text-primary) !important}
html.dark .rp-card-sub{color:var(--text-tertiary) !important}

html.dark .rp-table thead th{
  background:var(--bg-elevated) !important;
  color:var(--text-muted) !important;
  border-bottom-color:var(--border-subtle) !important;
}
html.dark .rp-table tbody td{
  color:var(--text-secondary) !important;
  border-bottom-color:var(--border-subtle) !important;
}
html.dark .rp-table tbody tr:hover{background:rgba(108,92,231,.04) !important}

html.dark .rp-badge-active{background:rgba(16,185,129,.12) !important;color:#10B981 !important}
html.dark .rp-badge-inactive,.rp-badge-disabled{background:rgba(255,255,255,.06) !important;color:var(--text-muted) !important}
html.dark .rp-badge-expiring{background:rgba(249,115,22,.12) !important;color:#FB923C !important}
html.dark .rp-badge-expired{background:rgba(239,68,68,.12) !important;color:#EF4444 !important}
html.dark .rp-badge-pending{background:rgba(245,158,11,.12) !important;color:#FBBF24 !important}
html.dark .rp-badge-approved,.rp-badge-completed{background:rgba(16,185,129,.12) !important;color:#10B981 !important}
html.dark .rp-badge-rejected{background:rgba(239,68,68,.12) !important;color:#EF4444 !important}
html.dark .rp-badge-credit{background:rgba(16,185,129,.12) !important;color:#10B981 !important}
html.dark .rp-badge-debit{background:rgba(239,68,68,.12) !important;color:#EF4444 !important}
html.dark .rp-badge-topup{background:rgba(59,130,246,.12) !important;color:#60A5FA !important}
html.dark .rp-badge-adjustment{background:rgba(108,92,231,.12) !important;color:var(--brand) !important}
html.dark .rp-badge-refund{background:rgba(124,58,237,.12) !important;color:#A78BFA !important}

html.dark .rp-btn-secondary{
  background:var(--bg-surface) !important;
  border-color:var(--border-medium) !important;
  color:var(--text-secondary) !important;
}
html.dark .rp-btn-secondary:hover{
  background:var(--bg-surface-hover) !important;
}
html.dark .rp-btn-danger{
  background:rgba(220,38,38,.1) !important;
  color:#EF4444 !important;
  border-color:rgba(220,38,38,.2) !important;
}
html.dark .rp-close-btn{
  background:var(--bg-surface) !important;
  color:var(--text-secondary) !important;
}
html.dark .rp-close-btn:hover{
  background:var(--bg-surface-hover) !important;
  color:var(--text-primary) !important;
}

html.dark .rp-drawer{
  background:var(--bg-elevated) !important;
}
html.dark .rp-drawer-header{border-bottom-color:var(--border-subtle) !important}
html.dark .rp-drawer-title{color:var(--text-primary) !important}
html.dark .rp-drawer-footer{border-top-color:var(--border-subtle) !important}
html.dark .rp-drawer-overlay{background:var(--overlay) !important}

html.dark .rp-modal{
  background:var(--bg-elevated) !important;
  box-shadow:var(--shadow-lg) !important;
}
html.dark .rp-modal-header{border-bottom-color:var(--border-subtle) !important}
html.dark .rp-modal-title{color:var(--text-primary) !important}
html.dark .rp-modal-body{color:var(--text-secondary) !important}
html.dark .rp-modal-footer{border-top-color:var(--border-subtle) !important}
html.dark .rp-modal-overlay{background:var(--overlay) !important}

html.dark .rp-pag{border-top-color:var(--border-subtle) !important;color:var(--text-tertiary) !important}

html.dark .rp-empty{color:var(--text-muted) !important}
html.dark .rp-empty svg{color:var(--text-muted) !important}

html.dark .rp-skel{
  background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 75%) !important;
  background-size:200% 100% !important;
}

html.dark .rp-toast{box-shadow:var(--shadow-lg) !important}
html.dark .rp-toast-success{
  background:var(--bg-elevated) !important;
  border-color:rgba(16,185,129,.25) !important;
  color:var(--text-primary) !important;
}
html.dark .rp-toast-error{
  background:var(--bg-elevated) !important;
  border-color:rgba(239,68,68,.25) !important;
  color:var(--text-primary) !important;
}

html.dark .rp-cost-preview{
  background:rgba(108,92,231,.08) !important;
  border-color:rgba(108,92,231,.2) !important;
}
html.dark .rp-cost-row{color:var(--text-secondary) !important}
html.dark .rp-cost-row.total{color:var(--brand) !important;border-top-color:rgba(108,92,231,.2) !important}
html.dark .rp-insufficient{
  background:rgba(220,38,38,.08) !important;
  border-color:rgba(220,38,38,.2) !important;
  color:#FCA5A5 !important;
}

/* ═══════ DASHBOARD PAGE EXTRAS ═══════ */
html.dark .card.expired-card{opacity:.4}

html.dark .access-btn-premium{opacity:.95}
html.dark .buy-btn-premium{opacity:.95}

html.dark .badge-inactive{
  background:rgba(255,255,255,.06) !important;
  color:var(--text-muted) !important;
  border-color:rgba(255,255,255,.08) !important;
}
html.dark .card-top-accent-inactive{
  background:rgba(255,255,255,.08) !important;
}
html.dark .progress-bar-inactive{
  background:rgba(255,255,255,.08) !important;
}
html.dark .locked-btn{
  background:rgba(255,255,255,.06) !important;
  color:var(--text-secondary) !important;
  border:1px solid var(--border-subtle) !important;
}
html.dark .locked-btn:hover{
  background:rgba(255,255,255,.1) !important;
  border-color:var(--border-focus) !important;
  color:var(--text-primary) !important;
}
html.dark .platform-name{
  color:var(--text-primary) !important;
}
html.dark .platform-name-inactive{
  color:var(--text-muted) !important;
}
html.dark .stat-card .text-gray-900{
  color:var(--text-primary) !important;
}
html.dark .stat-card .text-slate-400{
  color:var(--text-muted) !important;
}

html.dark .notice-box{
  background:rgba(245,158,11,.06) !important;
  border-color:rgba(245,158,11,.15) !important;
}

/* ═══════ RESELLER CSS NOT LINKED ═══════ */
html.dark .rp-chart-wrap canvas{opacity:.9}

/* ═══════ INLINE STYLE OVERRIDES ═══════ */
html.dark [style*="color:#0F172A"],
html.dark [style*="color:#111827"],
html.dark [style*="color:#1F2937"],
html.dark [style*="color:#374151"]{
  color:var(--text-primary) !important;
}
html.dark [style*="color:#4B5563"],
html.dark [style*="color:#6B7280"],
html.dark [style*="color:#64748B"]{
  color:var(--text-secondary) !important;
}
html.dark [style*="color:#9CA3AF"],
html.dark [style*="color:#94A3B8"],
html.dark [style*="color:#CBD5E1"]{
  color:var(--text-tertiary) !important;
}

html.dark [style*="background:#fff"],
html.dark [style*="background:#F9FAFB"],
html.dark [style*="background:#F8FAFC"],
html.dark [style*="background:#FAFAFA"],
html.dark [style*="background:#FAFAFE"],
html.dark [style*="background:#F8F9FC"],
html.dark [style*="background:#F3F4F6"]{
  background:var(--bg-surface) !important;
}

html.dark [style*="border-color:#E5E7EB"],
html.dark [style*="border-color:#E2E8F0"],
html.dark [style*="border-color:#F3F4F6"],
html.dark [style*="border-color:#F1F5F9"]{
  border-color:var(--border-subtle) !important;
}
html.dark [style*="border:1px solid #E5E7EB"],
html.dark [style*="border:1px solid #E2E8F0"],
html.dark [style*="border:1px solid #F3F4F6"]{
  border-color:var(--border-subtle) !important;
}

html.dark [style*="border-bottom:1px solid #F3F4F6"],
html.dark [style*="border-bottom:1px solid #E5E7EB"],
html.dark [style*="border-bottom:1px solid #F1F5F9"]{
  border-bottom-color:var(--border-subtle) !important;
}
html.dark [style*="border-top:1px solid #F3F4F6"],
html.dark [style*="border-top:1px solid #F1F5F9"]{
  border-top-color:var(--border-subtle) !important;
}

/* ═══════ ADMIN OVERVIEW — CEO DASHBOARD ═══════ */

html.dark #ov-statusBar{
  background:rgba(15,20,40,.6) !important;
  backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important;
  border-color:var(--border-subtle) !important;
  box-shadow:0 1px 8px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
html.dark #ov-statusBar .text-gray-500,
html.dark #ov-statusBar .text-gray-400{color:var(--text-tertiary) !important}
html.dark #ov-statusBar .text-gray-700,
html.dark #ov-statusBar .text-gray-900{color:var(--text-primary) !important}
html.dark #ov-statusBar .h-4.w-px{background:var(--border-subtle) !important}

html.dark .ov-kpi-card{
  background:rgba(15,20,40,.5) !important;
  backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;
  border-color:var(--border-subtle) !important;
  box-shadow:0 2px 8px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html.dark .ov-kpi-card:hover{
  border-color:rgba(108,92,231,.3) !important;
  box-shadow:0 4px 20px rgba(108,92,231,.12), inset 0 1px 0 rgba(255,255,255,.06) !important;
  transform:translateY(-2px);
}
html.dark .ov-kpi-icon{
  background:rgba(255,255,255,.06) !important;
}
html.dark .ov-kpi-icon.bg-indigo-50{background:rgba(99,102,241,.15) !important;color:#818CF8 !important}
html.dark .ov-kpi-icon.bg-green-50{background:rgba(16,185,129,.15) !important;color:#34D399 !important}
html.dark .ov-kpi-icon.bg-blue-50{background:rgba(59,130,246,.15) !important;color:#60A5FA !important}
html.dark .ov-kpi-icon.bg-purple-50{background:rgba(139,92,246,.15) !important;color:#A78BFA !important}
html.dark .ov-kpi-icon.bg-emerald-50{background:rgba(16,185,129,.15) !important;color:#34D399 !important}
html.dark .ov-kpi-icon.bg-amber-50{background:rgba(245,158,11,.15) !important;color:#FBBF24 !important}
html.dark .ov-kpi-icon.bg-rose-50{background:rgba(244,63,94,.15) !important;color:#FB7185 !important}
html.dark .ov-kpi-val{color:#F1F5F9 !important}
html.dark .ov-kpi-label{color:var(--text-muted) !important}
html.dark .ov-kpi-trend.positive{color:#34D399 !important}
html.dark .ov-kpi-trend.negative{color:#F87171 !important}
html.dark .ov-kpi-trend.neutral{color:var(--text-muted) !important}

html.dark .ov-skeleton{
  background:linear-gradient(90deg,rgba(255,255,255,.03) 25%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.03) 75%) !important;
  background-size:200% 100% !important;
}

html.dark #ov-revenueCards > div{
  background:rgba(15,20,40,.5) !important;
  backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;
  border-color:var(--border-subtle) !important;
  box-shadow:0 2px 8px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html.dark #ov-revenueCards .border-emerald-100{border-color:rgba(16,185,129,.2) !important}
html.dark #ov-revenueCards .border-blue-100{border-color:rgba(59,130,246,.2) !important}
html.dark #ov-revenueCards .border-purple-100{border-color:rgba(139,92,246,.2) !important}
html.dark #ov-revenueCards .bg-gradient-to-br{background:rgba(15,20,40,.5) !important}
html.dark #ov-revenueCards .bg-emerald-100{background:rgba(16,185,129,.12) !important}
html.dark #ov-revenueCards .bg-blue-100{background:rgba(59,130,246,.12) !important}
html.dark #ov-revenueCards .bg-purple-100{background:rgba(139,92,246,.12) !important}
html.dark #ov-revenueCards .text-emerald-600{color:#34D399 !important}
html.dark #ov-revenueCards .text-blue-600{color:#60A5FA !important}
html.dark #ov-revenueCards .text-purple-600{color:#A78BFA !important}
html.dark #ov-revenueCards .text-2xl{color:#F1F5F9 !important}

html.dark .ov-alert-danger{
  background:rgba(220,38,38,.1) !important;
  border-color:rgba(220,38,38,.25) !important;
  color:#FCA5A5 !important;
}
html.dark .ov-alert-warning{
  background:rgba(245,158,11,.1) !important;
  border-color:rgba(245,158,11,.25) !important;
  color:#FDE68A !important;
}
html.dark .ov-alert-info{
  background:rgba(59,130,246,.1) !important;
  border-color:rgba(59,130,246,.25) !important;
  color:#93C5FD !important;
}

html.dark .ov-platform-row{
  border-color:var(--border-subtle) !important;
  background:transparent !important;
}
html.dark .ov-platform-row:hover{
  background:rgba(108,92,231,.05) !important;
  border-color:rgba(108,92,231,.15) !important;
}
html.dark .ov-bar-track{background:rgba(255,255,255,.06) !important}
html.dark .ov-pressure-overloaded{background:rgba(220,38,38,.15) !important;color:#F87171 !important}
html.dark .ov-pressure-moderate{background:rgba(245,158,11,.15) !important;color:#FBBF24 !important}
html.dark .ov-pressure-stable{background:rgba(16,185,129,.15) !important;color:#34D399 !important}
html.dark .ov-pressure-idle{background:rgba(255,255,255,.06) !important;color:var(--text-muted) !important}

html.dark .ov-slot-card{
  border-color:var(--border-subtle) !important;
  background:transparent !important;
}
html.dark .ov-slot-card:hover{border-color:var(--border-medium) !important}

html.dark .ov-event-item{
  border-bottom-color:var(--border-subtle) !important;
  color:var(--text-secondary) !important;
}
html.dark .ov-event-item:hover{background:rgba(108,92,231,.06) !important}

html.dark #ov-eventFilters{
  background:rgba(15,20,40,.3) !important;
  border-bottom-color:var(--border-subtle) !important;
}
html.dark #ov-eventFilters input,
html.dark #ov-eventFilters select{
  background:var(--bg-input) !important;
  border-color:var(--border-medium) !important;
  color:var(--text-primary) !important;
}
html.dark #ov-eventFilters input:focus,
html.dark #ov-eventFilters select:focus{
  border-color:var(--brand) !important;
}

html.dark .ov-quick-btn{
  background:rgba(108,92,231,.08) !important;
  border-color:rgba(108,92,231,.2) !important;
  color:#A78BFA !important;
  backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;
}
html.dark .ov-quick-btn:hover{
  background:rgba(108,92,231,.15) !important;
  border-color:rgba(108,92,231,.35) !important;
  color:#C4B5FD !important;
  box-shadow:0 4px 16px rgba(108,92,231,.15) !important;
  transform:translateY(-2px);
}

html.dark #ov-uaiStats > div{
  background:rgba(15,20,40,.4) !important;
  border-color:var(--border-subtle) !important;
}
html.dark #ov-uaiStats .border-green-100{border-color:rgba(16,185,129,.2) !important}
html.dark #ov-uaiStats .border-blue-100{border-color:rgba(59,130,246,.2) !important}
html.dark #ov-uaiStats .border-amber-100{border-color:rgba(245,158,11,.2) !important}
html.dark #ov-uaiStats .border-red-100{border-color:rgba(220,38,38,.2) !important}
html.dark #ov-uaiStats .bg-green-50\/50{background:rgba(16,185,129,.08) !important}
html.dark #ov-uaiStats .bg-blue-50\/50{background:rgba(59,130,246,.08) !important}
html.dark #ov-uaiStats .bg-amber-50\/50{background:rgba(245,158,11,.08) !important}
html.dark #ov-uaiStats .bg-red-50\/50{background:rgba(220,38,38,.08) !important}
html.dark #ov-uaiStats .text-green-700{color:#34D399 !important}
html.dark #ov-uaiStats .text-blue-700{color:#60A5FA !important}
html.dark #ov-uaiStats .text-amber-700{color:#FBBF24 !important}
html.dark #ov-uaiStats .text-red-700{color:#F87171 !important}
html.dark #ov-uaiStats .text-green-600{color:#34D399 !important}
html.dark #ov-uaiStats .text-blue-600{color:#60A5FA !important}
html.dark #ov-uaiStats .text-amber-600{color:#FBBF24 !important}
html.dark #ov-uaiStats .text-red-600{color:#F87171 !important}

html.dark #ov-uaiBody tr{border-color:var(--border-subtle) !important}
html.dark #ov-uaiBody tr:hover td{background:rgba(108,92,231,.04) !important}
html.dark #ov-uaiBody .text-gray-900,
html.dark #ov-uaiBody .font-semibold{color:var(--text-primary) !important}
html.dark #ov-uaiBody .text-gray-700,
html.dark #ov-uaiBody .text-gray-600{color:var(--text-secondary) !important}
html.dark #ov-uaiBody .text-gray-400,
html.dark #ov-uaiBody .text-gray-500{color:var(--text-muted) !important}
html.dark #ov-uaiBody .font-mono{color:var(--text-secondary) !important}
html.dark #ov-uaiBody .bg-indigo-100{background:rgba(99,102,241,.15) !important;color:#818CF8 !important}
html.dark #ov-uaiBody .bg-green-100{background:rgba(16,185,129,.15) !important}
html.dark #ov-uaiBody .text-green-700{color:#34D399 !important}
html.dark #ov-uaiBody .bg-gray-100{background:rgba(148,163,184,.1) !important}
html.dark #ov-uaiBody .bg-amber-100{background:rgba(245,158,11,.15) !important}
html.dark #ov-uaiBody .text-amber-700{color:#FBBF24 !important}
html.dark #ov-uaiBody .bg-red-100{background:rgba(220,38,38,.15) !important}
html.dark #ov-uaiBody .text-red-700{color:#F87171 !important}
html.dark #ov-uaiBody .text-red-500{color:#F87171 !important}
html.dark #ov-uaiBody .text-indigo-500{color:#818CF8 !important}
html.dark #ov-uaiBody .hover\:bg-red-50:hover{background:rgba(220,38,38,.1) !important}
html.dark #ov-uaiBody .hover\:bg-indigo-50:hover{background:rgba(99,102,241,.1) !important}
html.dark [data-testid="table-user-tracking"] thead tr{background:rgba(15,20,40,.5) !important}
html.dark [data-testid="table-user-tracking"] thead th{color:var(--text-muted) !important}
html.dark [data-testid="table-user-tracking"]{border-color:var(--border-subtle) !important}

html.dark .section-header-icon.bg-blue-50{background:rgba(59,130,246,.12) !important;color:#60A5FA !important}
html.dark .section-header-icon.bg-purple-50{background:rgba(139,92,246,.12) !important;color:#A78BFA !important}
html.dark .section-header-icon.bg-green-50{background:rgba(16,185,129,.12) !important;color:#34D399 !important}
html.dark .section-header-icon.bg-red-50{background:rgba(220,38,38,.12) !important;color:#F87171 !important}
html.dark .section-header-icon.bg-orange-50{background:rgba(249,115,22,.12) !important;color:#FB923C !important}
html.dark .section-header-icon.bg-cyan-50{background:rgba(6,182,212,.12) !important;color:#22D3EE !important}
html.dark .section-header-icon.bg-indigo-50{background:rgba(99,102,241,.12) !important;color:#818CF8 !important}

html.dark #ov-platformHealth .rounded-lg{
  background:rgba(15,20,40,.3) !important;
  border-color:var(--border-subtle) !important;
}

html.dark #ov-securityEvents > div{
  border-color:var(--border-subtle) !important;
}
html.dark #ov-geoDistribution > div{
  border-color:var(--border-subtle) !important;
}

html.dark #sec-overview [style*="box-shadow:0 1px 6px rgba(0,0,0,.06)"]{
  box-shadow:0 2px 12px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
html.dark #sec-overview [style*="box-shadow:0 1px 4px rgba(0,0,0,.04)"]{
  box-shadow:0 2px 12px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

html.dark #sec-overview canvas{
  filter:brightness(.95) !important;
}

html.dark .notif-dropdown,
html.dark .notif-panel{
  background:var(--bg-elevated) !important;
  backdrop-filter:blur(24px) !important;-webkit-backdrop-filter:blur(24px) !important;
  border-color:var(--border-medium) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.4) !important;
}
html.dark .notif-panel-header{
  border-bottom-color:var(--border-subtle) !important;
}
html.dark .notif-panel-header .text-gray-900,
html.dark .notif-panel-header .font-semibold{color:var(--text-primary) !important}
html.dark .notif-item{border-bottom-color:var(--border-subtle) !important}
html.dark .notif-item:hover{background:rgba(108,92,231,.06) !important}
html.dark .notif-item.unread{background:rgba(108,92,231,.06) !important}
html.dark .notif-item .notif-dot{background:var(--text-muted) !important}
html.dark .notif-item.unread .notif-dot{background:#818CF8 !important}
html.dark .notif-item-title{color:var(--text-primary) !important}
html.dark .notif-item:not(.unread) .notif-item-title{color:var(--text-secondary) !important}
html.dark .notif-item-msg{color:var(--text-tertiary) !important}
html.dark .notif-item-body{color:var(--text-secondary) !important}
html.dark .notif-item-time{color:var(--text-muted) !important}
html.dark .notif-empty{color:var(--text-muted) !important}
html.dark .notif-empty .bg-gray-50{background:rgba(255,255,255,.04) !important}
html.dark .notif-empty .text-gray-300{color:var(--text-muted) !important}
html.dark .notif-empty .text-gray-400{color:var(--text-muted) !important}
html.dark .notif-type-info{background:rgba(59,130,246,.1) !important;color:#60A5FA !important}
html.dark .notif-type-success{background:rgba(16,185,129,.1) !important;color:#34D399 !important}
html.dark .notif-type-warning{background:rgba(245,158,11,.1) !important;color:#FBBF24 !important}
html.dark .notif-dropdown-header{
  border-bottom-color:var(--border-subtle) !important;
}
html.dark .notif-dropdown-footer{
  border-top-color:var(--border-subtle) !important;
}
html.dark .notif-badge{border-color:var(--bg-surface, #0f1525) !important}
html.dark .notif-bell-btn{
  background:var(--bg-surface) !important;
  border-color:var(--border-medium) !important;
}
html.dark .notif-bell-wrap:hover .notif-bell-btn{
  background:var(--bg-surface-hover) !important;
  border-color:var(--border-focus) !important;
}
html.dark .notif-bell-wrap.has-notifications .notif-bell-btn{
  background:rgba(108,92,231,.1) !important;
  border-color:rgba(108,92,231,.2) !important;
}
html.dark .notif-panel-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb) !important}

html.dark #sec-overview [style*="background:#fafbfc"],
html.dark #sec-overview [style*="background:#FAFBFC"]{
  background:rgba(15,20,40,.3) !important;
}

html.dark #sec-overview .bg-gray-50.text-gray-600{
  background:var(--bg-elevated) !important;
  color:var(--text-tertiary) !important;
}

html.dark #sec-overview .rounded-lg.border.border-gray-100{
  border-color:var(--border-subtle) !important;
}

html.dark .ov-kpi-icon svg{
  filter:drop-shadow(0 0 4px currentColor);
}

html.dark #ov-quickActions{
  margin-top:1.5rem;
}

html.dark [style*="background:linear-gradient(135deg,#FAFAFF"],
html.dark [style*="background:linear-gradient(135deg,#F5F7FF"]{
  background:rgba(15,20,40,.4) !important;
}
html.dark [style*="background:linear-gradient(135deg,#6366F1"]{
  box-shadow:0 4px 12px rgba(99,102,241,.3) !important;
}

html.dark .ov-event-dot{
  box-shadow:0 0 4px currentColor;
}

html.dark #ov-systemHealth > div{
  background:rgba(15,20,40,.4) !important;
  border-color:var(--border-subtle) !important;
  box-shadow:0 2px 8px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html.dark #ov-systemHealth .text-gray-900{color:#F1F5F9 !important}
html.dark #ov-systemHealth .text-gray-500{color:var(--text-muted) !important}
html.dark #ov-systemHealth .text-gray-400{color:var(--text-muted) !important}

/* ── Mobile Admin Table Cards Dark Mode ── */
@media(max-width:900px){
  html.dark .admin-table tbody tr{
    background:rgba(15,20,40,.4) !important;
    border-color:var(--border-subtle) !important;
    box-shadow:0 1px 3px rgba(0,0,0,.2) !important;
  }
  html.dark .admin-table tbody tr:hover{
    box-shadow:0 4px 12px rgba(108,92,231,.12) !important;
  }
  html.dark .admin-table tbody td{
    border-bottom-color:var(--border-subtle) !important;
  }
  html.dark .admin-table tbody td::before{
    color:var(--text-muted) !important;
  }
  html.dark .admin-table tbody td:last-child{
    background:rgba(15,20,40,.3) !important;
  }
}

html.dark #sidebar{
  background:var(--card-bg) !important;
  border-right-color:var(--border-subtle) !important;
}
html.dark #sidebar-overlay{
  background:rgba(0,0,0,.5) !important;
}

/* ── Reseller Enterprise Panel Dark Mode ── */
html.dark .rs-tab-bar{border-bottom-color:var(--border-subtle) !important}
html.dark .rs-tab{color:var(--text-muted) !important}
html.dark .rs-tab:hover{color:var(--brand) !important;background:rgba(108,92,231,.06) !important}
html.dark .rs-tab.active{color:var(--brand) !important;border-bottom-color:var(--brand) !important}
html.dark .rs-kpi{background:rgba(15,20,40,.4) !important;border-color:var(--border-subtle) !important}
html.dark .rs-kpi-val{color:var(--text-primary) !important}
html.dark .rs-kpi-lbl{color:var(--text-muted) !important}
html.dark .rs-badge-active{background:rgba(16,185,129,.15) !important;color:#34D399 !important}
html.dark .rs-badge-suspended{background:rgba(220,38,38,.15) !important;color:#F87171 !important}
html.dark .rs-badge-pending{background:rgba(245,158,11,.15) !important;color:#FBBF24 !important}
html.dark .rs-badge-approved{background:rgba(16,185,129,.15) !important;color:#34D399 !important}
html.dark .rs-badge-rejected{background:rgba(220,38,38,.15) !important;color:#F87171 !important}
html.dark .rs-proof-thumb{border-color:var(--border-subtle) !important}

html.dark .rs-drawer-overlay{background:rgba(0,0,0,.5) !important}
html.dark .rs-drawer{background:var(--card-bg) !important;box-shadow:-8px 0 40px rgba(0,0,0,.4) !important}
html.dark .rs-drawer-hd{background:var(--card-bg) !important;border-bottom-color:var(--border-subtle) !important}
html.dark .rs-drawer-hd *{color:var(--text-primary) !important}
html.dark .rs-field label{color:var(--text-secondary) !important}
html.dark .rs-field input,
html.dark .rs-field select,
html.dark .rs-field textarea{background:rgba(15,20,40,.4) !important;border-color:var(--border-subtle) !important;color:var(--text-primary) !important}
html.dark .rs-field input:focus,
html.dark .rs-field select:focus,
html.dark .rs-field textarea:focus{border-color:var(--brand) !important;box-shadow:0 0 0 3px rgba(108,92,231,.15) !important}
html.dark .rs-sect-title{color:var(--text-muted) !important;border-bottom-color:var(--border-subtle) !important}
html.dark .rs-wallet-row{border-bottom-color:var(--border-subtle) !important}
html.dark .rs-wallet-row [style*="color:#374151"]{color:var(--text-primary) !important}
html.dark .rs-wallet-row [style*="color:#6B7280"]{color:var(--text-muted) !important}
html.dark .rs-wallet-row [style*="color:#94A3B8"]{color:var(--text-muted) !important}

html.dark .rs-detail-modal-overlay{background:rgba(0,0,0,.6) !important}
html.dark .rs-detail-modal{background:var(--card-bg) !important;box-shadow:0 24px 60px rgba(0,0,0,.4) !important}
html.dark .rs-detail-modal [style*="background:#ECFDF5"]{background:rgba(16,185,129,.12) !important}
html.dark .rs-detail-modal [style*="background:#EFF6FF"]{background:rgba(59,130,246,.12) !important}
html.dark .rs-detail-modal [style*="background:#F5F3FF"]{background:rgba(139,92,246,.12) !important}
html.dark .rs-detail-modal [style*="background:#FFFBEB"]{background:rgba(245,158,11,.12) !important}
html.dark .rs-detail-modal [style*="background:#FEF2F2"]{background:rgba(220,38,38,.12) !important}
html.dark .rs-detail-modal [style*="color:#6B7280"]{color:var(--text-muted) !important}
html.dark .rs-modal-tabs{border-bottom-color:var(--border-subtle) !important}
html.dark .rs-modal-tab{color:var(--text-muted) !important}
html.dark .rs-modal-tab.active{color:var(--brand) !important;border-bottom-color:var(--brand) !important}
html.dark .rs-tx-row{border-bottom-color:var(--border-subtle) !important}
html.dark .rs-tx-row [style*="color:#374151"]{color:var(--text-primary) !important}
html.dark .rs-tx-row [style*="color:#94A3B8"]{color:var(--text-muted) !important}

html.dark .detail-row{border-bottom-color:var(--border-subtle) !important}
html.dark .detail-lbl{color:var(--text-muted) !important}
html.dark .detail-val{color:var(--text-primary) !important}

html.dark .rs-confirm-overlay{background:rgba(0,0,0,.5) !important}
html.dark .rs-confirm-box{background:var(--card-bg) !important;box-shadow:0 20px 48px rgba(0,0,0,.4) !important}
html.dark .rs-confirm-box *{color:var(--text-primary) !important}

html.dark .pricing-editable{background:rgba(99,102,241,.1) !important;border-color:rgba(99,102,241,.3) !important;color:#818CF8 !important}
html.dark .pricing-editable:hover{background:rgba(99,102,241,.15) !important}

html.dark .tbl-act{background:rgba(15,20,40,.4) !important;border-color:var(--border-subtle) !important;color:var(--text-muted) !important}
html.dark .tbl-act:hover{background:rgba(15,20,40,.6) !important;color:var(--text-primary) !important}
html.dark .tbl-act-user{color:#818CF8 !important;border-color:rgba(99,102,241,.3) !important;background:rgba(99,102,241,.1) !important}
html.dark .tbl-act-user:hover{background:rgba(99,102,241,.2) !important;color:#A5B4FC !important}
html.dark .tbl-act[style*="color:#DC2626"]{color:#F87171 !important;border-color:rgba(220,38,38,.3) !important;background:rgba(220,38,38,.1) !important}
html.dark .tbl-act[style*="color:#DC2626"]:hover{background:rgba(220,38,38,.2) !important}
html.dark .tbl-act-danger{color:#F87171 !important;border-color:rgba(220,38,38,.3) !important;background:rgba(220,38,38,.1) !important}
html.dark .tbl-act-danger:hover{background:rgba(220,38,38,.2) !important}
html.dark .tbl-act-success{color:#34D399 !important;border-color:rgba(16,185,129,.3) !important;background:rgba(16,185,129,.1) !important}
html.dark .tbl-act-success:hover{background:rgba(16,185,129,.2) !important}

html.dark #sec-resellers td[style*="color:#374151"]{color:var(--text-secondary) !important}
html.dark #sec-resellers td[style*="color:#6B7280"]{color:var(--text-muted) !important}
html.dark #sec-resellers td[style*="color:#94A3B8"]{color:var(--text-muted) !important}
html.dark #sec-resellers td[style*="color:#7C3AED"]{color:#A78BFA !important}
html.dark #sec-resellers td[style*="font-weight:600"]{color:var(--text-primary) !important}
html.dark #sec-resellers .data-table tbody tr:hover{background:rgba(108,92,231,.04) !important}

html.dark .ent-drawer{background:var(--card-bg) !important;box-shadow:-6px 0 32px rgba(0,0,0,.4) !important}
html.dark .ent-drawer-header{background:var(--card-bg) !important;border-bottom-color:var(--border-subtle) !important}
html.dark .ent-overlay{background:rgba(0,0,0,.5) !important}

html.dark .vu-info-grid{background:rgba(15,20,40,.4) !important;border-color:var(--border-subtle) !important}
html.dark .vu-info-cell{border-bottom-color:var(--border-subtle) !important;border-right-color:var(--border-subtle) !important}
html.dark .vu-info-cell-label{color:var(--text-muted) !important}
html.dark .vu-info-cell-value{color:var(--text-primary) !important}
html.dark .vu-sub-card{background:rgba(15,20,40,.4) !important;border-color:var(--border-subtle) !important}
html.dark .vu-section-title{color:var(--text-muted) !important}

html.dark .cat-badge{background:rgba(148,163,184,.1) !important;color:var(--text-secondary) !important}
html.dark .sev-info{background:rgba(59,130,246,.1) !important;color:#60A5FA !important;border-color:rgba(59,130,246,.3) !important}
html.dark .sev-success{background:rgba(16,185,129,.1) !important;color:#34D399 !important;border-color:rgba(16,185,129,.3) !important}
html.dark .sev-warning{background:rgba(245,158,11,.1) !important;color:#FBBF24 !important;border-color:rgba(245,158,11,.3) !important}
html.dark .sev-danger{background:rgba(234,88,12,.1) !important;color:#FB923C !important;border-color:rgba(234,88,12,.3) !important}
html.dark .sev-critical{background:rgba(220,38,38,.1) !important;color:#F87171 !important;border-color:rgba(220,38,38,.3) !important}

html.dark .notif-bell-btn{background:rgba(15,20,40,.4) !important;border-color:var(--border-subtle) !important}
html.dark .notif-bell-btn:hover{background:rgba(220,38,38,.1) !important;border-color:rgba(220,38,38,.3) !important}
html.dark .notif-dropdown{background:var(--card-bg) !important;border-color:var(--border-subtle) !important;box-shadow:0 12px 40px rgba(0,0,0,.4) !important}
html.dark .notif-dropdown-header{border-bottom-color:var(--border-subtle) !important}
html.dark .notif-dropdown-title{color:var(--text-primary) !important}

html.dark .cu-hint-info{background:rgba(59,130,246,.08) !important;color:#60A5FA !important;border-color:rgba(59,130,246,.2) !important}
html.dark .cu-hint-warn{background:rgba(245,158,11,.08) !important;color:#FBBF24 !important;border-color:rgba(245,158,11,.2) !important}
html.dark .user-empty-icon{background:rgba(99,102,241,.1) !important}
html.dark .user-empty-title{color:var(--text-primary) !important}
html.dark .user-empty-sub{color:var(--text-muted) !important}

html.dark .am-plat-list{background:rgba(15,20,40,.4) !important;border-color:var(--border-subtle) !important}
html.dark .am-plat-item{color:var(--text-secondary) !important;border-bottom-color:var(--border-subtle) !important}
html.dark .am-plat-item:hover{background:rgba(108,92,231,.06) !important}
html.dark .am-sub-row{border-bottom-color:var(--border-subtle) !important}
html.dark .am-sub-row:hover{background:rgba(108,92,231,.04) !important}
html.dark .am-sub-act{background:rgba(15,20,40,.4) !important;border-color:var(--border-subtle) !important;color:var(--text-secondary) !important}
html.dark .am-sub-act:hover{background:rgba(15,20,40,.6) !important;border-color:var(--border-default) !important}
html.dark .am-sub-act-ext{color:#34D399 !important;border-color:rgba(16,185,129,.3) !important;background:rgba(16,185,129,.1) !important}
html.dark .am-sub-act-del{color:#F87171 !important;border-color:rgba(220,38,38,.3) !important;background:rgba(220,38,38,.1) !important}
html.dark .plat-count-chip{background:rgba(99,102,241,.1) !important;color:#818CF8 !important}
html.dark .plat-count-chip.none{background:rgba(148,163,184,.08) !important;color:var(--text-muted) !important}

html.dark .rs-detail-modal table thead tr{background:rgba(15,20,40,.5) !important}
html.dark .rs-detail-modal table th{color:var(--text-muted) !important}
html.dark .rs-detail-modal table tr{border-bottom-color:var(--border-subtle) !important}
html.dark .rs-detail-modal table td{color:var(--text-secondary) !important}
html.dark .rs-detail-modal table td[style*="font-weight:600"]{color:var(--text-primary) !important}
html.dark .rs-detail-modal [style*="background:#F9FAFB"]{background:rgba(15,20,40,.3) !important}
html.dark .rs-detail-modal [style*="border-bottom:1px solid #E5E7EB"]{border-bottom-color:var(--border-subtle) !important}
html.dark .rs-detail-modal [style*="border-bottom:1px solid #F3F4F6"]{border-bottom-color:var(--border-subtle) !important}
html.dark .rs-detail-modal [style*="border-bottom:1px solid #F9FAFB"]{border-bottom-color:var(--border-subtle) !important}
html.dark .rs-detail-modal [style*="color:#374151"]{color:var(--text-primary) !important}
html.dark .rs-detail-modal [style*="color:#94A3B8"]{color:var(--text-muted) !important}
html.dark .rs-detail-modal [style*="color:#9CA3AF"]{color:var(--text-muted) !important}

html.dark #topupBody td[style*="color:#94A3B8"]{color:var(--text-muted) !important}
html.dark #topupBody td[style*="color:#059669"]{color:#34D399 !important}
html.dark #topupBody [style*="font-weight:600"]{color:var(--text-primary) !important}
html.dark #topupBody [style*="font-family:monospace"]{color:var(--text-muted) !important}

html.dark #pricingBody td[style*="color:#94A3B8"]{color:var(--text-muted) !important}
html.dark #pricingBody [style*="font-weight:600"]{color:var(--text-primary) !important}
html.dark #pricingBody [style*="font-family:monospace"]{color:var(--text-muted) !important}

html.dark #activityBody td[style*="color:#94A3B8"]{color:var(--text-muted) !important}
html.dark #activityBody td[style*="color:#4F46E5"]{color:#818CF8 !important}
html.dark #activityBody [style*="background:#F3F4F6"]{background:rgba(148,163,184,.1) !important;color:var(--text-secondary) !important}

html.dark .uw-tab{color:var(--text-muted) !important}
html.dark .uw-tab:hover{color:var(--brand) !important;background:rgba(108,92,231,.06) !important}
html.dark .uw-tab-active{color:var(--brand) !important;border-bottom-color:var(--brand) !important}

html.dark .expiry-alert-critical{background:rgba(220,38,38,.08) !important;border-color:rgba(220,38,38,.25) !important;color:#FCA5A5 !important}
html.dark .expiry-alert-high{background:rgba(234,88,12,.08) !important;border-color:rgba(234,88,12,.25) !important;color:#FDBA74 !important}
html.dark .expiry-alert-warning{background:rgba(245,158,11,.08) !important;border-color:rgba(245,158,11,.25) !important;color:#FDE68A !important}
html.dark .btn-quick-extend{background:rgba(99,102,241,.1) !important;color:#818CF8 !important;border-color:rgba(99,102,241,.3) !important}
html.dark .btn-quick-extend:hover{background:var(--brand) !important;color:#fff !important}

html.dark .toast-critical{background:var(--card-bg) !important;border-color:rgba(220,38,38,.3) !important;color:#FCA5A5 !important;border-left-color:#DC2626 !important}
html.dark .toast-critical:hover{background:rgba(220,38,38,.08) !important}

html.dark .pg-info{color:var(--text-muted) !important}
html.dark .pg-btn{color:var(--text-secondary) !important;background:rgba(15,20,40,.3) !important;border-color:var(--border-subtle) !important}
html.dark .pg-btn:hover:not(:disabled){background:rgba(108,92,231,.1) !important}
html.dark .pg-btn.active{background:var(--brand) !important;color:#fff !important;border-color:var(--brand) !important}
html.dark .pagination-bar .pg-btn{color:var(--text-secondary) !important;background:rgba(15,20,40,.3) !important;border-color:var(--border-subtle) !important}
html.dark .pagination-bar .pg-btn:hover:not(:disabled){background:rgba(108,92,231,.1) !important}
html.dark .pagination-bar .pg-btn.active{background:var(--brand) !important;color:#fff !important;border-color:var(--brand) !important}
html.dark .pagination-bar .pg-info{color:var(--text-muted) !important}

/* ═══════ CONTACT MESSAGES SECTION ═══════ */
html.dark #sec-contacts > div > div{
  background:var(--bg-surface) !important;
  border-color:var(--border-subtle) !important;
}
html.dark #sec-contacts .pagination-bar{
  border-top-color:var(--border-subtle) !important;
  background:transparent !important;
}

/* ═══════ MISSING BACKGROUND VALUES ═══════ */
html.dark [style*="background:#FAFBFF"],
html.dark [style*="background:#F8F9FA"],
html.dark [style*="background:#FCFCFD"],
html.dark [style*="background:#F0F6FF"],
html.dark [style*="background:#fafbff"],
html.dark [style*="background:#f8f9fa"],
html.dark [style*="background:#fcfcfd"]{
  background:var(--bg-surface) !important;
}

html.dark [style*="background:#DBEAFE"],
html.dark [style*="background:#EFF6FF"],
html.dark [style*="background:#EEF2FF"],
html.dark [style*="background:#E0E7FF"],
html.dark [style*="background:#BFDBFE"],
html.dark [style*="background:#dbeafe"],
html.dark [style*="background:#eff6ff"],
html.dark [style*="background:#eef2ff"]{
  background:rgba(59,130,246,.1) !important;
}

/* ═══════ LOWERCASE BACKGROUND OVERRIDES (JS-rendered) ═══════ */
html.dark [style*="background:#f9fafb"],
html.dark [style*="background:#f3f4f6"],
html.dark [style*="background:#f8fafc"],
html.dark [style*="background:#fafafa"],
html.dark [style*="background:#fafafe"],
html.dark [style*="background:#f8f9fc"],
html.dark [style*="background:#fff"]{
  background:var(--bg-surface) !important;
}

/* ═══════ LOWERCASE BORDER OVERRIDES (JS-rendered) ═══════ */
html.dark [style*="border:1px solid #e5e7eb"],
html.dark [style*="border:1px solid #f3f4f6"],
html.dark [style*="border:1px solid #e2e8f0"],
html.dark [style*="border:1px solid #d1d5db"]{
  border-color:var(--border-subtle) !important;
}
html.dark [style*="border-bottom:1px solid #f3f4f6"],
html.dark [style*="border-bottom:1px solid #e5e7eb"],
html.dark [style*="border-bottom:1px solid #e2e8f0"]{
  border-bottom-color:var(--border-subtle) !important;
}
html.dark [style*="border-top:1px solid #f3f4f6"],
html.dark [style*="border-top:1px solid #e5e7eb"],
html.dark [style*="border-top:1px solid #e2e8f0"]{
  border-top-color:var(--border-subtle) !important;
}

/* ═══════ MISSING TEXT COLOR OVERRIDES ═══════ */
html.dark [style*="color:#D1D5DB"],
html.dark [style*="color:#d1d5db"],
html.dark [style*="color:#E5E7EB"],
html.dark [style*="color:#e5e7eb"]{
  color:var(--text-muted) !important;
}
html.dark [style*="color:#9ca3af"],
html.dark [style*="color:#6b7280"],
html.dark [style*="color:#64748b"],
html.dark [style*="color:#4b5563"]{
  color:var(--text-secondary) !important;
}
html.dark [style*="color:#374151"],
html.dark [style*="color:#1f2937"],
html.dark [style*="color:#0f172a"]{
  color:var(--text-primary) !important;
}
html.dark [style*="color:#1E40AF"]{
  color:#93C5FD !important;
}
html.dark [style*="color:#2563EB"]{
  color:#60A5FA !important;
}

/* ═══════ DASHBOARD — PROFILE DROPDOWN & AVATAR ═══════ */
html.dark .profile-avatar-btn{
  background:var(--bg-surface) !important;
  border-color:var(--border-subtle) !important;
}
html.dark .profile-avatar-btn:hover{
  background:var(--bg-surface-hover) !important;
  border-color:var(--border-focus) !important;
  box-shadow:0 4px 16px rgba(108,92,231,.12) !important;
}
html.dark .profile-avatar-name{color:var(--text-primary) !important}
html.dark .profile-online-dot{border-color:var(--bg-surface) !important}

html.dark .profile-dropdown{
  background:var(--bg-elevated) !important;
  backdrop-filter:blur(24px) !important;-webkit-backdrop-filter:blur(24px) !important;
  border-color:var(--border-medium) !important;
  box-shadow:0 16px 48px rgba(0,0,0,.4) !important;
}
html.dark .profile-dropdown-item{
  color:var(--text-secondary) !important;
  background:none !important;
}
html.dark .profile-dropdown-item:hover{
  background:rgba(108,92,231,.1) !important;
  color:var(--brand) !important;
}
html.dark .profile-dropdown-item svg{color:var(--text-muted) !important}
html.dark .profile-dropdown-item:hover svg{color:var(--brand) !important}
html.dark .profile-dropdown-divider{background:var(--border-subtle) !important}
html.dark .profile-dropdown-logout{color:#F87171 !important}
html.dark .profile-dropdown-logout:hover{
  background:rgba(220,38,38,.1) !important;
  color:#FCA5A5 !important;
}

/* ═══════ DASHBOARD — MOBILE DRAWER ═══════ */
html.dark .mobile-drawer{
  background:var(--bg-elevated) !important;
  backdrop-filter:blur(24px) !important;-webkit-backdrop-filter:blur(24px) !important;
  box-shadow:4px 0 24px rgba(0,0,0,.5) !important;
}
html.dark .mobile-drawer-header{border-bottom-color:var(--border-subtle) !important}
html.dark .mobile-drawer-footer{border-top-color:var(--border-subtle) !important}
html.dark .mobile-drawer-link{color:var(--text-secondary) !important}
html.dark .mobile-drawer-link:hover,
html.dark .mobile-drawer-link.active{
  background:rgba(108,92,231,.1) !important;
  color:var(--brand) !important;
}

/* ═══════ DASHBOARD — HAMBURGER BTN ═══════ */
html.dark .hamburger-menu-btn{color:var(--text-secondary) !important}
html.dark .hamburger-menu-btn:hover{
  background:rgba(255,255,255,.06) !important;
  color:var(--text-primary) !important;
}

/* ═══════ DASHBOARD — TOAST INFO ═══════ */
html.dark .toast-info{
  border-color:rgba(59,130,246,.25) !important;
  color:var(--text-primary) !important;
}

/* ═══════ DASHBOARD — FLOATING ALERT ═══════ */
html.dark .floating-alert{
  background:rgba(30,10,10,.92) !important;
  backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;
  border-color:rgba(220,38,38,.3) !important;
  color:#FCA5A5 !important;
}

/* ═══════ DASHBOARD — INFO PANEL ═══════ */
html.dark .info-panel{
  background:var(--bg-surface) !important;
  backdrop-filter:var(--glass-blur) !important;-webkit-backdrop-filter:var(--glass-blur) !important;
  border-color:var(--border-medium) !important;
  box-shadow:var(--shadow-sm) !important;
}
html.dark .info-panel-header{border-bottom-color:var(--border-subtle) !important}

/* ═══════ DASHBOARD — SLOT CARD ═══════ */
html.dark .slot-card{
  background:var(--bg-input) !important;
  border-color:var(--border-subtle) !important;
}
html.dark .slot-card:hover{
  border-color:var(--border-focus) !important;
  background:var(--bg-surface) !important;
}

/* ═══════ DASHBOARD — GUIDE STEP NUMBER ═══════ */
html.dark .guide-num{
  background:rgba(108,92,231,.12) !important;
  color:var(--brand) !important;
  border-color:rgba(108,92,231,.15) !important;
}

/* ═══════ PROFILE PAGE — LOCATION CARD ═══════ */
html.dark .loc-card{
  background:var(--bg-input) !important;
  border-color:var(--border-subtle) !important;
}
html.dark .loc-row{border-bottom-color:var(--border-subtle) !important}
html.dark .loc-label{color:var(--text-tertiary) !important}
html.dark .loc-value{color:var(--text-primary) !important}
html.dark .loc-note{color:var(--text-muted) !important}
html.dark .loc-unavailable{color:var(--text-muted) !important}

/* ═══════ PARSER PAGE — NETSCAPE TABLE ═══════ */
html.dark .netscape-table thead th{
  color:var(--brand) !important;
  background:rgba(108,92,231,.08) !important;
  border-bottom-color:rgba(108,92,231,.2) !important;
}
html.dark .netscape-table tbody td{
  color:var(--text-secondary) !important;
  border-bottom-color:var(--border-subtle) !important;
}
html.dark .netscape-table tbody tr:hover{background:rgba(108,92,231,.04) !important}
html.dark .netscape-table .col-domain{color:#C084FC !important}
html.dark .netscape-table .col-flag,
html.dark .netscape-table .col-secure{color:#34D399 !important}
html.dark .netscape-table .col-path{color:var(--text-muted) !important}
html.dark .netscape-table .col-expiry{color:#FBBF24 !important}
html.dark .netscape-table .col-name{color:#60A5FA !important}
html.dark .netscape-table .col-value{color:#34D399 !important}

/* ═══════ PARSER PAGE — STAT PILL ═══════ */
html.dark .stat-pill{
  background:rgba(255,255,255,.04) !important;
  border-color:var(--border-subtle) !important;
  color:var(--text-secondary) !important;
}

/* ═══════ PARSER PAGE — SUMMARY KPI ═══════ */
html.dark .summary-kpi{
  background:rgba(255,255,255,.04) !important;
  border-color:var(--border-subtle) !important;
}
html.dark .summary-kpi .kpi-label{color:var(--text-muted) !important}
html.dark .summary-kpi .kpi-value{color:var(--text-primary) !important}
html.dark .summary-kpi .kpi-value.valid{color:#34D399 !important}
html.dark .summary-kpi .kpi-value.missing{color:#F87171 !important}

/* ═══════ PARSER PAGE — GEO NODE ═══════ */
html.dark .geo-node{
  background:rgba(255,255,255,.04) !important;
  border-color:var(--border-subtle) !important;
}
html.dark .geo-node .geo-label{color:var(--text-muted) !important}
html.dark .geo-node .geo-value{color:var(--text-primary) !important}
html.dark .geo-arrow{color:var(--text-muted) !important}

/* ═══════ PARSER PAGE — RISK & HEALTH BARS ═══════ */
html.dark .risk-bar{background:rgba(255,255,255,.08) !important}
html.dark .health-bar{background:rgba(255,255,255,.08) !important}
html.dark .cookie-score-ring .ring-bg{stroke:rgba(255,255,255,.1) !important}

/* ═══════ PARSER PAGE — FACTOR ROWS ═══════ */
html.dark .factor-row:hover{background:rgba(108,92,231,.06) !important}
html.dark .factor-neutral{color:var(--text-muted) !important}
html.dark .factor-positive{color:#34D399 !important}
html.dark .factor-negative{color:#F87171 !important}

/* ═══════ PARSER PAGE — DATA TABLE COOKIE ROW ═══════ */
html.dark .data-table tbody tr.cookie-row{background:rgba(5,150,105,.06) !important}
html.dark .data-table tbody tr.cookie-row:hover{background:rgba(5,150,105,.1) !important}

/* ═══════ PARSER PAGE — INPUT AREA & SEARCH ═══════ */
html.dark .input-area{color:var(--text-primary) !important}
html.dark .search-input{color:var(--text-primary) !important}

/* ═══════ PARSER PAGE — TAB BTN (active already covered, but ensure inactive) ═══════ */
html.dark .tab-btn:not(.active){
  color:var(--text-muted) !important;
  background:transparent !important;
}

/* ═══════ BUY PAGE — FEATURE CARD TEXT ═══════ */
html.dark .feature-card h3,
html.dark .feature-card p{color:var(--text-secondary) !important}

/* ═══════ RESELLER — DETAIL MODAL DARK ═══════ */
html.dark .rs-detail-modal{
  background:var(--bg-elevated) !important;
  border-color:var(--border-medium) !important;
  box-shadow:0 24px 64px rgba(0,0,0,.5) !important;
}
html.dark .rs-detail-modal-hd{
  border-bottom-color:var(--border-subtle) !important;
}
html.dark .rs-detail-modal-ft{
  border-top-color:var(--border-subtle) !important;
  background:var(--bg-surface) !important;
}

/* ═══════ CONTACT.HTML & INDEX.HTML — ensure body gradients reset ═══════ */
html.dark .glass-panel{
  background:var(--bg-surface) !important;
  border-color:var(--border-medium) !important;
}

/* ═══════ GENERIC: p and span text in cards ═══════ */
html.dark .card p:not([class*="text-"]):not([class*="gradient"]),
html.dark .glass-card p:not([class*="text-"]):not([class*="gradient"]),
html.dark .stat-card p:not([class*="text-"]):not([class*="gradient"]){
  color:var(--text-secondary) !important;
}
html.dark .card span:not([class*="text-"]):not([class*="badge"]):not([class*="gradient"]):not([class*="btn"]):not([class*="tag"]){
  color:var(--text-secondary) !important;
}

/* ═══════ MISSING COLOR OVERRIDES ═══════ */
html.dark [style*="color:#334155"],
html.dark [style*="color:#1E293B"],
html.dark [style*="color:#0F172A"]{
  color:var(--text-primary) !important;
}
html.dark [style*="background:#FEF2F2"],
html.dark [style*="background:#FEE2E2"],
html.dark [style*="background:#FEF3C7"],
html.dark [style*="background:#FFFBEB"],
html.dark [style*="background:#EEF2FF"],
html.dark [style*="background:#E0E7FF"],
html.dark [style*="background:#EDE9FE"]{
  background:rgba(255,255,255,.04) !important;
}
html.dark [style*="border:1px solid #FECACA"]{
  border-color:rgba(220,38,38,.25) !important;
}

/* ═══════ ADDITIONAL INLINE STYLE OVERRIDES ═══════ */
html.dark [style*="color:#1D4ED8"],
html.dark [style*="color:#1E40AF"],
html.dark [style*="color:#1d4ed8"],
html.dark [style*="color:#1e40af"]{
  color:#93C5FD !important;
}
html.dark [style*="color:#059669"],
html.dark [style*="color:#047857"]{
  color:#34D399 !important;
}
html.dark [style*="color:#991B1B"],
html.dark [style*="color:#B91C1C"]{
  color:#FCA5A5 !important;
}
html.dark [style*="background:#EFF6FF"],
html.dark [style*="background:#DBEAFE"],
html.dark [style*="background:#BFDBFE"]{
  background:rgba(59,130,246,.08) !important;
}
html.dark [style*="border:1px solid #BFDBFE"],
html.dark [style*="border:1px solid #D1D5DB"],
html.dark [style*="border:1px solid #C7D2FE"],
html.dark [style*="border:1px solid #CBD5E1"]{
  border-color:var(--border-subtle) !important;
}
html.dark [style*="border-top:1px solid #D1D5DB"]{
  border-top-color:var(--border-subtle) !important;
}
html.dark [style*="border-bottom:1px solid #D1D5DB"]{
  border-bottom-color:var(--border-subtle) !important;
}

/* ═══════ PARSER — GLASS CARD OVERRIDE ═══════ */
html.dark .glass-card .tab-btn:not(.active){
  color:var(--text-muted) !important;
}
html.dark .glass-card .tab-btn.active{
  background:linear-gradient(135deg,#4F46E5,#6366F1) !important;
  color:#fff !important;
}

/* ═══════ CHECKBOX & RADIO — DARK MODE ═══════ */
html.dark input[type="checkbox"],
html.dark input[type="radio"]{
  accent-color:var(--brand) !important;
  border-color:var(--border-medium) !important;
  background:var(--bg-input) !important;
  color-scheme:dark !important;
}
html.dark input[type="checkbox"]:focus,
html.dark input[type="radio"]:focus{
  outline-color:var(--brand) !important;
  box-shadow:0 0 0 3px rgba(108,92,231,.15) !important;
}

/* ═══════ LABEL TEXT — DARK MODE ═══════ */
html.dark .label-text{color:var(--text-tertiary) !important}
html.dark label:not([class*="btn"]):not([class*="badge"]){
  color:var(--text-secondary) !important;
}

/* ═══════ FORGOT LINK & MISC LINKS — DARK MODE ═══════ */
html.dark .forgot-link{color:var(--text-tertiary) !important}
html.dark .forgot-link:hover{color:var(--brand) !important}

/* ═══════ TRUST BADGES — DARK MODE ═══════ */
html.dark .trust-badge{color:var(--text-tertiary) !important}

/* ═══════ DIVIDER — DARK MODE ═══════ */
html.dark .divider{color:var(--text-muted) !important}

/* ═══════ EMPTY STATE — DARK MODE ═══════ */
html.dark .empty-state{color:var(--text-tertiary) !important}
html.dark .empty-state p,
html.dark .empty-state span{color:var(--text-muted) !important}

/* ═══════ ADDITIONAL P/SPAN CLARITY ═══════ */
html.dark p:not([class*="text-"]):not([class*="gradient"]){
  color:var(--text-secondary);
}
html.dark li:not([class*="text-"]):not([class*="nav"]){
  color:var(--text-secondary);
}
html.dark small:not([class*="text-"]){
  color:var(--text-tertiary) !important;
}

/* ═══════ INLINE INLINE-STYLE COLOR GAPS ═══════ */
html.dark [style*="color:#475569"],
html.dark [style*="color:#334155"],
html.dark [style*="color:#1e293b"]{
  color:var(--text-primary) !important;
}
html.dark [style*="color:#6b7280"],
html.dark [style*="color:#9ca3af"],
html.dark [style*="color:#a0aec0"]{
  color:var(--text-secondary) !important;
}

/* ═══════ BACKGROUND MISMATCH COMMON PATTERNS ═══════ */
html.dark [style*="background:white"],
html.dark [style*="background: white"],
html.dark [style*="background:#ffffff"],
html.dark [style*="background:#FFFFFF"]{
  background:var(--bg-surface) !important;
}

/* ═══════ INPUT FILE UPLOAD — DARK MODE ═══════ */
html.dark input[type="file"]{
  color:var(--text-secondary) !important;
  background:var(--bg-input) !important;
  border-color:var(--border-medium) !important;
}
html.dark input[type="file"]::file-selector-button{
  background:var(--bg-surface-hover) !important;
  color:var(--text-primary) !important;
  border:1px solid var(--border-medium) !important;
  border-radius:var(--r-xs);
  padding:.25rem .75rem;
  cursor:pointer;
}

/* ═══════ SELECT OPTION — DARK MODE ═══════ */
html.dark select option{
  background:var(--card-bg) !important;
  color:var(--text-primary) !important;
}

/* ═══════ CODE / PRE — DARK MODE ═══════ */
html.dark code,
html.dark pre{
  background:rgba(12,16,32,.6) !important;
  color:#a78bfa !important;
  border-color:var(--border-subtle) !important;
}

/* ═══════ GLASS-HEADER CHILDREN — DARK MODE ═══════ */
html.dark .glass-header h1,
html.dark .glass-header h2,
html.dark .glass-header h3,
html.dark .glass-header p{
  color:var(--text-primary) !important;
}
html.dark .glass-header .text-sm,
html.dark .glass-header .text-xs{
  color:var(--text-secondary) !important;
}

/* ═══════ STAT CARD — VALUE/LABEL CLARITY ═══════ */
html.dark .kpi-value{color:var(--text-primary) !important}
html.dark .kpi-label{color:var(--text-tertiary) !important}
html.dark .kpi-change.up{color:#34D399 !important}
html.dark .kpi-change.down{color:#F87171 !important}

/* ═══════ TABLE CELLS — ENSURE READABILITY ═══════ */
html.dark table td strong,
html.dark table td b{
  color:var(--text-primary) !important;
}
html.dark table td span:not([class*="badge"]):not([class*="status"]):not([class*="dot"]){
  color:inherit !important;
}

/* ═══════ SCROLLBAR — DARK MODE ═══════ */
html.dark *::-webkit-scrollbar-track{background:rgba(255,255,255,.02) !important}
html.dark *::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1) !important;border-radius:3px !important}
html.dark *::-webkit-scrollbar-thumb:hover{background:rgba(108,92,231,.25) !important}

/* ═══════ BADGE NEUTRAL — DARK MODE ═══════ */
html.dark .badge-neutral{
  background:rgba(255,255,255,.06) !important;
  color:var(--text-tertiary) !important;
  border-color:var(--border-subtle) !important;
}

/* ═══════ BODY BASE TEXT — FALLBACK ═══════ */
html.dark body{color:var(--text-primary) !important}

/* ═══════ PLACEHOLDER GLOBAL — DARK MODE ═══════ */
html.dark ::placeholder{color:var(--text-muted) !important;opacity:.7 !important}

/* ═══════ PROFILE COMPLETION GATE — DARK MODE ═══════ */
html.dark #profileGateOverlay > div{background:rgba(18,24,50,.97) !important;box-shadow:0 24px 72px rgba(0,0,0,.5) !important}
html.dark #profileGateOverlay label{color:var(--text-secondary) !important}
html.dark #profileGateOverlay input{background:rgba(255,255,255,.05) !important;border-color:rgba(255,255,255,.12) !important;color:var(--text-primary) !important}
html.dark #profileGateOverlay input::placeholder{color:var(--text-muted) !important}
html.dark #profileGateOverlay input:focus{border-color:#6C5CE7 !important}
html.dark #pgError{background:rgba(239,68,68,.1) !important;border-color:rgba(239,68,68,.3) !important;color:#F87171 !important}