html[data-user-theme="dark"] {
  color-scheme: dark;
  --dm-bg-primary: #0d1117;
  --dm-bg-secondary: #1a1f2e;
  --dm-bg-tertiary: #141820;
  --dm-bg-card: #1a1f2e;
  --dm-bg-hover: #252a35;
  --dm-bg-overlay: rgba(15, 20, 25, 0.75);
  
  --dm-text-primary: #e4e6eb;
  --dm-text-secondary: #fff;
  --dm-text-muted: #9198a1;
  
  --dm-border-color: #3a3f4d;
  --dm-border-hover: #4a5562;
  
  --dm-primary: #2D7DFF;
  --dm-primary-hover: #1F6AE0;
  --dm-primary-light: #6CA4FF;
  --dm-a-primary: #82B4FF;
  
  --dm-success: #238636;
  --dm-warning: #FFC107;
  --dm-danger: #E94D4D;
  
  --dm-shadow: rgba(0, 0, 0, 0.4);
  --dm-shadow-light: rgba(0, 0, 0, 0.25);
  
  --dm-gradient-yellow: linear-gradient(120deg, #2a2415 0%, #2a2415 100%);
  --dm-bg-features: #141820;
  
   --clr-background: #454a50;
    --clr-foreground: white;
	--base-text-weight-light: 300;
    --base-text-weight-medium: 500;
    --base-text-weight-normal: 400;
    --base-text-weight-semibold: 600;
	font-size: 100%;
}


@media (max-width: 991px) {
  html[data-user-theme="dark"] {
    font-size: 14px;
  }
}

/* Base Styles */
html[data-user-theme="dark"] body {
  background-color: var(--dm-bg-primary);
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] ::-moz-selection {
  color: #fff;
  background-color: var(--dm-primary);
}

html[data-user-theme="dark"] ::selection {
  color: #fff;
  background-color: var(--dm-primary);
}

html[data-user-theme="dark"] .slide:after {
	content: inherit;
}

/* Header */
html[data-user-theme="dark"] .header {
  background-color: var(--dm-bg-secondary);
  border-bottom-color: var(--dm-border-color);
}

html[data-user-theme="dark"] .header .nav-link {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .header .nav-link:hover {
  color: var(--dm-text-secondary) !important;
}

/* Footer */
html[data-user-theme="dark"] .footer {
  background-color: #0d1520;
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .footer .nav-link {
  color: var(--dm-text-secondary);
}

html[data-user-theme="dark"] .footer .nav-link:hover {
  color: #c2c8d0;
}

html[data-user-theme="dark"] .footer .copyrights {
  color: var(--dm-text-secondary);
  opacity: 0.75;
}

/* Buttons */
html[data-user-theme="dark"] .btn.btn-primary,
html[data-user-theme="dark"] .btn.btn-primary:visited {
  color: #fff;
  background-color: var(--dm-primary);
  border-color: var(--dm-primary);
}

html[data-user-theme="dark"] .btn.btn-primary:hover {
  color: #fff;
  background-color: var(--dm-primary-hover);
  border-color: var(--dm-primary-hover);
}

html[data-user-theme="dark"] .btn.border {
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .btn.border:hover,
html[data-user-theme="dark"] .btn.border:focus {
  border-color: var(--dm-border-hover) !important;
  background-color: var(--dm-bg-hover);
}

html[data-user-theme="dark"] .login-btn {
  background-color: transparent;
  border-color: var(--dm-border-color);
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .login-btn:hover {
  background-color: var(--dm-bg-hover);
  border-color: var(--dm-border-hover);
}

/* Forms */
html[data-user-theme="dark"] .form-control,
html[data-user-theme="dark"] .custom-select {
  background-color: var(--dm-bg-secondary);
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text-primary);
}
html[data-user-theme="dark"] .input-group.bg-light,
html[data-user-theme="dark"] .input-group.bg-transparent {
  background-color: var(--dm-bg-tertiary) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-user-theme="dark"] select,
html[data-user-theme="dark"] .custom-select {
  background-color: var(--dm-bg-secondary) !important;
  color: var(--dm-text-primary) !important;
  border-color: var(--dm-border-color) !important;
}

/* Dropdown options */
html[data-user-theme="dark"] select option {
  background-color: var(--dm-bg-secondary) !important;
  color: var(--dm-text-primary) !important;
}

/* Hover / selected option */
html[data-user-theme="dark"] select option:checked,
html[data-user-theme="dark"] select option:hover {
  background-color: var(--dm-bg-hover) !important;
  color: var(--dm-text-secondary) !important;
}

html[data-user-theme="dark"] .nav.dashnav .nav-link {
  color: var(--dm-text-muted);
}

html[data-user-theme="dark"] .nav.dashnav .nav-link.active {
  background-color: rgba(45, 125, 255, 0.18);
  color: var(--dm-primary-light);
}

html[data-user-theme="dark"] .nav.dashnav .nav-link:hover:not(.active) {
  background-color: var(--dm-bg-hover);
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .input-group.bg-light i,
html[data-user-theme="dark"] .input-group.bg-transparent i {
  color: var(--dm-text-muted) !important;
}

html[data-user-theme="dark"] .input-group.bg-light .form-control,
html[data-user-theme="dark"] .input-group.bg-transparent .form-control {
  color: var(--dm-text-primary) !important;
  background-color: transparent !important;
}

html[data-user-theme="dark"] .input-group.bg-light .form-control::placeholder,
html[data-user-theme="dark"] .input-group.bg-transparent .form-control::placeholder {
  color: var(--dm-text-muted) !important;
}

html[data-user-theme="dark"] .form-control:focus,
html[data-user-theme="dark"] .custom-select:focus {
  background-color: var(--dm-bg-secondary);
  border-color: var(--dm-primary) !important;
  color: var(--dm-text-primary);
  border-width:2px;
}

html[data-user-theme="dark"] .form-control:disabled,
html[data-user-theme="dark"] .form-control[readonly] {
  background-color: var(--dm-bg-tertiary);
  color: var(--dm-text-muted);
}

html[data-user-theme="dark"] .input-group-prepend > .input-group-text {
  background-color: var(--dm-bg-secondary);
  border-color: var(--dm-border-color);
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .input-group.disabled .input-group-prepend > .input-group-text {
  background-color: var(--dm-bg-tertiary);
}

/* Wrapper */
html[data-user-theme="dark"] .form-group label {
    color: var(--dm-text-primary);
}

/* List group container */
html[data-user-theme="dark"] .list-group.list-group-flush.border.rounded {
    background-color: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border-color) !important;
    border-radius: 6px;
    overflow: hidden;
}

/* List group items */
html[data-user-theme="dark"] .list-group-item {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-primary);
    padding: 0.75rem 1rem;
    transition: background-color 0.15s ease, color 0.15s ease;
}

/* Hover state */
html[data-user-theme="dark"] .list-group-item:hover {
    background-color: var(--dm-bg-hover) !important;
}

/* Domain text */
html[data-user-theme="dark"] .list-group-item .text-truncate {
    color: var(--dm-text-primary);
}

/* Remove (X) button */
html[data-user-theme="dark"] .list-group-item a.text-danger {
    color: var(--dm-danger) !important;
    opacity: 0.85;
    transition: color 0.15s ease, opacity 0.15s ease;
}

/* Remove button hover */
html[data-user-theme="dark"] .list-group-item a.text-danger:hover {
    color: #ff6b6b !important; /* brighter red for hover */
    opacity: 1;
}

/* Optional: Make the icon look cleaner */
html[data-user-theme="dark"] .list-group-item a.text-danger i {
    font-size: 1rem;
}


/* Borders */
html[data-user-theme="dark"] .border {
  border-color: var(--dm-border-color) !important;
}

html[data-user-theme="dark"] .border-bottom {
  border-bottom-color: var(--dm-border-color) !important;
}

/* Links */
html[data-user-theme="dark"] a {
  color: var(--dm-a-primary);
  background-color: transparent;
}

html[data-user-theme="dark"] .paymethods a {
    background-color: #2f3542 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.45);
    transition: background .2s, border-color .2s, box-shadow .2s;
}

/* Hover – even lighter */
html[data-user-theme="dark"] .paymethods a:hover {
    background-color: #3b4252 !important;
    border-color: rgba(255,255,255,0.22) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.65);
}

/* Improve logo visibility */
html[data-user-theme="dark"] .paymethods img.payimg {
    filter: brightness(135%) contrast(125%);
}

html[data-user-theme="dark"] .payment-box img {
    filter: brightness(135%) contrast(125%);
}

html[data-user-theme="dark"] .premlink {
  color: var(--dm-a-primary) !important;
}

html[data-user-theme="dark"] a:hover {
  color: var(--dm-a-primary);
}

/* Text Colors */
html[data-user-theme="dark"] .text-primary {
  color: var(--dm-primary-hover) !important;
}

html[data-user-theme="dark"] .text-dark {
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .text-muted {
  color: var(--dm-text-secondary) !important;
}

html[data-user-theme="dark"] .card .bg-light {
  background-color: var(--dm-bg-tertiary) !important;
}

html[data-user-theme="dark"] .bg-light.border-bottom {
  background-color: var(--dm-bg-tertiary) !important;
  border-bottom-color: var(--dm-border-color) !important;
}

html[data-user-theme="dark"] .bg-light .text-muted {
  color: var(--dm-text-muted) !important;
}

html[data-user-theme="dark"] .bg-light code {
  background-color: var(--dm-bg-primary);
  color: var(--dm-primary-light);
  border: 1px solid var(--dm-border-color);
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 0.85em;
}

html[data-user-theme="dark"] .bg-light .fa-info-circle {
  color: var(--dm-primary-hover) !important;
}

html[data-user-theme="dark"] .card .border {
  border-color: var(--dm-border-color) !important;
}

html[data-user-theme="dark"] .card .text-muted {
  color: var(--dm-text-muted) !important;
}

html[data-user-theme="dark"] .card .text-muted, .card p {
  color: var(--dm-text-muted) !important;
}

html[data-user-theme="dark"] h1,
html[data-user-theme="dark"] h2,
html[data-user-theme="dark"] h3,
html[data-user-theme="dark"] h4,
html[data-user-theme="dark"] h5,
html[data-user-theme="dark"] h6,
html[data-user-theme="dark"] .h1,
html[data-user-theme="dark"] .h2,
html[data-user-theme="dark"] .h3,
html[data-user-theme="dark"] .h4,
html[data-user-theme="dark"] .h5,
html[data-user-theme="dark"] .h6 {
  color: var(--dm-text-primary);
}

/* Background Colors */
html[data-user-theme="dark"] .bg-white {
  background-color: var(--dm-bg-secondary) !important;
}

html[data-user-theme="dark"] [style*="background-color: #f9fafb"],
html[data-user-theme="dark"] [style*="background-color:#f9fafb"] {
  background-color: var(--dm-bg-features) !important;
}

/* Slide Section (Hero) */
html[data-user-theme="dark"] .slide {
  background-image: linear-gradient(to bottom, var(--dm-bg-secondary) 80%, var(--dm-bg-tertiary) 100%);
}

html[data-user-theme="dark"] .slide-image img {
    filter: brightness(0.75) contrast(1.1) saturate(0.8);
}

html[data-user-theme="dark"] .slide-title {
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .slide-text {
  color: var(--dm-text-secondary);
}

html[data-user-theme="dark"] .slide-options span {
  color: var(--dm-text-primary);
}

/* 3 Steps Section */
html[data-user-theme="dark"] .py-5.bg-white {
  background-color: var(--dm-bg-secondary) !important;
}

html[data-user-theme="dark"] section.py-5.bg-white h2,
html[data-user-theme="dark"] section.py-5.bg-white h5 {
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] section.py-5.bg-white p {
  color: var(--dm-text-secondary) !important;
}

html[data-user-theme="dark"] section.py-5.bg-white .h3 {
  color: var(--dm-primary-hover) !important;
}

/* Yellow Highlight Background */
html[data-user-theme="dark"] [style*="background: linear-gradient(120deg, #ffe7b4"],
html[data-user-theme="dark"] [style*="background:linear-gradient(120deg, #ffe7b4"] {
  background: var(--dm-gradient-yellow) !important;
}

html[data-user-theme="dark"] [style*="background: linear-gradient(120deg, #ffe7b4"] span,
html[data-user-theme="dark"] [style*="background:linear-gradient(120deg, #ffe7b4"] span {
  color: var(--dm-text-primary) !important;
}

/* Premium Access Features Section */
html[data-user-theme="dark"] section[style*="background-color: #f9fafb"] {
  background-color: var(--dm-bg-features) !important;
}

html[data-user-theme="dark"] section[style*="background-color: #f9fafb"] h2,
html[data-user-theme="dark"] section[style*="background-color:#f9fafb"] h2 {
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] section[style*="background-color: #f9fafb"] p,
html[data-user-theme="dark"] section[style*="background-color:#f9fafb"] p {
  color: var(--dm-text-secondary) !important;
}

/* Feature Cards */
html[data-user-theme="dark"] .bg-white.rounded.shadow-sm {
  background-color: var(--dm-bg-card) !important;
  box-shadow: 0 0.125rem 0.25rem var(--dm-shadow) !important;
  border: 1px solid var(--dm-border-color) !important;
}

html[data-user-theme="dark"] .bg-white.rounded.shadow-sm h5 {
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .bg-white.rounded.shadow-sm p {
  color: var(--dm-text-secondary) !important;
}

/* Ready to Start Earning Section */
html[data-user-theme="dark"] section.py-5.bg-white h2 span[style*="background: linear-gradient"],
html[data-user-theme="dark"] section.py-5.bg-white h2 span[style*="background:linear-gradient"] {
  background: var(--dm-gradient-yellow) !important;
}

html[data-user-theme="dark"] section.py-5.bg-white h2 span[style*="background: linear-gradient"] span,
html[data-user-theme="dark"] section.py-5.bg-white h2 span[style*="background:linear-gradient"] span {
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] section.py-5.bg-white [style*="background-color: #2563eb"],
html[data-user-theme="dark"] section.py-5.bg-white [style*="background-color:#2563eb"] {
  background-color: var(--dm-primary) !important;
}

html[data-user-theme="dark"] section.py-5.bg-white [style*="background-color: #2563eb"]:hover,
html[data-user-theme="dark"] section.py-5.bg-white [style*="background-color:#2563eb"]:hover {
  background-color: var(--dm-primary-hover) !important;
}

/* Tables */
html[data-user-theme="dark"] .table {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .table td,
html[data-user-theme="dark"] .table th,
html[data-user-theme="dark"] .table thead th {
  border-top-color: var(--dm-border-color);
}

html[data-user-theme="dark"] .border-top {
	border-color: var(--dm-border-color) !important;
}

html[data-user-theme="dark"] .table thead th {
  border-bottom-color: var(--dm-border-color);
}

html[data-user-theme="dark"] .table-hover tbody tr:hover {
  color: var(--dm-text-primary);
  background-color: var(--dm-bg-hover);
}

html[data-user-theme="dark"] .custom-table {
  border-color: var(--dm-border-color);
  background-color: var(--dm-bg-secondary);
}

html[data-user-theme="dark"] .custom-table thead {
  background-color: var(--dm-bg-tertiary);
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .custom-table thead th {
  color: var(--dm-text-secondary);
}

html[data-user-theme="dark"] .table-files {
  border-color: var(--dm-border-color);
  background-color: var(--dm-bg-secondary);
}

html[data-user-theme="dark"] .table-files thead {
  background-color: var(--dm-bg-tertiary);
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .table-files thead th {
  color: var(--dm-text-secondary);
}

html[data-user-theme="dark"] .table-files thead th a {
  color: var(--dm-text-secondary);
}

html[data-user-theme="dark"] .table-files .control .btn {
  background-color: var(--dm-bg-secondary);
  border-color: var(--dm-border-color);
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .custom-control-input:disabled ~ .custom-control-label {
    color: var(--dm-text-muted) !important;
    opacity: 0.6;
}

/* Cards and Blocks */
html[data-user-theme="dark"] .widgetblock {
  background-color: var(--dm-bg-card);
  border-color: var(--dm-border-color);
}

html[data-user-theme="dark"] .greyblock {
  background-color: var(--dm-bg-tertiary);
  border-color: var(--dm-border-color);
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .shadowblock {
  background-color: var(--dm-bg-card);
  box-shadow: 0 10px 48px var(--dm-shadow);
}

html[data-user-theme="dark"] .premiumBlock {
  background-color: var(--dm-bg-card);
  box-shadow: 0 10px 48px var(--dm-shadow);
}

html[data-user-theme="dark"] .bstats {
  background-color: var(--dm-bg-card);
  border-color: var(--dm-border-color);
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .infoblock {
  background-color: var(--dm-bg-card);
  border-color: var(--dm-border-color);
  color: var(--dm-text-primary);
}

/* Dashboard */
html[data-user-theme="dark"] .dashboard-content {
  background-color: var(--dm-bg-primary);
}

html[data-user-theme="dark"] .dashboard-header {
  background-color: var(--dm-bg-secondary);
}

/* Alerts */
html[data-user-theme="dark"] .alert {
    background-color: rgba(20, 24, 32, 0.8) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-primary) !important;
}

/* PRIMARY (GitHub blue) */
html[data-user-theme="dark"] .alert-primary {
    background-color: rgba(34, 105, 255, 0.15) !important;
    border-color: var(--dm-primary) !important;
    color: var(--dm-primary-light) !important;
}

/* SECONDARY */
html[data-user-theme="dark"] .alert-secondary {
    background-color: rgba(138, 141, 148, 0.15) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-secondary) !important;
}

/* SUCCESS */
html[data-user-theme="dark"] .alert-success {
    background-color: rgba(38, 171, 141, 0.15) !important;
    border-color: var(--dm-success) !important;
    color: var(--dm-success) !important;
}

/* DANGER */
html[data-user-theme="dark"] .alert-danger {
    background-color: rgba(233, 77, 77, 0.15) !important;
    border-color: var(--dm-danger) !important;
    color: var(--dm-danger) !important;
}

/* WARNING */
html[data-user-theme="dark"] .alert-warning {
    background-color: rgba(255, 193, 7, 0.18) !important;
    border-color: var(--dm-warning) !important;
    color: var(--dm-warning) !important;
}

/* INFO */
html[data-user-theme="dark"] .alert-info {
    background-color: rgba(111, 177, 252, 0.18) !important;
    border-color: var(--dm-primary) !important;
    color: var(--dm-primary-light) !important;
}

/* LIGHT */
html[data-user-theme="dark"] .alert-light {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-secondary) !important;
}

/* DARK */
html[data-user-theme="dark"] .alert-dark {
    background-color: rgba(20, 24, 32, 0.8) !important;
    border-color: var(--dm-border-color) !important;
    color: var(--dm-text-primary) !important;
}

/* Dropdown */
html[data-user-theme="dark"] .dropdown-menu {
  background-color: var(--dm-bg-card);
  border-color: var(--dm-border-color);
  box-shadow: 0px 18px 54px 0px var(--dm-shadow);
}

html[data-user-theme="dark"] .dropdown-menu .dropdown-item {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .dropdown-menu .dropdown-item:hover {
  background-color: var(--dm-bg-hover);
  color: var(--dm-text-secondary);
}

html[data-user-theme="dark"] .dropdown svg path {
	fill : #fff !important;
}
html[data-user-theme="dark"] .icon-btn.open-nav svg path {
    fill: #fff !important;
}
/* Tabs */
html[data-user-theme="dark"] .tab-panel {
  background-color: var(--dm-bg-card);
  border-color: var(--dm-border-color);
}

html[data-user-theme="dark"] .tab-panel .nav-link {
  color: var(--dm-text-secondary);
}

html[data-user-theme="dark"] .tab-panel .nav-link.active {
  background-color: var(--dm-primary);
  color: #fff;
}

html[data-user-theme="dark"] .nav.nav-pills .nav-link.active {
  background: var(--dm-primary);
  border-color: var(--dm-primary);
  color: #fff;
}

html[data-user-theme="dark"] .dashnav a {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .dashnav a:hover {
  color: var(--dm-text-secondary);
  background-color: var(--dm-bg-hover) !important;
}

html[data-user-theme="dark"] .dashnav a.active {
  color: var(--dm-text-secondary);
  background-color: rgba(74, 138, 255, 0.15) !important;
}

/* Advantages Items */
html[data-user-theme="dark"] .advantages-item {
  background-color: var(--dm-bg-card);
  border-color: var(--dm-border-color);
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .advantages-item:hover {
  background: var(--dm-primary);
  border-color: var(--dm-primary);
  color: #fff;
}

html[data-user-theme="dark"] .advantages-icon {
  background: var(--dm-bg-card);
  border-color: var(--dm-primary);
}

html[data-user-theme="dark"] .advantages-item:hover .advantages-icon {
  background: #fff;
  border-color: #fff;
}

/* Premium Section */
html[data-user-theme="dark"] .premium-expire {
  background-color: transparent !important;
  border: 1px solid var(--dm-success);
  color: var(--dm-success) !important;
}

html[data-user-theme="dark"] .premiumTable {
  background: var(--dm-bg-card);
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .premiumTable .border-bottom {
  border-color: var(--dm-border-color) !important;
}

html[data-user-theme="dark"] .premiumTable .col.premium {
  border-left-color: var(--dm-warning);
  border-right-color: var(--dm-warning);
  background-color: #2a2415 !important;
}

.premiumTable .col:first-child {
  border-color: var(--dm-border-color) !important;
}

html[data-user-theme="dark"] .premiumTable .col:first-child {
  background-color: var(--dm-bg-card);
}

/* Start Earn Section */
html[data-user-theme="dark"] .startEarn {
  background: var(--dm-bg-secondary);
  color: #fff;
}

html[data-user-theme="dark"] .startEarn-pps {
  background-color: var(--dm-bg-card);
  color: var(--dm-text-primary);
  box-shadow: 0 10px 48px var(--dm-shadow);
}

html[data-user-theme="dark"] .startEarn-pps span {
  border-bottom-color: var(--dm-border-color);
  color: var(--dm-primary-hover);
}

html[data-user-theme="dark"] .earn-table th,
html[data-user-theme="dark"] .earn-table td {
  border-right-color: var(--dm-border-color) !important;
  color: var(--dm-text-primary);
}

/* Tiers */
html[data-user-theme="dark"] .tier {
  border-color: var(--dm-border-color);
  background-color: var(--dm-bg-card);
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .tier.tier-1 {
  border-color: var(--dm-primary);
  background-color: #0d1a2e;
}

html[data-user-theme="dark"] .tier.tier-2 {
  border-color: #3DB298;
  background-color: #0d1f1a;
}

html[data-user-theme="dark"] .tier.tier-3 {
  border-color: var(--dm-warning);
  background-color: #2a2415;
}

html[data-user-theme="dark"] .tier.tier-4 {
  border-color: var(--dm-danger);
  background-color: #2a0d0d;
}

/* Earn Rules */
html[data-user-theme="dark"] .earnRules {
  background-color: #2a0d0d;
  border-color: #E03E1A;
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .earnRules .btn {
  color: #ff6b6b;
}

/* Paging */
html[data-user-theme="dark"] .paging a,
html[data-user-theme="dark"] .paging span {
  background-color: var(--dm-bg-card);
  border-color: var(--dm-border-color);
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .paging span,
html[data-user-theme="dark"] .paging a:hover {
  color: #fff;
  background-color: var(--dm-primary);
}

/* Modal */
html[data-user-theme="dark"] .modal-content {
  background-color: var(--dm-bg-card);
  color: var(--dm-text-primary);
  box-shadow: 0 10px 24px var(--dm-shadow);
}

html[data-user-theme="dark"] .modal-header {
  border-bottom-color: var(--dm-border-color);
}

html[data-user-theme="dark"] .modal-footer {
  border-top-color: var(--dm-border-color);
}

/* Custom Controls */
html[data-user-theme="dark"] .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--dm-success);
  border-color: var(--dm-success);
}

html[data-user-theme="dark"] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
html[data-user-theme="dark"] .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background: var(--dm-primary);
  border-color: var(--dm-primary);
}

html[data-user-theme="dark"] .custom-control-label {
  color: var(--dm-text-primary);
}

/* Country */
html[data-user-theme="dark"] .country-name {
  color: var(--dm-text-primary);
}

/* Section Get Start */
html[data-user-theme="dark"] .section-getstart {
  background: linear-gradient(to bottom, #1E68FF 0%, #1852CD 100%);
  color: #fff;
}

html[data-user-theme="dark"] .section-getstart .btn {
  background-color: #fff;
  color: var(--dm-primary);
}

/* Start Premium */
html[data-user-theme="dark"] .startPremium {
  background: linear-gradient(to bottom, #1E68FF 0%, #1852CD 100%);
  color: #fff;
}

/* Text Content */
html[data-user-theme="dark"] .text-content {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .text-content ul li {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .startEarn-text {
  color: var(--dm-text-secondary);
}

html[data-user-theme="dark"] .startPremium-text {
  color: var(--dm-text-primary);
}

/* Upload Block */
html[data-user-theme="dark"] .uploadblock {
  background-color: var(--dm-bg-card);
}

/* Files Header */
html[data-user-theme="dark"] .files-header {
  color: var(--dm-text-secondary);
}

/* Badge adjustments for dark mode */
html[data-user-theme="dark"] .badge {
  color: #fff;
}

/* Lead text */
html[data-user-theme="dark"] .lead {
  color: var(--dm-text-secondary) !important;
}

/* Font weight classes */
html[data-user-theme="dark"] .fw-bold,
html[data-user-theme="dark"] .fw-semibold {
  color: var(--dm-text-primary);
}

/* Scrollbar styling for dark mode */
html[data-user-theme="dark"] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html[data-user-theme="dark"] ::-webkit-scrollbar-track {
  background: var(--dm-bg-tertiary);
}

html[data-user-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--dm-border-color);
  border-radius: 5px;
}

html[data-user-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: var(--dm-border-hover);
}

html[data-user-theme="dark"] ::-webkit-scrollbar-corner {
  background: var(--dm-bg-tertiary);
}

/* Firefox scrollbar */
html[data-user-theme="dark"] * {
  scrollbar-width: thin;
  scrollbar-color: var(--dm-border-color) var(--dm-bg-tertiary);
}

/* Premium Pricing Section */
html[data-user-theme="dark"] #buypremiumdiv,
html[data-user-theme="dark"] .buypremdiv {
  background-color: var(--dm-bg-primary);
}

/* Premium Plan Cards */
html[data-user-theme="dark"] .card.border-0.shadow-sm.rounded-4 {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  box-shadow: 0 0.125rem 0.25rem var(--dm-shadow) !important;
}

html[data-user-theme="dark"] .card-body {
  background-color: transparent;
  color: var(--dm-text-primary);
}

/* Card Headings */
html[data-user-theme="dark"] .card h5.fw-bold.text-uppercase.text-secondary {
  color: var(--dm-text-secondary) !important;
}

html[data-user-theme="dark"] .card h2.text-dark.fw-bold {
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .card h2.text-dark.fw-bold small.text-muted {
  color: var(--dm-text-muted) !important;
}

/* Card Lists */
html[data-user-theme="dark"] .card .list-unstyled {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .card .list-unstyled li {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .card .list-unstyled li i {
  color: var(--dm-success);
}

html[data-user-theme="dark"] .card .list-unstyled li b {
  color: var(--dm-text-primary);
  font-weight: 600;
}

html[data-user-theme="dark"] .card .list-unstyled li i.fa-clock.text-primary {
  color: var(--dm-primary-hover) !important;
}

/* Form Groups in Cards */
html[data-user-theme="dark"] .card .form-group {
  background-color: transparent;
}

html[data-user-theme="dark"] .card .form-group label.h1.text-dark {
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .card .form-group .form-control {
  background-color: var(--dm-bg-tertiary) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .card .form-group .form-control:focus {
  background-color: var(--dm-bg-tertiary) !important;
  border-color: var(--dm-primary) !important;
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .card .form-group select.form-control option {
  background-color: var(--dm-bg-tertiary) !important;
  color: var(--dm-text-primary) !important;
}

/* Popular Badge */
html[data-user-theme="dark"] .popular-badge {
  background-color: transparent;
}

html[data-user-theme="dark"] .popular-badge .badge {
  background-color: var(--dm-warning) !important;
  color: #212529 !important;
}

html[data-user-theme="dark"] .popular-badge .badge.bg-warning {
  background-color: var(--dm-warning) !important;
  color: #212529 !important;
}

html[data-user-theme="dark"] .popular-badge .badge.badge-success {
  background-color: var(--dm-success) !important;
  color: #fff !important;
}

/* Payment Modal */
html[data-user-theme="dark"] .modal-content {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .modal-header {
  background-color: var(--dm-bg-card) !important;
  border-bottom-color: var(--dm-border-color) !important;
}

html[data-user-theme="dark"] .modal-header .modal-title {
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .modal-header .close {
  color: var(--dm-text-primary) !important;
  opacity: 0.75;
}

html[data-user-theme="dark"] .modal-header .close:hover {
  opacity: 1;
}

html[data-user-theme="dark"] .modal-body {
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .modal-body small.text-muted {
  color: var(--dm-text-secondary) !important;
}

html[data-user-theme="dark"] .modal-body p {
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .modal-body p .font-weight-bold {
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .modal-body span.font-weight-bold {
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .modal-body .border-top.border-light {
  border-color: var(--dm-border-color) !important;
}

html[data-user-theme="dark"] .modal-footer {
  background-color: var(--dm-bg-card) !important;
  border-top-color: var(--dm-border-color) !important;
}

/* Payment Method Links */
html[data-user-theme="dark"] .paymethods a.bg-light {
  background-color: var(--dm-bg-tertiary) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-user-theme="dark"] .paymethods a.bg-light:hover {
  background-color: var(--dm-bg-hover) !important;
  border-color: var(--dm-border-hover) !important;
}

html[data-user-theme="dark"] .paymethods a.ask_email {
  background-color: var(--dm-bg-tertiary) !important;
  border-color: var(--dm-border-color) !important;
}

html[data-user-theme="dark"] .paymethods a.ask_email:hover {
  background-color: var(--dm-bg-hover) !important;
  border-color: var(--dm-border-hover) !important;
}

/* Badge Labels */
html[data-user-theme="dark"] .badge-label {
  background-color: var(--dm-danger) !important;
  color: #fff !important;
}

html[data-user-theme="dark"] .badge-label[style*="background-color: red"] {
  background-color: var(--dm-danger) !important;
}

/* Payment Method Number Badges */
html[data-user-theme="dark"] .paymethods a span[style*="background: rgb(217, 34, 42)"] {
  background-color: var(--dm-danger) !important;
  color: #fff !important;
}

html[data-user-theme="dark"] .paymethods a span[style*="background: rgb(0, 112, 186)"] {
  background-color: #0070ba !important;
  color: #fff !important;
}

html[data-user-theme="dark"] .paymethods a span[style*="background: #0070ba"] {
  background-color: #0070ba !important;
  color: #fff !important;
}

html[data-user-theme="dark"] .paymethods a span[style*="background: #d9222a"] {
  background-color: var(--dm-danger) !important;
  color: #fff !important;
}

/* "Already have a premium key?" Section */
html[data-user-theme="dark"] .modal-body .text-center span {
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .modal-body .text-center .btn-primary.btn-sm {
  background-color: var(--dm-primary) !important;
  border-color: var(--dm-primary) !important;
  color: #fff !important;
}

html[data-user-theme="dark"] .modal-body .text-center .btn-primary.btn-sm:hover {
  background-color: var(--dm-primary-hover) !important;
  border-color: var(--dm-primary-hover) !important;
}

/* Info Icons */
html[data-user-theme="dark"] .fa-info-circle.text-primary {
  color: var(--dm-primary-hover) !important;
}

/* All Resellers Link */
html[data-user-theme="dark"] .paymethods a:not([href*="javascript"]):not([href*="http"]) {
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .paymethods a:not([href*="javascript"]):not([href*="http"]):hover {
  color: var(--dm-primary-hover) !important;
  background-color: var(--dm-bg-hover) !important;
}


/* Login Form Section */
html[data-user-theme="dark"] .card {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .card-body {
  background-color: transparent !important;
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .auth-form {
  background-color: transparent;
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .card-title {
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .card-title.mb-4.mt-1 {
  color: var(--dm-text-primary) !important;
}

/* Sign Up Button */
html[data-user-theme="dark"] .btn.bg-white.text-primary {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-primary) !important;
  color: var(--dm-primary-hover) !important;
}

html[data-user-theme="dark"] .btn.bg-white.text-primary:hover {
  background-color: var(--dm-bg-hover) !important;
  border-color: var(--dm-primary-hover) !important;
  color: var(--dm-primary-light) !important;
}

html[data-user-theme="dark"] .btn.bg-white.text-primary.border.border-primary {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-primary) !important;
  color: var(--dm-primary-hover) !important;
}

html[data-user-theme="dark"] .btn.bg-white.text-primary.border.border-primary:hover {
  background-color: var(--dm-bg-hover) !important;
  border-color: var(--dm-primary-hover) !important;
  color: var(--dm-primary-light) !important;
}

/* Google Login Button */
html[data-user-theme="dark"] .btn.btn-outline-danger.border-danger {
  background-color: transparent !important;
  border-color: var(--dm-danger) !important;
  color: var(--dm-danger) !important;
}

html[data-user-theme="dark"] .btn.btn-outline-danger.border-danger:hover {
  background-color: var(--dm-danger) !important;
  border-color: var(--dm-danger) !important;
  color: #fff !important;
}

html[data-user-theme="dark"] .btn.btn-outline-danger.border-danger i {
  color: inherit;
}

/* Form Inputs in Login Form */
html[data-user-theme="dark"] .auth-form .form-control {
  background-color: var(--dm-bg-tertiary) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .auth-form .form-control::placeholder {
  color: var(--dm-text-muted) !important;
  opacity: 0.7;
}

html[data-user-theme="dark"] .auth-form .form-control:focus {
  background-color: var(--dm-bg-tertiary) !important;
  border-color: var(--dm-primary) !important;
  color: var(--dm-text-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(34, 105, 255, 0.25) !important;
}

html[data-user-theme="dark"] .auth-form .form-control[type="password"] {
  background-color: var(--dm-bg-tertiary) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text-primary) !important;
}

/* Form Groups */
html[data-user-theme="dark"] .auth-form .form-group {
  margin-bottom: 1rem;
}

html[data-user-theme="dark"] .auth-form .form-group label {
  color: var(--dm-text-primary) !important;
}

/* Horizontal Rule */
html[data-user-theme="dark"] .auth-form hr {
  border-top-color: var(--dm-border-color) !important;
  opacity: 0.5;
}

/* Login Button */
html[data-user-theme="dark"] .auth-form .btn.btn-primary.btn-block {
  background-color: var(--dm-primary) !important;
  border-color: var(--dm-primary) !important;
  color: #fff !important;
}

html[data-user-theme="dark"] .auth-form .btn.btn-primary.btn-block:hover {
  background-color: var(--dm-primary-hover) !important;
  border-color: var(--dm-primary-hover) !important;
  color: #fff !important;
}

/* Forgot Password Link */
html[data-user-theme="dark"] .auth-form .small {
  color: var(--dm-primary-hover) !important;
}

html[data-user-theme="dark"] .auth-form .small:hover {
  color: var(--dm-primary-light) !important;
  text-decoration: underline;
}

html[data-user-theme="dark"] .auth-form a.small {
  color: var(--dm-primary-hover) !important;
}

html[data-user-theme="dark"] .auth-form a.small:hover {
  color: var(--dm-primary-light) !important;
  text-decoration: underline;
}

/* Form Paragraphs */
html[data-user-theme="dark"] .auth-form p {
  color: var(--dm-text-primary);
  margin-bottom: 1rem;
}

/* Row and Column in Form */
html[data-user-theme="dark"] .auth-form .row {
  background-color: transparent;
}

html[data-user-theme="dark"] .auth-form .col-md-6 {
  background-color: transparent;
}

/* Border Top Card Body (Have an account? Log In section) */
html[data-user-theme="dark"] .border-top.card-body.text-center {
  border-top-color: var(--dm-border-color) !important;
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text-primary) !important;
}

html[data-user-theme="dark"] .border-top.card-body.text-center a {
  color: var(--dm-primary-hover) !important;
}

html[data-user-theme="dark"] .border-top.card-body.text-center a:hover {
  color: var(--dm-primary-light) !important;
  text-decoration: underline;
}

/* FILE LIST WRAPPER */
html[data-user-theme="dark"] ul.list.list-inline li {
    background-color: var(--dm-bg-card);
    border: 1px solid var(--dm-border-color);
    padding: 12px 14px;
    border-radius: 8px;
    margin-bottom: 10px;
}

/* THUMBNAIL IMAGE */
html[data-user-theme="dark"] ul.list.list-inline img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    background-color: var(--dm-bg-tertiary);
    border-radius: 6px;
    border: 1px solid var(--dm-border-color);
}

/* FILENAME */
html[data-user-theme="dark"] ul.list.list-inline h6 a {
    color: var(--dm-primary-hover) !important;
}

html[data-user-theme="dark"] ul.list.list-inline h6 a:hover {
    color: var(--dm-primary-light) !important;
    text-decoration: underline;
}

/* METADATA (Uploaded, Size, Downloads) */
html[data-user-theme="dark"] ul.list.list-inline .date-time {
    color: var(--dm-text-muted) !important;
}

html[data-user-theme="dark"] ul.list.list-inline .date-time i {
    color: var(--dm-text-muted) !important;
    opacity: 0.8;
}

html[data-user-theme="dark"] ul.list.list-inline .date-time span {
    color: var(--dm-text-secondary) !important;
}

/* RIGHT-SIDE ACTION ICON (+ in circle) */
html[data-user-theme="dark"] ul.list.list-inline svg {
    color: var(--dm-primary);
    stroke: var(--dm-primary);
}

html[data-user-theme="dark"] ul.list.list-inline svg:hover {
    stroke: var(--dm-primary-light);
    cursor: pointer;
}

/* Make sure list item text inherits */
html[data-user-theme="dark"] ul.list.list-inline li * {
    color: var(--dm-text-primary);
}

/* Override inline widget background */
html[data-user-theme="dark"] .widgetblock[style] {
    background-color: var(--dm-bg-card) !important;
    border-color: var(--dm-border-color) !important;
}

/* Accordion Group (API Documentation) */
html[data-user-theme="dark"] .accordion-group {
  background-color: var(--dm-bg-card);
  border: 1px solid var(--dm-border-color);
  border-radius: 8px;
  margin-bottom: 1rem;
  overflow: hidden;
}

html[data-user-theme="dark"] .btn-accordion {
  background-color: var(--dm-bg-secondary);
  color: var(--dm-text-primary);
  padding: 1rem;
  cursor: pointer;
  border: none;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  transition: background-color 0.2s ease;
}

html[data-user-theme="dark"] .btn-accordion:hover {
  background-color: var(--dm-bg-hover);
}

html[data-user-theme="dark"] .btn-accordion i {
  color: var(--dm-primary-hover);
  transition: transform 0.2s ease;
}

html[data-user-theme="dark"] .accordion-content {
  background-color: var(--dm-bg-tertiary);
  padding: 1.5rem;
  border-top: 1px solid var(--dm-border-color);
}

/* API Description */
html[data-user-theme="dark"] .api-desc {
  margin-bottom: 1.5rem;
}

html[data-user-theme="dark"] .api-desc:last-child {
  margin-bottom: 0;
}

html[data-user-theme="dark"] .api-desc-title {
  color: var(--dm-text-primary);
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Code Blocks */
html[data-user-theme="dark"] pre {
  background-color: var(--dm-bg-primary);
  border: 1px solid var(--dm-border-color);
  border-radius: 6px;
  padding: 1rem;
  overflow-x: auto;
  color: var(--dm-text-primary);
  margin: 0;
}

html[data-user-theme="dark"] code {
  background-color: transparent;
  color: var(--dm-text-primary);
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.875rem;
  line-height: 1.6;
}

html[data-user-theme="dark"] pre code {
  color: var(--dm-text-primary);
  background-color: transparent;
  padding: 0;
  border: none;
}

/* Badge in Code */
html[data-user-theme="dark"] code .badge.badge-primary {
  background-color: var(--dm-primary) !important;
  color: #fff !important;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 600;
}

html[data-user-theme="dark"] .badge.badge-primary {
  background-color: var(--dm-primary) !important;
  color: #fff !important;
}

/* API Parameters */
html[data-user-theme="dark"] .api-parameters {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem 1rem;
  align-items: start;
  margin-bottom: 0.5rem;
}

html[data-user-theme="dark"] .api-parameter {
  display: flex;
  align-items: center;
}

html[data-user-theme="dark"] .api-parameter .badge {
  background-color: var(--dm-primary) !important;
  color: #fff !important;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 600;
}

html[data-user-theme="dark"] .api-type {
  color: var(--dm-text-secondary);
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.875rem;
}

html[data-user-theme="dark"] .api-example {
  grid-column: 1 / -1;
  color: var(--dm-text-secondary);
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

html[data-user-theme="dark"] .api-example .mono {
  font-family: 'Courier New', Courier, monospace;
  color: var(--dm-text-primary);
  background-color: var(--dm-bg-primary);
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  border: 1px solid var(--dm-border-color);
}

/* API Response */
html[data-user-theme="dark"] .api-response {
  margin-top: 0.5rem;
}

html[data-user-theme="dark"] .api-response pre {
  background-color: var(--dm-bg-primary);
  border: 1px solid var(--dm-border-color);
  border-radius: 6px;
  padding: 1rem;
}

html[data-user-theme="dark"] .api-response code {
  color: var(--dm-text-primary);
  background-color: transparent;
}

html[data-user-theme="dark"] .page-content ul li b{
	 color: var(--dm-text-primary);
}

/* Dashboard Block (Account Balance) */
html[data-user-theme="dark"] .dashblock {
  background-color: var(--dm-bg-card);
  border: 1px solid var(--dm-border-color);
  border-radius: 12px;
  padding: 1.25rem 1.5rem;
  color: var(--dm-text-primary);
}

/* Icon Circle (Wallet Icon) */
html[data-user-theme="dark"] .icon-circle {
  background-color: var(--dm-bg-tertiary);
      border-radius: 50%;
    padding: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--dm-border-color);
}

/* Navigation Panel */
html[data-user-theme="dark"] .navigation-panel.bg-light.border a img {
filter: invert(27%) sepia(92%) saturate(0%) hue-rotate(180deg) brightness(320%) contrast(90%);
}

html[data-user-theme="dark"] .header a img {
filter: invert(27%) sepia(92%) saturate(0%) hue-rotate(180deg) brightness(320%) contrast(90%);
}

html[data-user-theme="dark"] .navigation-panel {
  background-color: var(--dm-bg-card) !important;
}

/* Navigation Panel Logo Section */
html[data-user-theme="dark"] .navigation-panel .p-4 {
  background-color: transparent;
  border-bottom: 1px solid var(--dm-border-color);
}

html[data-user-theme="dark"] .navigation-panel-nav a.nav-link:hover {
  color: var(--dm-text-primary);
  background-color: var(--dm-bg-hover) !important;
}

html[data-user-theme="dark"] .navigation-panel-nav a.nav-link.active {
  color: var(--dm-text-secondary);
  background-color: rgba(74, 138, 255, 0.15) !important;
  font-weight: var(--base-text-weight-semibold);
}

html[data-user-theme="dark"] .navigation-panel-nav a.nav-link svg {
  color: inherit;
}

html[data-user-theme="dark"] .navigation-panel-nav a {
  color: var(--dm-text-primary);
}

/** Progress Bar **/
/* Progress Bar */
html[data-user-theme="dark"] .progress {
  background-color: var(--dm-bg-tertiary);
  border: 1px solid var(--dm-border-color);
  border-radius: 4px;
  height: 8px;
  overflow: hidden;
}

html[data-user-theme="dark"] .progress.mb-1 {
  margin-bottom: 0.25rem;
}

html[data-user-theme="dark"] .progress-bar {
  background-color: var(--dm-primary);
  background: linear-gradient(90deg, var(--dm-primary), var(--dm-primary-hover));
  border-radius: 8px;
  transition: width 0.6s ease;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
}

html[data-user-theme="dark"] .progress-bar[style*="background: linear-gradient(90deg, rgb(75, 146, 252), rgb(111, 177, 252))"] {
  background: linear-gradient(90deg, var(--dm-primary), var(--dm-primary-hover)) !important;
}

html[data-user-theme="dark"] .progress-bar[style*="background:linear-gradient(90deg, rgb(75, 146, 252), rgb(111, 177, 252))"] {
  background: linear-gradient(90deg, var(--dm-primary), var(--dm-primary-hover)) !important;
}

/* Add More Button Label */
html[data-user-theme="dark"] label.btn.border.w-100.bg-light {
  background-color: var(--dm-bg-tertiary) !important;
  border-color: var(--dm-border-color) !important;
  color: var(--dm-text-primary) !important;
  cursor: pointer;
  transition: all 0.2s ease;
}

html[data-user-theme="dark"] label.btn.border.w-100.bg-light:hover {
  background-color: var(--dm-bg-hover) !important;
  border-color: var(--dm-border-hover) !important;
  color: var(--dm-text-primary) !important;
}

html[data-user-theme=dark] .is-dashboard .dashboard-header {
  background-color: transparent;
}

.is-dashboard #theme-toggle {
border-radius: 0px;
}

.is-dashboard #theme-toggle svg {
  float: left;
  margin: 0px 18px;
}

.is-dashboard #theme-toggle {
  padding: 8px;
}

/* Nav Tabs */
html[data-user-theme="dark"] .nav-tabs {
  border-bottom-color: var(--dm-border-color);
}

html[data-user-theme="dark"] .nav-tabs .nav-link {
  color: var(--dm-text-secondary);
  background-color: transparent;
  border-color: transparent;
  border-bottom-color: var(--dm-border-color);
}

html[data-user-theme="dark"] .nav-tabs .nav-link:hover {
  color: var(--dm-text-primary);
  background-color: var(--dm-bg-hover);
  border-color: var(--dm-border-color);
  border-bottom-color: var(--dm-border-color);
}

html[data-user-theme="dark"] .nav-tabs .nav-item.show .nav-link,
html[data-user-theme="dark"] .nav-tabs .nav-link.active {
  color: var(--dm-text-primary) !important;
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) var(--dm-border-color) var(--dm-bg-card) !important;
}

html[data-user-theme="dark"] .nav-tabs .nav-item.show .nav-link:hover,
html[data-user-theme="dark"] .nav-tabs .nav-link.active:hover {
  color: var(--dm-text-primary) !important;
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border-color) var(--dm-border-color) var(--dm-bg-card) !important;
}

/* Profile Tab Pane */
html[data-user-theme="dark"] input.form-control-plaintext[readonly] {
  color: var(--dm-text-secondary);
}

/* Button Text Content */
html[data-user-theme="dark"] .btn.btn-warning.highspeedbtn .text-uppercase {
  color: var(--dm-bg-primary);
}

html[data-user-theme="dark"] .btn.btn-warning.highspeedbtn .small {
  color: var(--dm-bg-primary);
  opacity: 0.8;
}

html[data-user-theme="dark"] .btn.btn-warning.highspeedbtn .small span {
 color: var(--dm-bg-primary);
}

html[data-user-theme="dark"] .premiumTable .col .badge {
  color: var(--dm-bg-primary) !important;
}

html[data-user-theme="dark"] .download2Bar-premium {
  color: var(--dm-bg-primary);
}

html[data-user-theme="dark"] #comparison-section {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .comp-container {
  background: transparent;
  border: 1px solid var(--dm-border-color);
  box-shadow: 0 12px 32px var(--dm-shadow);
}

html[data-user-theme="dark"] .comp-row {
  border-bottom: 1px solid var(--dm-border-color);
}

html[data-user-theme="dark"] .comp-row:hover {
  background: var(--dm-bg-hover);
}

html[data-user-theme="dark"] .comp-header {
  background: var(--dm-bg-tertiary);
  border-bottom: 1px solid var(--dm-border-color);
  color: var(--dm-text-muted);
}

html[data-user-theme="dark"] .c-label {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .c-value {
  color: var(--dm-text-secondary);
}

html[data-user-theme="dark"] .c-premium {
  background: rgba(45, 125, 255, 0.12);
}

html[data-user-theme="dark"] .text-blue-pro,
html[data-user-theme="dark"] .comp-traffic-highlight {
  color: var(--dm-primary-light) !important;
}

html[data-user-theme="dark"] .comp-icon-yes {
  color: var(--dm-success);
}

html[data-user-theme="dark"] .comp-icon-no {
  color: var(--dm-text-muted);
}

/* Mobile labels */
@media (max-width: 991px) {
  html[data-user-theme="dark"] .c-label {
    background: var(--dm-bg-secondary);
    border-bottom: 1px solid var(--dm-border-color);
    color: var(--dm-text-secondary);
  }

  html[data-user-theme="dark"] .c-value::before {
    color: var(--dm-text-muted);
  }

  html[data-user-theme="dark"] .c-premium::before {
    color: var(--dm-primary-light);
  }
}

/* PRICING CARDS */
html[data-user-theme="dark"] .pricing-card {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 14px 40px rgba(0,0,0,0.6);
}

html[data-user-theme="dark"] .pricing-card:hover {
  border-color: #3b82f6;
  box-shadow: 0 18px 50px rgba(0,0,0,0.75);
}

/* FEATURE ITEMS */
html[data-user-theme="dark"] .feature-item {
  color: #d1d5db;
}

html[data-user-theme="dark"] .feature-highlight {
  background: rgba(59,130,246,0.12);
  border-left-color: #3b82f6;
  color: #bfdbfe;
}

/* PLAN PRICE */
html[data-user-theme="dark"] .plan-price {
  color: #f9fafb;
}

/* CTA BUTTON */
html[data-user-theme="dark"] .pricing-cta {
  background: linear-gradient(135deg,#2563eb,#1d4ed8);
  border: none;
  box-shadow: 0 10px 30px rgba(37,99,235,.5);
}


/* PAYMENT METHOD BOX */
html[data-user-theme="dark"] .payment-box {
background-color: var(--dm-bg-tertiary) !important;
border-color: var(--dm-border-color) !important;
}

html[data-user-theme="dark"] .payment-box:hover {
background-color: var(--dm-bg-hover) !important;
border-color: var(--dm-border-hover) !important;
}

/* PAYMENT METHOD TEXT */
html[data-user-theme="dark"] .payment-box span {
  color: #9ca3af;
}

/* DIVIDERS (OR LINE) */
html[data-user-theme="dark"] .position-relative .border-top {
  border-color: rgba(255,255,255,0.08);
}

/* TRUST FOOTER */
html[data-user-theme="dark"] .fa-lock,
html[data-user-theme="dark"] .fa-shield-alt {
  color: #22c55e;
}


/* POPULAR CARD GRADIENT */
html[data-user-theme="dark"] .popular-card {
  background: linear-gradient(180deg,#1e3a8a,#020617);
}

/* JQUERY UI (SELECTS, ETC) */
html[data-user-theme="dark"] .ui-widget-content {
  background: #020617;
  border-color: rgba(255,255,255,0.1);
  color: #e5e7eb;
}
html[data-user-theme="dark"] [style*="background: #f8fafc"] {
  background: rgba(59,130,246,0.08) !important;
  border-color: rgba(59,130,246,0.3) !important;
}

/* ==============================
   DOWNLOAD CARD
============================== */

html[data-user-theme="dark"] .download-card {
  background: var(--dm-bg-card);
  border-color: var(--dm-border-color);
  box-shadow: 0 10px 48px var(--dm-shadow);
}

html[data-user-theme="dark"] .download-card.premium {
  border-color: var(--dm-primary);
}

html[data-user-theme="dark"] .card-header-clean h4 {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .card-header-clean p {
  color: var(--dm-text-muted);
}

/* ==============================
   ICONS
============================== */

html[data-user-theme="dark"] .premium-icon {
  background: linear-gradient(
    135deg,
    var(--dm-primary),
    var(--dm-primary-hover)
  );
  color: #fff;
  box-shadow: 0 6px 20px rgba(45,125,255,.4);
}

html[data-user-theme="dark"] .free-icon {
  background: var(--dm-bg-tertiary);
  color: var(--dm-text-muted);
}

/* ==============================
   RECOMMENDED BADGE
============================== */

html[data-user-theme="dark"] .recommended-badge {
  background: var(--dm-warning);
  color: var(--dm-bg-primary);
  box-shadow: 0 2px 8px rgba(255,193,7,.35);
}

/* ==============================
   TIME BOXES
============================== */

html[data-user-theme="dark"] .time-box {
  background: var(--dm-bg-tertiary);
  border-color: var(--dm-border-color);
}

html[data-user-theme="dark"] .time-box .label,
html[data-user-theme="dark"] .time-box .sub {
  color: var(--dm-text-muted);
}

html[data-user-theme="dark"] .time-box.success {
  background: rgba(35,134,54,.15);
  border-color: var(--dm-success);
  color: var(--dm-success);
}

html[data-user-theme="dark"] .time-box.success .sub {
  color: var(--dm-danger);
}

html[data-user-theme="dark"] .time-box.danger {
  background: rgba(233,77,77,.15);
  border-color: var(--dm-danger);
  color: var(--dm-danger);
}

html[data-user-theme="dark"] .time-box.danger .sub {
  color: var(--dm-text-muted);
}

/* ==============================
   FEATURE LIST
============================== */

html[data-user-theme="dark"] .feature-list li {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .feature-list i {
  color: var(--dm-success);
}

html[data-user-theme="dark"] .feature-list.negative i {
  color: var(--dm-danger);
}

/* ==============================
   BUTTONS
============================== */

html[data-user-theme="dark"] .btn-primary {
  background: var(--dm-primary);
  box-shadow: 0 6px 20px rgba(45,125,255,.35);
}

html[data-user-theme="dark"] .btn-primary:hover {
  background: var(--dm-primary-hover);
}

html[data-user-theme="dark"] .btn-outline-secondary {
  background: transparent;
  border-color: var(--dm-border-color);
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .btn-outline-secondary:hover {
  background: var(--dm-bg-hover);
  border-color: var(--dm-border-hover);
}

/* ==============================
   VIDEO PREVIEW
============================== */

html[data-user-theme="dark"] .video-preview-scroll::-webkit-scrollbar-thumb {
  background: var(--dm-border-color);
}

html[data-user-theme="dark"] .video-preview-scroll img {
  background: var(--dm-bg-tertiary);
  border-color: var(--dm-border-color);
}

/* ==============================
   FILE INFO CARD
============================== */

html[data-user-theme="dark"] .file-info-card {
  background: var(--dm-bg-card);
  border-color: var(--dm-border-color);
  box-shadow: 0 10px 48px var(--dm-shadow);
}

html[data-user-theme="dark"] .file-icon {
  color: var(--dm-primary-hover);
}

html[data-user-theme="dark"] .file-name {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .file-size {
  color: var(--dm-text-muted);
}

html[data-user-theme="dark"] .watch-online-btn {
  background: var(--dm-primary);
  color: #fff;
}

/* ==============================
   UPGRADE CTA
============================== */

html[data-user-theme="dark"] .upgrade-cta h2 {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .upgrade-cta .lead {
  color: var(--dm-text-secondary);
}

html[data-user-theme="dark"] .premium-benefits span {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .premium-benefits i {
  color: var(--dm-success);
}

/* ==============================
   WAIT STATE / COUNTDOWN
============================== */

html[data-user-theme="dark"] .dl-wait-ring {
  border-color: var(--dm-border-color);
  border-top-color: var(--dm-primary);
}

html[data-user-theme="dark"] .dl-wait-icon {
  color: var(--dm-primary);
}

html[data-user-theme="dark"] .dl-wait-title {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .dl-wait-subtitle {
  color: var(--dm-text-muted);
}

html[data-user-theme="dark"] .dl-wait-timer {
  background: var(--dm-bg-tertiary);
  border-color: var(--dm-border-color);
}

html[data-user-theme="dark"] .dl-wait-timer-label {
  color: var(--dm-text-muted);
}

html[data-user-theme="dark"] .dl-wait-timer-value {
  color: var(--dm-primary-light);
}

html[data-user-theme="dark"] .dl-wait-upsell {
  background: var(--dm-bg-card);
  border-color: var(--dm-border-color);
}

html[data-user-theme="dark"] .dl-wait-upsell-icon {
  background: rgba(45,125,255,.2);
  color: var(--dm-primary-light);
}

html[data-user-theme="dark"] .dl-wait-upsell-title {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .dl-wait-upsell-text {
  color: var(--dm-text-muted);
}

html[data-user-theme="dark"] .dl-wait-upsell-link {
  color: var(--dm-primary-hover);
}

html[data-user-theme="dark"] .dl-wait-upsell-link:hover {
  color: var(--dm-primary-light);
}

html[data-user-theme="dark"] .captcha-card {
  background: var(--dm-bg-card);
  border-color: var(--dm-border-color);
  box-shadow: 0 10px 48px var(--dm-shadow);
}

html[data-user-theme="dark"] .captcha-header h4 {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .captcha-header p {
  color: var(--dm-text-muted);
}

html[data-user-theme="dark"] .captcha-icon {
  background: rgba(45,125,255,0.15);
  color: var(--dm-primary-light);
}

html[data-user-theme="dark"] .captcha-box {
  background: var(--dm-bg-tertiary);
  border-color: var(--dm-border-color);
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] #downloadbtn.btn-primary {
  background: var(--dm-primary);
  box-shadow: 0 6px 20px rgba(45,125,255,0.35);
}

html[data-user-theme="dark"] #downloadbtn.btn-primary:hover {
  background: var(--dm-primary-hover);
}

html[data-user-theme="dark"] .captcha-upsell {
  background: rgba(45,125,255,0.12);
  border-color: rgba(45,125,255,0.35);
}

html[data-user-theme="dark"] .captcha-upsell-icon {
  background: rgba(45,125,255,0.2);
  color: var(--dm-primary-light);
}

html[data-user-theme="dark"] .captcha-upsell-title {
  color: var(--dm-text-primary);
}

html[data-user-theme="dark"] .captcha-upsell-link {
  color: var(--dm-primary-hover);
}

html[data-user-theme="dark"] .captcha-upsell-link:hover {
  color: var(--dm-primary-light);
  text-decoration: underline;
}


html[data-user-theme="dark"] .captcha-note {
  color: var(--dm-text-muted);
}


html[data-user-theme="dark"] .file-info-box {
  background: var(--dm-bg-card);
  border-color: var(--dm-border-color);
  color: var(--dm-text-primary);
}


/* Download Text Section */
html[data-user-theme="dark"] .download2-text {
  background-color: transparent;
  border: 1px solid var(--dm-border-color);
}

html[data-user-theme=dark] .premium1-free .state-2 {
      background-color: var(--dm-bg-card);
    box-shadow: 0 10px 48px var(--dm-shadow);
}

html[data-user-theme=dark] span#free-timer {
   background-color: var(--dm-bg-card) !important;
}

/* Paging Component - Enhanced Styles */
html[data-user-theme="dark"] .paging {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* Paging Links */
html[data-user-theme="dark"] .paging a {
  background-color: var(--dm-bg-card);
  border: 1px solid var(--dm-border-color);
  color: var(--dm-text-primary) !important;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s ease;
}

html[data-user-theme="dark"] .paging a:hover {
  color: var(--dm-text-primary) !important;
  background-color: var(--dm-primary);
  border-color: var(--dm-primary);
}


/* Paging Active/Current Page */
html[data-user-theme="dark"] .paging span {
  color: var(--dm-text-primary);
  background-color: var(--dm-primary);
  border-color: var(--dm-primary);
  padding: 0.5rem 1rem;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  font-weight: 600;
}


html[data-user-theme="dark"] #triangle-left {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 6px solid var(--dm-text-primary);
}
html[data-user-theme="dark"] #downloadbtn {
  color : var(--dm-text-secondary);
  
}

html[data-user-theme="dark"] .tryprem {
  color : var(--dm-bg-primary);
}

html[data-user-theme="dark"] #iframe_id {
  background-color : var(--dm-text-secondary) !important;
  margin-bottom : 10px;
}

html[data-user-theme="dark"] .highspeedbtn,
html[data-user-theme="dark"] .tryprem,
html[data-user-theme="dark"] .download2Bar-premium
{
  color : var(--dm-bg-primary) !important;
  background-color : var(--dm-warning) !important;
}

html[data-user-theme="dark"] .wait-warning {
    padding: 18px !important;
    border-radius: 8px !important;

    background: #2a0f0f !important;
    border: 1px solid #772222 !important;

    color: #ffbaba !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

/* Highlight timer text */
html[data-user-theme="dark"] .wait-warning strong {
    color: #ff6b6b !important;
}

/* Upgrade button */
html[data-user-theme="dark"] .wait-warning .btn-upgrade {
    display: inline-block !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;

    background: #2269FF !important;
    color: #fff !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

html[data-user-theme="dark"] .wait-warning .btn-upgrade:hover {
    background: #3b7bff !important;
}


html[data-user-theme="dark"] #triangle-right {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid var(--dm-text-primary);
}

html[data-user-theme="dark"] .paging a.next:hover #triangle-right {
  border-left-color: var(--dm-text-primary);
}

/* Dark background for chart container */
html[data-user-theme="dark"] #charts,
html[data-user-theme="dark"] #charts .chart {
    background: var(--dm-bg-card) !important;
    border-radius: 6px;
}

/* Main SVG background */
html[data-user-theme="dark"] #charts svg {
    background: var(--dm-bg-card) !important;
}

/* Chart titles */
html[data-user-theme="dark"] #charts svg text {
    fill: var(--dm-text-primary) !important;
}

/* Horizontal gridlines */
html[data-user-theme="dark"] #charts svg rect[fill="#cccccc"],
html[data-user-theme="dark"] #charts svg rect[fill="#ebebeb"] {
    fill: var(--dm-border-color) !important;
    opacity: 0.2 !important;
}

/* Chart bottom axis line */
html[data-user-theme="dark"] #charts svg rect[fill="#333333"] {
    fill: var(--dm-border-hover) !important;
}

/* Chart series lines — recolor for dark mode */
html[data-user-theme="dark"] #charts path[stroke="#0000ff"] {
    stroke: #4aa3ff !important; /* blue */
}

html[data-user-theme="dark"] #charts path[stroke="#000000"] {
    stroke: #bbbbbb !important; /* light gray */
}

html[data-user-theme="dark"] #charts path[stroke="#ffa500"] {
    stroke: #ffcc66 !important; /* warm yellow */
}

html[data-user-theme="dark"] #charts path[stroke="#ff0000"] {
    stroke: #ff5c5c !important; /* soft red */
}

html[data-user-theme="dark"] #charts path[stroke="#008000"] {
    stroke: #5cd65c !important; /* green */
}

html[data-user-theme="dark"] #charts path[stroke="#a52a2a"] {
    stroke: #e06b6b !important; /* brownish red */
}

/* Area fills (opacity backgrounds under lines) */
html[data-user-theme="dark"] #charts path[fill-opacity="0.3"] {
    fill-opacity: 0.15 !important; /* lower contrast */
}

/* Remove white borders */
html[data-user-theme="dark"] #charts rect[fill="#ffffff"] {
    fill: transparent !important;
}

/* ================================
   DARK MODE – APEXCHARTS OVERRIDES
   ================================ */
html[data-user-theme="dark"] #chart_div,
html[data-user-theme="dark"] #chart_div svg {
    background: var(--dm-bg-card) !important;
}

/* Remove white background fills inside SVG */
html[data-user-theme="dark"] #chart_div rect[fill="#fff"],
html[data-user-theme="dark"] #chart_div rect[fill="#fefefe"] {
    fill: transparent !important;
}

/* -------------------------------
   AXIS LABELS & TITLES
   ------------------------------- */
html[data-user-theme="dark"] #chart_div .apexcharts-xaxis-label,
html[data-user-theme="dark"] #chart_div .apexcharts-yaxis-label,
html[data-user-theme="dark"] #chart_div .apexcharts-xaxis-title-text,
html[data-user-theme="dark"] #chart_div .apexcharts-yaxis-title-text {
    fill: var(--dm-text-primary) !important;
}

/* -------------------------------
   GRID LINES
   ------------------------------- */
html[data-user-theme="dark"] #chart_div line[stroke="#e0e0e0"],
html[data-user-theme="dark"] #chart_div line[stroke="#b6b6b6"],
html[data-user-theme="dark"] #chart_div .apexcharts-gridline {
    stroke: var(--dm-border-color) !important;
    opacity: 0.25 !important;
}

/* -------------------------------
   LEGEND TEXT
   ------------------------------- */
html[data-user-theme="dark"] #chart_div .apexcharts-legend-text {
    color: var(--dm-text-primary) !important;
}

/* -------------------------------
   TOOLTIP BACKGROUND
   ------------------------------- */
html[data-user-theme="dark"] #chart_div .apexcharts-tooltip,
html[data-user-theme="dark"] #chart_div .apexcharts-xaxistooltip,
html[data-user-theme="dark"] #chart_div .apexcharts-yaxistooltip {
    background: var(--dm-bg-secondary) !important;
    color: var(--dm-text-primary) !important;
    border-color: var(--dm-border-color) !important;
}

/* Tooltip labels */
html[data-user-theme="dark"] #chart_div .apexcharts-tooltip-title,
html[data-user-theme="dark"] #chart_div .apexcharts-tooltip-text {
    color: var(--dm-text-primary) !important;
}

/* Tooltip marker circles */
html[data-user-theme="dark"] #chart_div .apexcharts-tooltip-marker {
    filter: brightness(1.3);
}

/* -------------------------------
   MARKERS – Remove white stroke
   ------------------------------- */
html[data-user-theme="dark"] #chart_div .apexcharts-marker,
html[data-user-theme="dark"] #chart_div path[stroke="#ffffff"] {
    stroke: rgba(255,255,255,0.25) !important;
}

/* -------------------------------
   AREA GRADIENTS – Increase darkness
   ------------------------------- */
html[data-user-theme="dark"] #chart_div path[fill^="url("] {
    fill-opacity: 0.15 !important;
}

/* -------------------------------
   LINE COLORS – Dark-theme friendly
   (replacing blue, red, green, purple, aqua)
   ------------------------------- */
html[data-user-theme="dark"] #chart_div path[stroke="#4f81bd"] { stroke: #3ea0ff !important; }
html[data-user-theme="dark"] #chart_div path[stroke="#c0504d"] { stroke: #ff6b6b !important; }
html[data-user-theme="dark"] #chart_div path[stroke="#9bbb59"] { stroke: #99d56a !important; }
html[data-user-theme="dark"] #chart_div path[stroke="#8064a2"] { stroke: #b39ddb !important; }
html[data-user-theme="dark"] #chart_div path[stroke="#4bacc6"] { stroke: #52d2e6 !important; }

html[data-user-theme="dark"] .apexcharts-tooltip-title {
    background: var(--dm-bg-primary) !important;
	border-color : var(--dm-bg-primary) !important;
}

/* MAIN CONTAINER */
html[data-user-theme="dark"] #ui-datepicker-div {
    background: var(--dm-bg-secondary) !important;
    color: var(--dm-text-primary) !important;
    border: 1px solid var(--dm-border-color) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
    padding: 0 !important;
}

/* HEADER */
html[data-user-theme="dark"] .ui-datepicker-header {
    background: var(--dm-bg-primary) !important;
    color: var(--dm-text-primary) !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--dm-border-color) !important;
    font-weight: bold;
}

/* NAV ARROWS */
html[data-user-theme="dark"] .ui-datepicker-prev,
html[data-user-theme="dark"] .ui-datepicker-next {
    top: 10px !important;
    cursor: pointer;
}

html[data-user-theme="dark"] .ui-datepicker-prev span,
html[data-user-theme="dark"] .ui-datepicker-next span {
    color: var(--dm-text-primary) !important;
    border: none !important;
    background: none !important;
}

/* HEADER DAYS (Su-Mo-Tu...) */
html[data-user-theme="dark"] .ui-datepicker-calendar th {
    color: var(--dm-text-muted) !important;
    background: transparent !important;
    border: none !important;
    padding: 6px 0 !important;
}

/* REMOVE UGLY BOXES AROUND CELLS */
html[data-user-theme="dark"] .ui-datepicker-calendar td {
    border: none !important;
    background: transparent !important;
    padding: 3px !important;
}

/* DATE LINKS */
html[data-user-theme="dark"] .ui-datepicker-calendar td a {
    display: block;
    padding: 6px 0;
    border-radius: 6px;
    color: var(--dm-text-primary) !important;
    background: transparent !important;
    text-align: center;
}

/* HOVER EFFECT (subtle) */
html[data-user-theme="dark"] .ui-datepicker-calendar td a:hover {
    background: var(--dm-bg-hover) !important;
}

/* SELECTED DAY */
html[data-user-theme="dark"] .ui-state-active {
    background: var(--dm-primary) !important;
    color: #fff !important;
}

/* TODAY */
html[data-user-theme="dark"] .ui-state-highlight {
    background: var(--dm-bg-tertiary) !important;
    color: var(--dm-text-primary) !important;
}

/* DISABLED DAYS */
html[data-user-theme="dark"] .ui-state-disabled {
    opacity: 0.25 !important;
}

/* --- NAVIGATION BUTTONS (Prev / Next) --- */
html[data-user-theme="dark"] .ui-datepicker-prev,
html[data-user-theme="dark"] .ui-datepicker-next {
    width: 28px !important;
    height: 28px !important;
    top: 8px !important;
    cursor: pointer;
    border-radius: 6px;
    transition: background 0.2s ease;
}

/* Hover background */
html[data-user-theme="dark"] .ui-datepicker-prev:hover,
html[data-user-theme="dark"] .ui-datepicker-next:hover {
    background: var(--dm-bg-hover) !important;
}

/* Remove old jQuery UI icons */
html[data-user-theme="dark"] .ui-datepicker-prev span,
html[data-user-theme="dark"] .ui-datepicker-next span {
    background: none !important;
    border: none !important;
    text-indent: -9999px; /* Hide text */
}

/* Modern SVG arrow icon */
html[data-user-theme="dark"] .ui-datepicker-prev::before,
html[data-user-theme="dark"] .ui-datepicker-next::before {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    margin: auto;
    margin-top: 8px;
    mask-size: contain;
    background-color: var(--dm-text-primary);
}

/* LEFT arrow */
html[data-user-theme="dark"] .ui-datepicker-prev::before {
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'><path d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z'/></svg>");
}

/* RIGHT arrow */
html[data-user-theme="dark"] .ui-datepicker-next::before {
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'><path d='M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12z'/></svg>");
}


/** Toggle Button **/
#theme-toggle {
    cursor: pointer;
    background: 0;
    border: 0;
    opacity: .8;
    padding: 8px 8px 4px 8px;
    vertical-align: middle;
    border-radius: 50%;
    position: relative;
    isolation: isolate
}

.toggle-circle {
    transition: transform 500ms ease-out
}

.toggle-sun {
    transform-origin: center center;
    transition: transform 750ms cubic-bezier(0.11,0.14,0.29,1.32)
}

@keyframes pulseToLight {
    0% {
        transform: scale(0);
        opacity: .5
    }

    10% {
        transform: scale(1)
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: scale(1)
    }
}

@keyframes pulseToDark {
    0% {
        transform: scale(0);
        opacity: .5
    }

    10% {
        transform: scale(1)
    }

    75% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: scale(1)
    }
}

#theme-toggle svg {
    fill: var(--clr-foreground);
    margin-top: -10px;
}

#theme-toggle::before {
    content: "";
    position: absolute;
    inset: 0;
    background: hsl(0 0 50% / .2);
    border-radius: inherit;
    transform: scale(0);
    opacity: 0;
    z-index: -1
}

#theme-toggle:hover {
    outline: 0;
    opacity: 1;
    background: hsl(0 0 50% / .15)
}

.toggle-circle {
    transition: transform 500ms ease-out
}

.toggle-sun {
    transform-origin: center center;
    transition: transform 750ms cubic-bezier(0.11,0.14,0.29,1.32)
}

html[data-user-theme="light"] .toggle-circle {
    transform: translateX(-15%)
}

html[data-user-theme="light"] #theme-toggle::before {
    animation: pulseToLight 650ms ease-out
}

html[data-user-theme="dark"] #theme-toggle::before {
    animation: pulseToDark 650ms ease-out
}

html[data-user-theme="light"] .toggle-circle {
    transform: translateX(-15%)
}

html[data-user-theme="light"] .toggle-sun {
    transform: rotate(0.5turn)
}