/* ============================================================================
   Dashboard dark mode.
   Activated by `html[data-theme="dark"]` (set early in <head> from localStorage
   key `wh_theme`; toggled from the ad library header or profile dropdown on other dashboard pages).

   The light UI mostly uses hardcoded colors, so this file re-skins the major
   surfaces: page canvas, navbar, filter bar, ad cards, popovers and the ad
   detail modal. Where the light UI already reads CSS variables (--wh- / --es-)
   we override those instead.
   ========================================================================== */

html[data-theme="dark"] {
    color-scheme: dark;

    /* Palette — page canvas lifts off the always-black sidebar (#09090b). */
    --dk-bg: #0e1014;            /* page canvas / content card */
    --dk-surface-deep: #05070a;  /* recessed cards (darker than the panel around them) */
    --dk-surface: #101216;       /* cards, navbar, modal panels */
    --dk-surface-2: #161b23;     /* raised surfaces, hovers */
    --dk-surface-3: #1b2029;     /* active / focus / filter capsules */
    --dk-filter-surface: var(--dk-surface-3);
    --dk-filter-surface-hover: #252c37;
    --dk-border: #232830;
    --dk-border-strong: #323845;
    --dk-text: #ffffff;
    --dk-text-2: #e4e8f0;
    --dk-text-3: #bcc5d4;
    --dk-accent: #225aea;
    --dk-accent-hover: #1d4ed8;
    --dk-accent-border: rgba(34, 90, 234, 0.5);
    /* EU/UK metrics bar — midway between soft tint (0.2) and solid View-details blue */
    --dk-eu-bar-bg: rgba(34, 90, 234, 0.48);
    --dk-eu-bar-text: #d4e0ff;
    --dk-eu-bar-value: #f0f4ff;
    --dk-eu-bar-muted: #a8c0ff;
    --dk-eu-bar-sep: rgba(212, 224, 255, 0.45);
    --dk-filter-accent-border: rgba(34, 90, 234, 0.58);
    --dk-filter-accent-border-hover: rgba(34, 90, 234, 0.72);
    --dk-filter-pill-border: var(--dk-border-strong);

    /* Existing dashboard theme hooks */
    --wh-page-canvas: var(--dk-bg);
    --wh-filter-bar-bg: var(--dk-surface);
    --wh-filter-bar-border: var(--dk-border);
    --wh-filter-surface: var(--dk-filter-surface);
    --wh-filter-surface-hover: var(--dk-filter-surface-hover);
    --wh-filter-surface-focus: var(--dk-filter-surface-hover);
    --wh-filter-capsule: var(--dk-filter-surface);
    --wh-filter-capsule-hover: var(--dk-filter-surface-hover);
    --wh-filter-locked-surface: var(--dk-surface-3);
    --wh-filter-locked-text: var(--dk-text-3);
    --wh-filter-locked-label: var(--dk-text-3);

    /* Product import (Shopify) modal theme hooks */
    --pi-bg-gray: var(--dk-surface-2);
    --pi-border-gray: var(--dk-border-strong);
    --pi-text-main: var(--dk-text);
    --pi-text-muted: var(--dk-text-2);
    --pi-text-light: var(--dk-text-3);

    /* Remap global inline-style text tokens (styles.css --app-text-*) for dark surfaces */
    --app-text-strong: var(--dk-text);
    --app-text-medium: var(--dk-text);
    --app-text-muted: var(--dk-text-2);
    --app-text-soft: var(--dk-text-2);

    /* Store Tracker / Store Explorer (es2 tokens from Salestracker + explore-shops-page.css) */
    --es2-bg: var(--dk-bg);
    --es2-surface: var(--dk-surface);
    --es2-surface-alt: var(--dk-surface-deep);
    --es2-surface-hov: var(--dk-surface-2);
    --es2-filter-surface: var(--dk-filter-surface);
    --es2-filter-surface-hov: var(--dk-filter-surface-hover);
    --es2-filter-surface-focus: var(--dk-filter-surface-hover);
    --es2-border: var(--dk-border);
    --es2-border-strong: var(--dk-border-strong);
    --es2-border-subtle: var(--dk-border);
    --es2-border-hov: var(--dk-border-strong);
    --es2-filter-border-hov: var(--dk-filter-accent-border-hover);
    --es2-text: var(--dk-text);
    --es2-text-2: var(--dk-text-2);
    --es2-text-3: var(--dk-text-2);
    --es2-text-mute: var(--dk-text-3);
    --es2-primary: var(--dk-accent);
    --es2-primary-soft: rgba(34, 90, 234, 0.12);
    --es2-primary-text: var(--dk-accent);
    --es2-success: #4ade80;
    --es2-success-bright: #86efac;
    --es2-success-soft: rgba(34, 197, 94, 0.12);
    --es2-success-border: rgba(34, 197, 94, 0.35);
    --es2-danger: #fb7185;
    --es2-danger-soft: rgba(244, 63, 94, 0.12);
    --es2-danger-border: rgba(244, 63, 94, 0.35);
    --es2-row-hover: color-mix(in srgb, var(--dk-accent) 10%, var(--dk-surface-2));
    --es2-row-selected: color-mix(in srgb, var(--dk-accent) 22%, var(--dk-surface));
    --es2-row-selected-hover: color-mix(in srgb, var(--dk-accent) 30%, var(--dk-surface-2));
    --es2-shadow-xs: none;
    --es2-shadow-sm: none;

    /* Sales Tracker Details (Salestrackerdetails.php — --std2 palette) */
    --std2-bg: var(--dk-bg);
    --std2-surface: var(--dk-surface);
    --std2-surface-alt: var(--dk-surface-deep);
    --std2-surface-hover: var(--dk-surface-2);
    --std2-border: var(--dk-border);
    --std2-border-strong: var(--dk-border-strong);
    --std2-text: var(--dk-text);
    --std2-text-2: var(--dk-text-2);
    --std2-text-muted: var(--dk-text-3);
    --std2-primary: var(--dk-accent);
    --std2-primary-soft: rgba(34, 90, 234, 0.12);
    --std2-primary-hover: var(--dk-accent-hover);
    --std2-shadow-xs: none;
    --std2-shadow-sm: none;

    /* Entity detail tabs (store/brand segmented + underline tabs) */
    --wh-tab-primary: var(--dk-accent);
    --wh-tab-primary-hover: var(--dk-accent-hover);
    --wh-tab-primary-soft: rgba(34, 90, 234, 0.12);
    --wh-tab-primary-border: rgba(34, 90, 234, 0.35);
    --wh-tab-border: var(--dk-border);
    --wh-tab-text: var(--dk-text-2);
    --wh-tab-text-strong: var(--dk-text);
    --wh-tab-muted: var(--dk-text-3);

    /* WinningHunter logo lockup (icon tile + wordmark PNG) */
    --wh-logo-icon-width-ratio: 21.2%;
    --wh-logo-wordmark-mask-start: 25.5%;

    /* Keep app-shell tokens in lockstep when this sheet loads last */
    --app-bg: var(--dk-bg);
    --app-surface: var(--dk-surface);
    --app-surface-hov: var(--dk-surface-2);
    --app-surface-active: var(--dk-surface-3);
    --app-border: var(--dk-border);
    --app-border-strong: var(--dk-border-strong);
}

/* ── Page shell ─────────────────────────────────────────────────────────── */

html[data-theme="dark"] body {
    background-color: var(--dk-bg) !important;
    color: var(--dk-text);
}

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

html[data-theme="dark"] hr {
    border-color: var(--dk-border);
    background-color: var(--dk-border);
}

/* Native scrollbars */
html[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--dk-bg);
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background-color: var(--dk-border-strong);
}

/* ── Navbar ─────────────────────────────────────────────────────────────── */

html[data-theme="dark"] #main-navbar.navbar_component {
    background-color: var(--dk-surface) !important;
    border-bottom: 1px solid var(--dk-border);
}

/* WinningHunter logo lockup: keep the icon on its white tile; invert the wordmark only. */
html[data-theme="dark"] .navbar1_logo-link,
html[data-theme="dark"] .wh-brand-logo-lockup,
html[data-theme="dark"] .app-sidebar__logo-wrap {
    position: relative;
    display: inline-block;
    line-height: 0;
}

html[data-theme="dark"] .navbar1_logo-link::before,
html[data-theme="dark"] .wh-brand-logo-lockup::before,
html[data-theme="dark"] .app-sidebar__logo-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: var(--wh-logo-icon-width-ratio);
    height: 100%;
    background: url("/images/webclip.png") center / contain no-repeat;
    border-radius: 18%;
    z-index: 1;
    pointer-events: none;
}

html[data-theme="dark"] .navbar1_logo,
html[data-theme="dark"] .wh-brand-logo-lockup > img,
html[data-theme="dark"] .app-sidebar__logo {
    filter: invert(1) hue-rotate(180deg);
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0,
        transparent var(--wh-logo-wordmark-mask-start),
        #000 var(--wh-logo-wordmark-mask-start)
    );
    mask-image: linear-gradient(
        to right,
        transparent 0,
        transparent var(--wh-logo-wordmark-mask-start),
        #000 var(--wh-logo-wordmark-mask-start)
    );
}

html[data-theme="dark"] .navbar_component .menu_links {
    color: #ffffff !important;
}

html[data-theme="dark"] .navbar_component .menu_links:hover {
    color: #ffffff !important;
}

html[data-theme="dark"] .app-shell .watch-tutorial-btn,
html[data-theme="dark"] .app-shell a.invite-friends-btn.watch-tutorial-btn:not(.shopify-affiliate-btn),
html[data-theme="dark"] .app-shell button.watch-tutorial-btn {
    background: var(--app-surface, #15181e);
    border-color: var(--app-border-strong, #3a4252);
    color: var(--app-text, #e4e4e7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
html[data-theme="dark"] .app-shell .watch-tutorial-btn:hover,
html[data-theme="dark"] .app-shell a.invite-friends-btn.watch-tutorial-btn:not(.shopify-affiliate-btn):hover,
html[data-theme="dark"] .app-shell button.watch-tutorial-btn:hover {
    background: var(--app-surface-hov, #1b1f27);
    border-color: var(--app-border-strong, #3a4252);
    color: var(--app-text, #ffffff);
}
html[data-theme="dark"] .watch-tutorial-btn {
    background: var(--dk-surface-2);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.4);
}
html[data-theme="dark"] .watch-tutorial-btn:hover {
    background: var(--dk-surface-3);
}
html[data-theme="dark"] .watch-tutorial-btn .watch-tutorial-text {
    color: var(--dk-text);
}

html[data-theme="dark"] .dashboard-header-actions .shopify-affiliate-btn {
    background: #000 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .dashboard-header-actions .shopify-affiliate-btn:hover {
    background: #1a1a1a !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
}
html[data-theme="dark"] .dashboard-header-actions .shopify-affiliate-btn .watch-tutorial-text {
    color: #fff !important;
}

html[data-theme="dark"] .dark-hover:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .nav-dropdown-menu {
    background: var(--dk-surface-2);
    color: var(--dk-text);
    border-color: var(--dk-border-strong);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3);
}
html[data-theme="dark"] .nav-dropdown-menu::before {
    border-bottom-color: var(--dk-surface-2);
}
html[data-theme="dark"] .nav-dropdown-item {
    color: #ffffff;
}
html[data-theme="dark"] .nav-dropdown-item:hover {
    background-color: var(--dk-surface-3);
    color: var(--dk-accent);
}
/* styles.css forces #111827 !important on these navbar links (light-navbar contrast) */
html[data-theme="dark"] .navbar_component .menu_links,
html[data-theme="dark"] .navbar_component .dashboard-label,
html[data-theme="dark"] .navbar_component .nav-dropdown-item,
html[data-theme="dark"] .navbar_component .nav-dropdown-toggle {
    color: #ffffff !important;
}
html[data-theme="dark"] .navbar_component .nav-dropdown-item:hover {
    color: var(--dk-accent) !important;
}

/* Tour / Knowledge / icon buttons in navbar (white pills) */
html[data-theme="dark"] #main-navbar .bg-white {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] #main-navbar .border-gray-200 {
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] #main-navbar [stroke="#374151"] {
    stroke: #ffffff;
}
html[data-theme="dark"] #main-navbar [fill="#030712"] {
    fill: var(--dk-text);
}
html[data-theme="dark"] #main-navbar .text-\[\#374151\],
html[data-theme="dark"] #main-navbar .text-\[\#030712\] {
    color: var(--dk-text) !important;
}

/* Mobile collapsed menu panel (styles.css forces white bg at ≤991px) */
html[data-theme="dark"] #main-navbar .navbar_menu,
html[data-theme="dark"] .navbar_component .navbar_menu {
    background-color: var(--dk-surface) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] #main-navbar .navbar_menu.is-page-height-tablet {
    background-color: var(--dk-surface) !important;
}

/* Hamburger / close icon lines */
html[data-theme="dark"] .menu-icon1_line-top,
html[data-theme="dark"] .menu-icon1_line-middle,
html[data-theme="dark"] .menu-icon1_line-bottom,
html[data-theme="dark"] .menu-icon_line-middle-inner {
    background-color: var(--dk-text) !important;
}

/* Active nav link indicator */
html[data-theme="dark"] .navbar_component .menu_links.w--current {
    color: var(--dk-accent) !important;
    background-color: transparent !important;
}
html[data-theme="dark"] .navbar_component .menu_links.w--current::after {
    background-color: var(--dk-accent) !important;
}

/* Legacy webflow dropdown lists inside mobile menu */
html[data-theme="dark"] .navbar1_dropdown-list.w--open {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .navbar1_dropdown-link,
html[data-theme="dark"] .navbar1_dropdown-link.w--current {
    color: #ffffff !important;
}

/* Nav-dropdown submenu when rendered inside the mobile panel */
html[data-theme="dark"] #main-navbar .nav-dropdown-menu {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] #main-navbar .nav-dropdown-menu::before {
    border-bottom-color: var(--dk-surface-2) !important;
}

/* Webflow nav overlay backdrop */
html[data-theme="dark"] .w-nav-overlay {
    background-color: rgba(0, 0, 0, 0.55) !important;
}

/* Profile dropdown (popper) */
html[data-theme="dark"] .dropdown-container {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text);
    border: 1px solid var(--dk-border-strong) !important;
}
html[data-theme="dark"] .one_add_wrapper .dropdown-container[style*="background-color:white"],
html[data-theme="dark"] .one_add_wrapper .dropdown-container[style*="background-color: white"] {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .dropdown-container hr {
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] .dropdown-item {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .dropdown-item:hover {
    color: var(--dk-text);
}
/* Inputs inside any dropdown popup (e.g. ad card "Share Url") */
html[data-theme="dark"] .dropdown-container input,
html[data-theme="dark"] .dropdown-container textarea {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .dropdown-container input::placeholder,
html[data-theme="dark"] .dropdown-container textarea::placeholder {
    color: var(--dk-text-3) !important;
}

/* ── Generic Tailwind utility re-skin (page scope) ──────────────────────── */

html[data-theme="dark"] .bg-white {
    background-color: var(--dk-surface) !important;
}
html[data-theme="dark"] .bg-gray-50,
html[data-theme="dark"] .bg-gray-100,
html[data-theme="dark"] .bg-grey-100,
html[data-theme="dark"] .bg-slate-50,
html[data-theme="dark"] .bg-slate-50\/80,
html[data-theme="dark"] .bg-slate-50\/60,
html[data-theme="dark"] .bg-slate-100,
html[data-theme="dark"] .bg-indigo-50,
html[data-theme="dark"] .bg-blue-50 {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .bg-gray-200,
html[data-theme="dark"] .bg-gray-300 {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .hover\:bg-gray-50:hover,
html[data-theme="dark"] .hover\:bg-gray-100:hover,
html[data-theme="dark"] .hover\:bg-gray-200:hover {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .hover\:bg-neutral-50:hover {
    background-color: var(--dk-surface-2) !important;
}

html[data-theme="dark"] .text-black,
html[data-theme="dark"] .text-gray-900,
html[data-theme="dark"] .text-gray-800,
html[data-theme="dark"] .text-slate-900,
html[data-theme="dark"] .text-slate-800 {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .text-gray-700,
html[data-theme="dark"] .text-gray-600,
html[data-theme="dark"] .text-slate-700,
html[data-theme="dark"] .text-slate-600 {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .text-gray-500,
html[data-theme="dark"] .text-gray-400,
html[data-theme="dark"] .text-slate-500 {
    color: var(--dk-text-3) !important;
}

html[data-theme="dark"] .border-gray-50,
html[data-theme="dark"] .border-gray-100,
html[data-theme="dark"] .border-gray-200,
html[data-theme="dark"] .border-gray-300,
html[data-theme="dark"] .border-slate-200 {
    border-color: var(--dk-border-strong) !important;
}

/* App-improvement survey modal: Tailwind has-[:checked]:bg-indigo-50 and
   text-indigo-900 are not covered by the generic remaps, so selected
   radios go light-on-light and the promise note goes dark-on-dark. */
html[data-theme="dark"] #filterSurveyCard label:has(:checked) {
    background-color: rgba(34, 90, 234, 0.22) !important;
    border-color: var(--dk-accent) !important;
}
html[data-theme="dark"] #filterSurveyCard .text-indigo-900,
html[data-theme="dark"] #filterSurveyCard .text-indigo-900 p,
html[data-theme="dark"] #filterSurveyCard .text-indigo-900 span {
    color: #c7d2fe !important;
}
html[data-theme="dark"] #filterSurveyCard .bg-indigo-50 {
    background-color: rgba(34, 90, 234, 0.16) !important;
}
html[data-theme="dark"] #filterSurveyCard .border-indigo-100 {
    border-color: rgba(34, 90, 234, 0.4) !important;
}

html[data-theme="dark"] .divide-gray-100 > *,
html[data-theme="dark"] .divide-gray-200 > * {
    border-color: var(--dk-border) !important;
}

/* Keep "dark" CTAs visible (e.g. bg-gray-900 upgrade buttons) */
html[data-theme="dark"] .bg-gray-900,
html[data-theme="dark"] .bg-gray-800 {
    background-color: var(--dk-surface-3) !important;
}

/* styles.css scoped legacy glossy inset to .w-button / .button only.
   Keep dark mode reset for any stray buttons that still pick it up. */
html[data-theme="dark"] button {
    box-shadow: none !important;
}

/* ── Filter form shell + controls ───────────────────────────────────────── */

html[data-theme="dark"] .shadow-container {
    background-color: var(--dk-surface);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03), 0 8px 24px rgba(0, 0, 0, 0.45);
}

/* Filter bar Reset (cancel.w-button) — legacy Webflow secondary action */
html[data-theme="dark"] .cancel.w-button,
html[data-theme="dark"] a.cancel.w-button {
    color: var(--dk-text-2) !important;
    border-color: var(--dk-border-strong) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .cancel.w-button:hover,
html[data-theme="dark"] a.cancel.w-button:hover {
    color: var(--dk-text) !important;
    background-color: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar {
    --es-border: var(--dk-filter-accent-border);
    --es-border-hover: var(--dk-filter-accent-border-hover);
    --es-border-focus: var(--dk-accent);
    --es-filter-pill-border: var(--dk-filter-pill-border);
    --es-control-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    --es-control-shadow-hover: 0 1px 3px rgba(0, 0, 0, 0.5);
    --es-control-focus-ring: 0 0 0 3px rgba(34, 90, 234, 0.25);
    --es-filter-text: var(--dk-text);
    --es-filter-text-placeholder: var(--dk-text);
    --es-filter-surface: var(--dk-filter-surface);
    --es-filter-surface-hover: var(--dk-filter-surface-hover);
    --es-filter-surface-focus: var(--dk-filter-surface-hover);
    --es-filter-bar-bg: var(--dk-surface);
    --es-filter-bar-border: var(--dk-border);
}

html[data-theme="dark"] .dashboard-meta-filters-panel.dashboard-filters-explore.filters-bar,
html[data-theme="dark"] .wh-filters-chrome.dashboard-filters-explore.filters-bar {
    --es-border: var(--dk-filter-accent-border);
    --es-border-hover: var(--dk-filter-accent-border-hover);
    --es-border-focus: var(--dk-accent);
    --es-filter-pill-border: var(--dk-filter-pill-border);
    --es-filter-surface: var(--wh-filter-capsule, var(--dk-filter-surface));
    --es-filter-surface-hover: var(--wh-filter-capsule-hover, var(--dk-filter-surface-hover));
    --es-filter-surface-focus: var(--dk-filter-surface-hover);
    --es-filter-bar-bg: var(--dk-surface);
    --es-filter-bar-border: var(--dk-border);
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}

/* Store visitor country + tracking & pixels table panels (hardcoded #fff in dashboard-filters-explore.css) */
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper.tracking-select .dashboard-tracking-pixels-panel,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper.tracking-select .dashboard-store-vc-panel,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper.store-visitor-country-select .dashboard-store-vc-panel {
    background: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
    color: var(--dk-text);
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-search-wrap {
    border-bottom-color: var(--dk-border) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-search-wrap input {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-tracking-px-bulk-actions {
    border-bottom-color: var(--dk-border) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-tracking-px-bulk-btn {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-tracking-px-bulk-btn:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-table thead th {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
    border-bottom-color: var(--dk-border) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-table tbody td {
    border-bottom-color: var(--dk-border) !important;
    color: var(--dk-text);
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-name {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-row-count,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-help-svg {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-panel-summary {
    background: var(--dk-surface-3) !important;
    border-top-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-panel-summary[style*="color:#0f172a"],
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-panel-summary[style*="color: #0f172a"] {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-panel-summary[style*="color:#5b6b82"],
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-panel-summary[style*="color: #5b6b82"],
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-panel-summary[style*="color:#94a3b8"],
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-panel-summary[style*="color: #94a3b8"] {
    color: var(--dk-text-3) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-footer {
    background: var(--dk-surface-2) !important;
    border-top-color: var(--dk-border) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-footer-btn {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-footer-btn:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-panel input[type='checkbox'] {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .dashboard-store-vc-panel input[type='checkbox']:checked {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper.tracking-select #dashboardTrackingPixelsTrigger,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper.store-visitor-country-select #dashboardStoreVisitorCountryTrigger {
    background: var(--dk-filter-surface) !important;
    border-color: var(--dk-filter-accent-border) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper.tracking-select #dashboardTrackingPixelsTrigger::placeholder,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper.store-visitor-country-select #dashboardStoreVisitorCountryTrigger::placeholder {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper.tracking-select #dashboardTrackingPixelsTrigger:hover,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper.store-visitor-country-select #dashboardStoreVisitorCountryTrigger:hover {
    background: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-filter-accent-border-hover) !important;
}

/* Dashboard filter bar — capsules, dropdowns, range popovers (literal light colors in dashboard-filters-explore.css / Dashboard.php) */
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper .select2-container--default .select2-selection--single,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper .select2-container--default .select2-selection--multiple,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .date-filters-row > .select-wrapper .select2-container--default .select2-selection--single,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .date-filters-row > .select-wrapper .select2-container--default .select2-selection--multiple,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper .div-block-71 input.form-input[type="text"],
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .date-filters-row > .select-wrapper .div-block-71 input.form-input[type="text"],
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper > select.form-input.w-select:not(.hidden),
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper > .w-embed > input.form-input[type="text"],
html[data-theme="dark"] .dashboard-filters-explore.filters-bar #search-container input.select2-selection,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar #search-container #keyword,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar input.select2-selection.adset-count,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar input.select2-selection.itemsetcounter,
html[data-theme="dark"] #search-container input.select2-selection,
html[data-theme="dark"] #search-container #keyword {
    background: var(--dk-filter-surface) !important;
    border-color: var(--dk-filter-accent-border) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] #search-container #keyword-composite #keyword,
html[data-theme="dark"] #search-container #keyword-composite #keyword-editable {
    background: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper .div-block-71 input.form-input[type="text"]:hover,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .date-filters-row > .select-wrapper .div-block-71 input.form-input[type="text"]:hover,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper > select.form-input.w-select:not(.hidden):hover,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper > .w-embed > input.form-input[type="text"]:hover,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar #search-container input.select2-selection:hover,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar #search-container #keyword:hover,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar input.select2-selection.adset-count:hover,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar input.select2-selection.itemsetcounter:hover,
html[data-theme="dark"] #search-container input.select2-selection:hover,
html[data-theme="dark"] #search-container #keyword:hover {
    background: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-filter-accent-border-hover) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper .div-block-71 input.form-input[type="text"]:focus,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .date-filters-row > .select-wrapper .div-block-71 input.form-input[type="text"]:focus,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper > select.form-input.w-select:not(.hidden):focus,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper > .w-embed > input.form-input[type="text"]:focus,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar #search-container input.select2-selection:focus,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar #search-container #keyword:focus,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar input.select2-selection.adset-count:focus,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar input.select2-selection.itemsetcounter:focus {
    border-color: var(--dk-accent) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper .select2-container:not(.select2-container--open) .select2-selection--single:hover,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper .select2-container:not(.select2-container--open) .select2-selection--multiple:hover,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .date-filters-row > .select-wrapper .select2-container:not(.select2-container--open) .select2-selection--single:hover,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .date-filters-row > .select-wrapper .select2-container:not(.select2-container--open) .select2-selection--multiple:hover {
    background: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-filter-accent-border-hover) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .select2-container--default.select2-container--focus .select2-selection--single,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .select2-container--default.select2-container--focus .select2-selection--multiple,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .select2-container--default .select2-selection--single:focus,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .select2-container--default .select2-selection--multiple:focus {
    background: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-accent) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .select2-selection__rendered,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .select2-selection__rendered.dashboard-select2-summary-active::before,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .select2-search__field,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .select2-caption-label {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .select2-selection__placeholder,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .select2-search__field::placeholder {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}

/* Dashboard keyword composite search bar (#keyword-composite is a div, not input.select2-selection) */
html[data-theme="dark"] #keyword-composite.select2-selection {
    color: var(--dk-text) !important;
    background-color: var(--dk-filter-surface) !important;
    border-color: var(--dk-filter-accent-border) !important;
}
html[data-theme="dark"] #keyword-composite.select2-selection:hover {
    background-color: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-filter-accent-border-hover) !important;
}
html[data-theme="dark"] #search-container:focus-within #keyword-composite.select2-selection {
    background-color: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-accent) !important;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15), 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}
html[data-theme="dark"] #keyword-composite.select2-selection #keyword-editable {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] #keyword-composite.select2-selection #keyword-editable::placeholder {
    color: var(--dk-text-3) !important;
    -webkit-text-fill-color: var(--dk-text-3) !important;
    opacity: 1;
}
html[data-theme="dark"] #keyword-composite.select2-selection #keyword {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] #keyword-composite.select2-selection #keyword::placeholder {
    color: var(--dk-text-3) !important;
    -webkit-text-fill-color: var(--dk-text-3) !important;
    opacity: 1;
}
html[data-theme="dark"] #search-container #search-icon,
html[data-theme="dark"] #search-container #search-icon svg {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #keyword-inline-chips .inline-flex {
    background-color: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #keyword-inline-chips .keyword-inline-chip-remove {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] #keyword-inline-chips .keyword-inline-chip-remove:hover {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #openRequestBrandBtn {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #openRequestBrandBtn:hover {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #openRequestBrandBtn svg {
    color: var(--dk-text-3) !important;
}

/* Keyword suggestions dropdown (Facebook Post Ads / Pinterest Ads floating search) */
html[data-theme="dark"] #suggested-searches {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] #suggested-searches .text-gray-400 {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] #suggested-searches .hover\:bg-gray-100:hover,
html[data-theme="dark"] #suggested-searches [class*="hover:bg-gray"]:hover {
    background-color: var(--dk-surface-3) !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar [id^="tooltip"] p,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar [id^="tooltip"] .text-sm,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar [id^="tooltip"] label,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar [id^="tooltip"] strong,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar [id^="tooltip"] .font-medium {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .ad-rank-input-grid .form-input,
html[data-theme="dark"] .ad-rank-filter-panel .form-input {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}

html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar) .select2-dropdown .themes-select-helpers {
    background: var(--dk-surface-3) !important;
    border-bottom-color: var(--dk-border) !important;
}

html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar) .select2-dropdown .themes-helper-btn {
    color: var(--dk-text-2);
}

html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar) .select2-dropdown .themes-select-all-btn {
    color: var(--dk-accent);
}

html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar) .select2-dropdown .themes-clear-all-btn {
    color: #f87171;
}

html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar) .select2-dropdown .themes-helper-btn:hover,
html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar) .select2-dropdown .themes-helper-btn:focus {
    background: var(--dk-surface-2) !important;
}

html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar) .select2-dropdown .themes-clear-all-btn:hover,
html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar) .select2-dropdown .themes-clear-all-btn:focus {
    background: #2a1416 !important;
}

html[data-theme="dark"] .ad-results-count-skeleton {
    background: linear-gradient(90deg, var(--dk-surface-3) 0%, var(--dk-surface-2) 45%, var(--dk-surface-3) 55%, var(--dk-surface-3) 100%) !important;
    background-size: 200% 100%;
}

html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar) .select2-results__option.select2-results__message {
    color: var(--dk-text-3) !important;
    -webkit-text-fill-color: var(--dk-text-3) !important;
}

html[data-theme="dark"] .dashboard-ion-range-wrap .irs--round .irs-line {
    background: var(--dk-surface-3) !important;
}

html[data-theme="dark"] .dashboard-ion-range-wrap .irs--round .irs-from,
html[data-theme="dark"] .dashboard-ion-range-wrap .irs--round .irs-to,
html[data-theme="dark"] .dashboard-ion-range-wrap .irs--round .irs-single {
    background-color: var(--dk-accent) !important;
    color: #fff !important;
}

html[data-theme="dark"] .dashboard-ion-range-wrap .irs--round .irs-from:before,
html[data-theme="dark"] .dashboard-ion-range-wrap .irs--round .irs-to:before,
html[data-theme="dark"] .dashboard-ion-range-wrap .irs--round .irs-single:before {
    border-top-color: var(--dk-accent) !important;
}

/* Inputs / selects / textareas */
html[data-theme="dark"] .form-input,
html[data-theme="dark"] .w-input,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background-color: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .form-input::placeholder,
html[data-theme="dark"] .w-input::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: var(--dk-text-3);
}

/* Webflow form feedback panels (theme.css light gray / pink backgrounds) */
html[data-theme="dark"] .w-form-done {
    background-color: rgba(34, 197, 94, 0.12) !important;
    color: #86efac !important;
}
html[data-theme="dark"] .w-form-fail {
    background-color: rgba(239, 68, 68, 0.12) !important;
    color: #fca5a5 !important;
}

/* Browser autofill paint on dark inputs */
html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:hover,
html[data-theme="dark"] input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--dk-surface-2) inset !important;
    -webkit-text-fill-color: var(--dk-text) !important;
    caret-color: var(--dk-text);
    transition: background-color 99999s ease-in-out 0s;
}

/* Select2 */
html[data-theme="dark"] .select2-container .select2-selection--single,
html[data-theme="dark"] .select2-container .select2-selection--multiple {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .select2-container .select2-selection__rendered {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .select2-dropdown {
    background-color: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .select2-search--dropdown .select2-search__field {
    background-color: var(--dk-surface);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .select2-results__option {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .select2-results__option--highlighted[aria-selected] {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .select2-results__option[aria-selected="true"] {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .select2-selection__choice {
    background-color: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

/* Filter dropdown panels attached to <body>: dashboard-filters-explore.css styles
   them via high-specificity `body:has(.filters-bar)` rules with literal colors and
   !important (the --es-* vars are out of scope there), so match that specificity. */
html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar) .select2-dropdown {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}
/* styles.css gives the inner options <ul> its own white card (padding + radius) */
html[data-theme="dark"] .select2-results__options {
    background-color: var(--dk-surface-2);
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar)
    .select2-container--default
    .select2-results__option:not(.select2-results__message) {
    color: var(--dk-text-2) !important;
    -webkit-text-fill-color: var(--dk-text-2) !important;
}
html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar)
    .select2-container--default
    .select2-results__option--highlighted[aria-selected],
html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar)
    .select2-container--default
    .select2-results__option:hover,
html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar)
    .select2-container--default
    .select2-results__option:focus {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar)
    .select2-container--default
    .select2-results__option[aria-selected='true']:not(.select2-results__option--highlighted) {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
/* Multi-select checkboxes inside the dropdowns */
html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar)
    .select2-container--default
    .select2-results__option:not(.select2-results__message):before {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar)
    .select2-container--default
    .select2-results__option[aria-selected='true']:before,
html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar)
    .select2-container--default
    .select2-results__option--highlighted[aria-selected='true']:before {
    background-color: var(--dk-accent) !important;
    border: 0 !important;
}
html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar)
    .select2-container--default
    .select2-results__option--highlighted[aria-selected='false']:before {
    background-color: var(--dk-surface) !important;
    border: 1.5px solid var(--dk-border-strong) !important;
    background-image: none !important;
}
/* Search box inside the dropdowns */
html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar) .select2-dropdown .select2-search--dropdown .select2-search__field {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] body:has(.dashboard-filters-explore.filters-bar) .select2-dropdown .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--dk-accent) !important;
    box-shadow: 0 0 0 3px rgba(34, 90, 234, 0.2) !important;
    -webkit-box-shadow: 0 0 0 3px rgba(34, 90, 234, 0.2) !important;
}

/* Themes dropdown helper bar (select all / clear all) */
html[data-theme="dark"] .select2-dropdown .themes-select-helpers {
    background: var(--dk-surface-2);
    border-bottom-color: var(--dk-border-strong);
}
html[data-theme="dark"] .select2-dropdown .themes-helper-btn:hover,
html[data-theme="dark"] .select2-dropdown .themes-helper-btn:focus {
    background: var(--dk-surface-3);
}

/* "Sort By" pill relocated to the results row: styled with literal colors +
   !important and 4-class selectors, so match its specificity here. */
html[data-theme="dark"] .select-wrapper.sortby-in-results .select2-container--default .select2-selection--single {
    background-color: var(--dk-filter-surface) !important;
    border-color: var(--dk-filter-accent-border) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="dark"] .select-wrapper.sortby-in-results .select2-container--default .select2-selection--single:hover {
    background-color: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-filter-accent-border-hover) !important;
}
html[data-theme="dark"] .select-wrapper.sortby-in-results .select2-caption-label {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] .select-wrapper.sortby-in-results .select2-selection__rendered {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .select-wrapper.sortby-in-results .select-label {
    color: var(--dk-text-2);
}

/* Tab badges + "Clear all" button in the filters bar header */
html[data-theme="dark"] .wh-tab-count {
    background: transparent !important;
    border: 1px solid var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .wh-tab.active .wh-tab-count {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .wh-active-label {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .wh-clear-all {
    background: var(--dk-filter-surface) !important;
    border-color: var(--dk-filter-accent-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .wh-clear-all:hover {
    background: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-filter-accent-border-hover) !important;
    color: var(--dk-text) !important;
}

/* Range/summary filter popovers (Days Running, EU ad spend, EU/UK Audience, …):
   inline Dashboard.php rule paints them with a white gradient !important. */
html[data-theme="dark"] .filters [id^="tooltip"] {
    background: linear-gradient(var(--dk-surface-2) 0%, var(--dk-surface) 100%) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text);
}
html[data-theme="dark"] .dashboard-filters-explore.filters-bar [id^="tooltip"] .text-gray-600,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar [id^="tooltip"] .text-gray-500 {
    color: var(--dk-text-2) !important;
}
/* Min/Max range inputs inside the popovers stay white via .w-input/.select2-selection */
html[data-theme="dark"] .filters [id^="tooltip"] input.form-input,
html[data-theme="dark"] .filters [id^="tooltip"] input.w-input,
html[data-theme="dark"] .filters [id^="tooltip"] textarea {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .filters [id^="tooltip"] input::placeholder,
html[data-theme="dark"] .filters [id^="tooltip"] textarea::placeholder {
    color: var(--dk-text-3) !important;
}

/* Lightpick date picker */
html[data-theme="dark"] .lightpick {
    background-color: var(--dk-surface-2);
    color: var(--dk-text);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
html[data-theme="dark"] .lightpick__day,
html[data-theme="dark"] .lightpick__month-title,
html[data-theme="dark"] .lightpick__days-of-the-week,
html[data-theme="dark"] .lightpick__day-of-the-week {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .lightpick__day.is-available:hover {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .lightpick__day:not(.is-disabled):not(.is-start-date):not(.is-end-date):hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23334155' cx='16' cy='16' r='16'/%3E%3C/svg%3E") !important;
}
html[data-theme="dark"] .lightpick__day.is-in-range:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(77,125,242,0.45)' cx='16' cy='16' r='16'/%3E%3C/svg%3E") !important;
}
html[data-theme="dark"] .lightpick__day.is-previous-month,
html[data-theme="dark"] .lightpick__day.is-next-month,
html[data-theme="dark"] .lightpick__day.is-disabled {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .lightpick__day.is-disabled {
    opacity: 0.45;
}
/* lightpick.css paints the month grid as light cards (#EEE grid lines + #FFF cells) */
html[data-theme="dark"] .lightpick__months {
    background-color: var(--dk-border);
}
html[data-theme="dark"] .lightpick__month {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .lightpick__inner {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .lightpick__presets,
html[data-theme="dark"] .lightpick__presets > div {
    background-color: var(--dk-surface-deep);
    border-color: var(--dk-border) !important;
    scrollbar-color: var(--dk-border-strong) transparent;
}
html[data-theme="dark"] .lightpick__presets > div::-webkit-scrollbar-thumb {
    background-color: var(--dk-border-strong);
    border-color: var(--dk-surface-deep);
}
html[data-theme="dark"] .lightpick__presets > div::-webkit-scrollbar-thumb:hover {
    background-color: var(--dk-text-3);
}
html[data-theme="dark"] .lightpick .preset-range,
html[data-theme="dark"] .lightpick .preset-heading {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .lightpick .preset-range:hover,
html[data-theme="dark"] .lightpick .preset-heading:hover {
    background-color: var(--dk-surface-3);
    color: var(--dk-text);
}
html[data-theme="dark"] .lightpick .preset-range.selected {
    background-color: rgba(34, 90, 234, 0.2);
    color: var(--dk-accent);
}
html[data-theme="dark"] .lightpick__month-title > .lightpick__select {
    color: var(--dk-text);
    background-color: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color-scheme: dark;
}
html[data-theme="dark"] .lightpick__month-title > .lightpick__select:disabled {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .lightpick__previous-action,
html[data-theme="dark"] .lightpick__next-action,
html[data-theme="dark"] .lightpick__close-action {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text);
}
html[data-theme="dark"] .lightpick__tooltip {
    background-color: var(--dk-surface-3);
    color: var(--dk-text);
}
html[data-theme="dark"] .lightpick__tooltip::after {
    border-top-color: var(--dk-surface-3);
}
html[data-theme="dark"] .lightpick__reset-action {
    background-color: var(--dk-surface-3) !important;
}

/* Quick pills (timeframe etc.) — !important beats dashboard-filters-explore.css literals */
html[data-theme="dark"] .timeframe-pill {
    background: linear-gradient(180deg, var(--dk-surface-2) 0%, var(--dk-surface) 100%) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .timeframe-pill:hover {
    background: linear-gradient(180deg, var(--dk-surface-3) 0%, var(--dk-surface-2) 100%) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .timeframe-pill.active {
    background: linear-gradient(180deg, #3b82f6 0%, var(--dk-accent, #2563eb) 100%) !important;
    border-color: var(--dk-accent, #2563eb) !important;
    color: #fff !important;
}

html[data-theme="dark"] .filters.dashboard-filters-explore [id^="tooltip"] .price-input .form-input,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar [id^="tooltip"] .price-input .form-input {
    background: linear-gradient(180deg, var(--dk-surface-2) 0%, var(--dk-surface) 100%) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

/* ── Ad cards ───────────────────────────────────────────────────────────── */

html[data-theme="dark"] .add_item,
html[data-theme="dark"] .skeletonadd,
html[data-theme="dark"] .one_add_wrapper > .add_item:has(> .fw-ad-card-top),
html[data-theme="dark"] .one_add_wrapper > .add_item:has(> .fw-ad-card-metrics-bar),
html[data-theme="dark"] .one_add_wrapper > .skeletonadd:has(> .fw-ad-card-metrics-bar) {
    /* !important: styles.css has higher-specificity white rules
       (.one_add_wrapper > .add_item:has(...)) and ads.js sets an inline
       `border: 1px solid rgb(242,242,242)` on each card */
    background: var(--dk-surface) !important;
    border: 1px solid var(--dk-border) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}

/* Some title boxes carry inline background-color:white */
html[data-theme="dark"] .frameitem-title-box {
    background-color: transparent !important;
}

html[data-theme="dark"] .add_item .text-block-7,
html[data-theme="dark"] .add_item .primary-copy,
html[data-theme="dark"] .add_item p {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .add_item a,
html[data-theme="dark"] .add_item strong,
html[data-theme="dark"] .add_item b,
html[data-theme="dark"] .add_item h1,
html[data-theme="dark"] .add_item h2,
html[data-theme="dark"] .add_item h3,
html[data-theme="dark"] .add_item h4 {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .skeleton {
    background-color: var(--dk-surface-3) !important;
    background-image: linear-gradient(90deg, var(--dk-surface-3), var(--dk-surface-2), var(--dk-surface-3)) !important;
}

/* CTA row: domain/caption lines carry inline hex colors; media area has inline #f8fafc */
html[data-theme="dark"] .add_item .frameitem-titles div {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .add_item .frameitem-titles div:nth-child(2) {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .add_item .video-2 {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .frameitem-info {
    background-color: var(--dk-surface-2);
    color: var(--dk-text-2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .frameitem-info:hover {
    background-color: var(--dk-surface-3);
    color: var(--dk-text);
}

/* Card top cap: EU metrics bar — accent blue at ~half strength (between tint & solid) */
html[data-theme="dark"] .fw-ad-card-top:not(.fw-ad-card-top--no-eu) {
    background: var(--dk-eu-bar-bg);
    color: var(--dk-eu-bar-text);
}
html[data-theme="dark"] .fw-ad-card-top--no-eu {
    background: var(--dk-surface-3);
    color: var(--dk-text-2);
}
html[data-theme="dark"] .fw-ad-card-top:not(.fw-ad-card-top--no-eu) .fw-ad-card-metrics-bar__sep,
html[data-theme="dark"] .fw-ad-card-top:not(.fw-ad-card-top--no-eu) .fw-ad-card-metrics-bar__metric-daily::before {
    color: var(--dk-eu-bar-sep);
    opacity: 1;
}
html[data-theme="dark"] .fw-ad-card-top:not(.fw-ad-card-top--no-eu) .fw-ad-card-metrics-bar__placeholder,
html[data-theme="dark"] .fw-ad-card-top:not(.fw-ad-card-top--no-eu) .fw-ad-card-metrics-bar__countries .fw-ad-card-info-overflow,
html[data-theme="dark"] .fw-ad-card-top:not(.fw-ad-card-top--no-eu) .fw-ad-card-metrics-bar__menu .threedot-more-info {
    color: var(--dk-eu-bar-muted);
}

/* Metric values/icons in the top bar are near-black in light mode */
html[data-theme="dark"] .fw-ad-card-metrics-bar__metric-value,
html[data-theme="dark"] .fw-ad-card-metrics-bar__metric-daily,
html[data-theme="dark"] .fw-ad-card-metrics-bar__metric-icon--eye {
    color: var(--dk-text);
}
html[data-theme="dark"] .fw-ad-card-top:not(.fw-ad-card-top--no-eu) .fw-ad-card-metrics-bar__metric-value,
html[data-theme="dark"] .fw-ad-card-top:not(.fw-ad-card-top--no-eu) .fw-ad-card-metrics-bar__metric-daily,
html[data-theme="dark"] .fw-ad-card-top:not(.fw-ad-card-top--no-eu) .fw-ad-card-metrics-bar__metric-icon--eye {
    color: var(--dk-eu-bar-value);
}
html[data-theme="dark"] .fw-ad-card-metrics-bar__per-day,
html[data-theme="dark"] .fw-ad-card-metrics-bar__metric-icon--dollar {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .fw-ad-card-top:not(.fw-ad-card-top--no-eu) .fw-ad-card-metrics-bar__per-day,
html[data-theme="dark"] .fw-ad-card-top:not(.fw-ad-card-top--no-eu) .fw-ad-card-metrics-bar__metric-icon--dollar {
    color: var(--dk-eu-bar-muted);
}
html[data-theme="dark"] .fw-ad-card-metrics-bar__sep,
html[data-theme="dark"] .fw-ad-card-metrics-bar__metric-daily::before {
    color: var(--dk-border-strong);
}
html[data-theme="dark"] .fw-ad-card-metrics-bar__placeholder,
html[data-theme="dark"] .fw-ad-card-metrics-bar__countries .fw-ad-card-info-overflow {
    color: var(--dk-text-3);
}

/* Monochrome black SVG assets (heart/comment/share/pin) on dark surfaces */
html[data-theme="dark"] .fw-ad-card-metrics-bar__metric-icon[src] {
    filter: brightness(0) invert(1);
    opacity: 0.88;
}
html[data-theme="dark"] .fw-ad-card-page-info img[src*="country-globe.svg"],
html[data-theme="dark"] .fw-ad-card-page-info img[src*="page-ads-slate.svg"] {
    filter: brightness(0) invert(1);
    opacity: 0.88;
}

/* Product revenue strip (white pill under the metrics bar) */
html[data-theme="dark"] .fw-ad-card-product-revenue__inner {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] .fw-ad-card-product-revenue__value {
    color: var(--dk-text);
}
html[data-theme="dark"] .fw-ad-card-product-revenue--empty .fw-ad-card-product-revenue__inner {
    background: var(--dk-surface-2);
    border-color: var(--dk-border);
}
html[data-theme="dark"] .fw-ad-card-product-revenue--empty .fw-ad-card-product-revenue__value {
    color: var(--dk-text-3);
}

/* Header info tiles (countries / website / targeting) */
html[data-theme="dark"] .fw-ad-card-info-tile {
    border-color: var(--dk-border);
    background: var(--dk-surface-2);
}
html[data-theme="dark"] .fw-ad-card-info-tile-k {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .fw-ad-card-info-tile-v {
    color: var(--dk-text);
}

/* Rank state rows: tinted backgrounds work on dark, but the "stable" text is too dim */
html[data-theme="dark"] .fw-ad-card-rank-state--stable {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .fw-ad-card-product-info {
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] .fw-ad-card-product-info:not(.fw-ad-card-product-info--placeholder):hover {
    background-color: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] .fw-ad-card-product-placeholder-avatar {
    background: var(--dk-surface-3);
    border-color: var(--dk-border-strong);
}

/* Light separator lines / borders inside cards:
   - .fw-ad-card-page-info gets an inline `border-top: 1px solid #f2f2f2` (ads.js)
   - .fw-ad-card-timeline and some title boxes use Tailwind border-[#f2f2f2]
   - page/product avatars carry an inline `border: 1px solid #e9eaeb` */
html[data-theme="dark"] .fw-ad-card-page-info {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .fw-ad-card-timeline,
html[data-theme="dark"] .add_item .frameitem-title-box {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .add_item img {
    border-color: var(--dk-border-strong) !important;
}

/* Chips row below the metrics bar (styles.css sets background: #fff) */
html[data-theme="dark"] .fw-ad-card-header {
    background: var(--dk-surface) !important;
}

/* "read full" pill + white fade over truncated ad copy */
html[data-theme="dark"] .primary-copy-read-full-pill {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .primary-copy-read-full-pill:hover {
    background: var(--dk-surface-3);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .primary-copy-cutoff::after {
    background: linear-gradient(
        to top,
        rgba(16, 18, 22, 0.98) 0%,
        rgba(16, 18, 22, 0.9) 24%,
        rgba(16, 18, 22, 0.62) 50%,
        rgba(16, 18, 22, 0.22) 76%,
        rgba(16, 18, 22, 0) 100%
    );
}
html[data-theme="dark"] .one_add_wrapper .fw-ad-card-ad-copy.primary-copy,
html[data-theme="dark"] .one_add_wrapper .fw-ad-card-ad-copy.primary-copy p,
html[data-theme="dark"] .one_add_wrapper .fw-ad-card-ad-copy.primary-copy :is(span, em, i, h1, h2, h3, h4, h5, h6, strong, b) {
    color: var(--dk-text) !important;
}

/* Card chips / popups */
html[data-theme="dark"] .fw-ad-card-header-chip {
    background-color: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text-2);
}
html[data-theme="dark"] .fw-ad-card-header-chip--warn {
    background-color: #dc2626;
    border-color: #ef4444;
    color: #fff;
}
html[data-theme="dark"] .fw-ad-card-header-chip--warn .fw-ad-card-header-chip__value {
    color: #fff;
}
html[data-theme="dark"] .custom-popup {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: #f5f5f5 !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.75) !important;
}

html[data-theme="dark"] .custom-popup.fw-ad-rank-popup {
    color: #f5f5f5 !important;
}

html[data-theme="dark"] .fw-ad-rank-popup-summary,
html[data-theme="dark"] .fw-ad-rank-popup-change-text {
    color: #f5f5f5 !important;
}
html[data-theme="dark"] .fw-ad-rank-popup-explainer,
html[data-theme="dark"] .fw-ad-rank-popup-changes-title,
html[data-theme="dark"] .fw-ad-rank-popup-note,
html[data-theme="dark"] .fw-ad-rank-popup-footer {
    color: #a3a3a3 !important;
}
html[data-theme="dark"] .fw-ad-rank-popup-change-date {
    color: #737373 !important;
}
html[data-theme="dark"] .fw-ad-rank-popup-footer {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .fw-ad-rank-popup-change--rising .fw-ad-rank-popup-change-arrow {
    color: #4ade80 !important;
}
html[data-theme="dark"] .fw-ad-rank-popup-change--declining .fw-ad-rank-popup-change-arrow {
    color: #f87171 !important;
}
html[data-theme="dark"] .fw-ad-rank-popup-spark-tooltip {
    background: #fff !important;
    border-color: #e5e7eb !important;
}
html[data-theme="dark"] .fw-ad-rank-popup-spark-tooltip-date {
    color: #374151 !important;
}

html[data-theme="dark"] .custom-popup hr {
    border-top-color: var(--dk-border) !important;
}

/* Reach-by-country popup (ad card metrics bar + ad modal) */
html[data-theme="dark"] .custom-popup .fw-ad-card-country-reach-popup-head {
    color: var(--dk-text) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .custom-popup .fw-ad-card-country-reach-card {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .custom-popup .fw-ad-card-country-reach-card-fill {
    background: var(--wh-primary-bg, #2563eb) !important;
}
html[data-theme="dark"] .custom-popup .fw-ad-card-country-reach-name,
html[data-theme="dark"] .custom-popup .fw-ad-card-country-reach-spend,
html[data-theme="dark"] .custom-popup .fw-ad-card-country-reach-reach,
html[data-theme="dark"] .custom-popup .fw-ad-card-country-reach-pct {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .custom-popup .fw-ad-card-country-reach-section-title {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .custom-popup .fw-ad-card-country-reach-low-label {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .custom-popup .fw-ad-card-country-reach-low-more {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .custom-popup .fw-ad-card-country-reach-other-chip {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .custom-popup .fw-ad-card-country-reach-other-name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .custom-popup .fw-ad-card-country-reach-popup-row,
html[data-theme="dark"] .custom-popup .fw-ad-card-country-reach-metric,
html[data-theme="dark"] .ad-modal-reach-country-metric,
html[data-theme="dark"] .ad-modal-reach-country-label,
html[data-theme="dark"] .ad-modal-reach-country-name,
html[data-theme="dark"] .ad-modal-reach-country-pct {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .custom-popup .fw-ad-card-country-reach-metric-icon,
html[data-theme="dark"] .ad-modal-reach-country-metric-icon {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .ad-modal-reach-country-more {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .ad-modal-reach-country-line {
    background: var(--dk-surface-3) !important;
}

html[data-theme="dark"] .custom-popup [style*="color:#374151"],
html[data-theme="dark"] .custom-popup [style*="color: #374151"],
html[data-theme="dark"] .custom-popup [style*="color:#334155"],
html[data-theme="dark"] .custom-popup [style*="color: #334155"] {
    color: var(--dk-text-2) !important;
}

/* Ad score explainer popup */
html[data-theme="dark"] .adscore-popup .adscore-popup-title {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .adscore-popup .adscore-popup-desc {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .adscore-popup .adscore-popup-reasons {
    border-top-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}

/* ── Page / Product information popups (structured-popup) ─────────────── */

html[data-theme="dark"] .custom-popup.structured-popup {
    background-color: var(--dk-surface) !important;
    border: 1px solid var(--dk-border) !important;
    color: #f5f5f5 !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] .one_add_wrapper .fw-ad-card-page-info.has-popup > .custom-popup.structured-popup {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] .structured-popup .popup-header {
    color: var(--dk-text) !important;
    border-bottom-color: var(--dk-border-strong) !important;
}

html[data-theme="dark"] .structured-popup .popup-identity--lead {
    border-bottom-color: var(--dk-border-strong) !important;
}

html[data-theme="dark"] .structured-popup .popup-identity--product .popup-identity__name {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .structured-popup .popup-body,
html[data-theme="dark"] .structured-popup .popup-row {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .structured-popup .popup-section,
html[data-theme="dark"] .structured-popup .popup-page-social-metrics {
    border-top-color: var(--dk-border-strong) !important;
}

html[data-theme="dark"] .structured-popup .popup-page-metric-label {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .structured-popup .popup-page-metric-value .ad-modal-page-metric-count,
html[data-theme="dark"] .structured-popup .popup-page-metric-value .popup-page-created-value {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .structured-popup .popup-page-metric-suffix {
    color: var(--dk-text-3) !important;
}

html[data-theme="dark"] .structured-popup .popup-date-row {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .structured-popup .popup-date-row.text-muted {
    color: var(--dk-text-3) !important;
}

html[data-theme="dark"] .structured-popup .popup-footer {
    border-top-color: var(--dk-border-strong) !important;
}

html[data-theme="dark"] .structured-popup .popup-identity {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .structured-popup .popup-identity img {
    border-color: var(--dk-border-strong) !important;
}

html[data-theme="dark"] .structured-popup .popup-action-btn {
    color: var(--dk-text) !important;
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
}

html[data-theme="dark"] .structured-popup .popup-action-btn:hover {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .structured-popup .popup-track-brand-link {
    color: var(--dk-accent) !important;
}

html[data-theme="dark"] .structured-popup .popup-brand-ad-thumb {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}

html[data-theme="dark"] .structured-popup .popup-brand-ad-thumb:hover {
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .structured-popup .popup-brand-ad-thumb__fallback {
    background: linear-gradient(135deg, var(--dk-surface-3) 0%, var(--dk-surface-2) 100%) !important;
}

html[data-theme="dark"] .structured-popup .popup-brand-ad-skel--thumb {
    border-color: var(--dk-border) !important;
    background: linear-gradient(90deg, var(--dk-surface-3) 0%, var(--dk-surface-2) 50%, var(--dk-surface-3) 100%) !important;
    background-size: 200% 100%;
}

html[data-theme="dark"] .structured-popup .popup-country-flags {
    border-color: var(--dk-border-strong) !important;
    background: var(--dk-surface) !important;
}

html[data-theme="dark"] .structured-popup .popup-country-flags-wrap:hover .popup-country-flags {
    border-color: var(--dk-border-strong) !important;
    background: var(--dk-surface-3) !important;
}

html[data-theme="dark"] .popup-country-breakdown {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="dark"] .popup-country-breakdown__header {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .popup-country-breakdown__sub,
html[data-theme="dark"] .popup-country-breakdown__more,
html[data-theme="dark"] .popup-country-breakdown__loading,
html[data-theme="dark"] .popup-country-breakdown__empty {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .popup-country-breakdown__row {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .popup-country-breakdown__meta {
    color: var(--dk-text) !important;
}

/* greybadge() date pills inside product popup */
html[data-theme="dark"] .structured-popup .popup-date-row span[style*="background-color:#EFEFF7"],
html[data-theme="dark"] .structured-popup .popup-date-row span[style*="background-color: #EFEFF7"] {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text-2) !important;
}

/* Nested EU metric tooltips inside product popup rows */
html[data-theme="dark"] .structured-popup .popup-row .custom-popup,
html[data-theme="dark"] .structured-popup .fw-ad-card-product-revenue__inner .custom-popup {
    background-color: var(--dk-surface-3) !important;
    border: 1px solid var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .structured-popup .fw-ad-card-product-revenue__inner {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
}

html[data-theme="dark"] .structured-popup .fw-ad-card-product-revenue__value {
    color: var(--dk-text) !important;
}

/* ── Ad detail modal ────────────────────────────────────────────────────── */

html[data-theme="dark"] .ad-modal-sheet {
    background: var(--dk-bg);
    border-color: var(--dk-border-strong);
}

html[data-theme="dark"] .ad-modal-right {
    background: var(--dk-surface);
    border-left-color: var(--dk-border);
}

html[data-theme="dark"] #ad-detail-modal .bg-grey-100 {
    background-color: var(--dk-bg) !important;
}

html[data-theme="dark"] #ad-detail-modal {
    color: var(--dk-text);
}

/* Cards / tiles / rows inside the modal */
html[data-theme="dark"] .ad-modal-tabs,
html[data-theme="dark"] .ad-landing-link,
html[data-theme="dark"] .ad-info-row,
html[data-theme="dark"] .ad-modal-ad-card,
html[data-theme="dark"] .ad-modal-transcript-body,
html[data-theme="dark"] .ad-overview-details-grid,
html[data-theme="dark"] .ad-page-overview-charts,
html[data-theme="dark"] .ad-page-overview-grid,
html[data-theme="dark"] .ad-page-overview-main,
html[data-theme="dark"] .ad-modal-partner-page,
html[data-theme="dark"] .ad-modal-similar-item {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text);
}

/* Section cards (Brand / Page info, metric tiles, charts, partner pages):
   darker than the surrounding panel so they read as distinct cards */
html[data-theme="dark"] .ad-info-actions-card,
html[data-theme="dark"] .ad-info-landing-card,
html[data-theme="dark"] .ad-info-text-card,
html[data-theme="dark"] .ad-info-card,
html[data-theme="dark"] .ad-rank-history-card,
html[data-theme="dark"] .ad-modal-metric-tile,
html[data-theme="dark"] .ad-page-traffic-chart-card,
html[data-theme="dark"] .ad-euuk-history-chart-card,
html[data-theme="dark"] .ad-modal-partner-pages-card {
    background-color: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text);
}

html[data-theme="dark"] .ad-rank-modal-pill {
    background: rgba(37, 99, 235, 0.16);
    color: var(--dk-accent);
}
html[data-theme="dark"] .ad-rank-modal-pill--declining {
    background: rgba(220, 38, 38, 0.18);
    color: #fca5a5;
}
html[data-theme="dark"] .ad-rank-modal-pill--rising {
    background: rgba(22, 163, 74, 0.18);
    color: #86efac;
}
html[data-theme="dark"] .ad-rank-modal-trend--declining {
    color: #fca5a5;
}
html[data-theme="dark"] .ad-rank-modal-trend--rising {
    color: #86efac;
}

html[data-theme="dark"] .ad-modal-inner,
html[data-theme="dark"] .ad-modal-right-scroll {
    background: transparent;
}
html[data-theme="dark"] .ad-modal-right {
    border-color: var(--dk-border) !important;
}

/* Modal text */
html[data-theme="dark"] #ad-detail-modal h1,
html[data-theme="dark"] #ad-detail-modal h2,
html[data-theme="dark"] #ad-detail-modal h3,
html[data-theme="dark"] #ad-detail-modal h4,
html[data-theme="dark"] #ad-detail-modal strong {
    color: var(--dk-text);
}
html[data-theme="dark"] .info-row-value,
html[data-theme="dark"] .adm-page-row,
html[data-theme="dark"] .adm-info-rows {
    color: var(--dk-text-2);
}

/* Embedded ad card (left media panel) */
html[data-theme="dark"] .adm-page-name {
    color: var(--dk-text);
}
html[data-theme="dark"] .adm-page-sub {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .adm-page-sub img {
    filter: brightness(0) invert(1);
    opacity: 0.88;
}
html[data-theme="dark"] .adm-copy-text {
    color: var(--dk-text);
}
html[data-theme="dark"] #ad-detail-modal .ad-modal-ad-card .primary-copy,
html[data-theme="dark"] #ad-detail-modal .ad-modal-ad-card .primary-copy p {
    color: var(--dk-text);
}
html[data-theme="dark"] #ad-detail-modal .primary-copy-cutoff::after {
    background: linear-gradient(
        to top,
        rgba(16, 18, 22, 0.98) 0%,
        rgba(16, 18, 22, 0.9) 24%,
        rgba(16, 18, 22, 0.62) 50%,
        rgba(16, 18, 22, 0.22) 76%,
        rgba(16, 18, 22, 0) 100%
    );
}
html[data-theme="dark"] .adm-copy-read-full {
    background: var(--dk-surface-3);
    color: var(--dk-text-2);
}
html[data-theme="dark"] .adm-copy-read-full:hover {
    background: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .adm-divider {
    border-top-color: var(--dk-border);
}
/* Ad preview card internal separators (light mode uses #f2f2f2) */
html[data-theme="dark"] .adm-page-row {
    border-top-color: var(--dk-border) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .adm-page-row:hover {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .adm-cta-bar {
    border-top: 1px solid var(--dk-border);
    border-bottom: none;
}
html[data-theme="dark"] .adm-bottom-actions {
    border-top: 1px solid var(--dk-border);
}
html[data-theme="dark"] .adm-page-avatar,
html[data-theme="dark"] .adm-product-avatar {
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] #ad-detail-modal .ad-modal-ad-card {
    border: 1px solid var(--dk-border-strong) !important;
    background-color: var(--dk-surface) !important;
    background-clip: padding-box;
}
html[data-theme="dark"] .adm-cta-button {
    background: var(--dk-surface-3);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .adm-cta-button:hover {
    background: var(--dk-border-strong);
}
html[data-theme="dark"] .adm-product-row {
    background: var(--dk-surface) !important;
}
html[data-theme="dark"] .adm-product-row:hover {
    background: var(--dk-surface-2) !important;
}

/* Rank history / traffic chart cards */
html[data-theme="dark"] .ad-rank-history-head,
html[data-theme="dark"] .ad-page-traffic-chart-head {
    color: var(--dk-text);
}
html[data-theme="dark"] .ad-page-traffic-chart-head small {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .ad-rank-history-explainer {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .ad-rank-history-canvas-wrap {
    border-color: var(--dk-border-strong);
    background: linear-gradient(180deg, #171c28 0%, #14171f 100%);
}
/* Traffic / active-ads sparkline cards (light-blue in light mode) */
html[data-theme="dark"] .ad-page-traffic-chart-canvas-wrap,
html[data-theme="dark"] #ad-modal-traffic-canvas-wrap {
    border-color: #2c437a;
    background: linear-gradient(180deg, #141c2e 0%, #11141c 100%);
}
html[data-theme="dark"] .ad-page-traffic-chart-explainer {
    color: var(--dk-text-3);
}
/* Big metric values ("72.4K" monthly visits / active ads) are #18181b in light mode */
html[data-theme="dark"] .ad-modal-monthly-visits-value {
    color: var(--dk-text);
}
html[data-theme="dark"] #ad-modal-monthly-visits-growth .ad-modal-monthly-visits-period,
html[data-theme="dark"] #ad-modal-active-ads-growth .ad-modal-monthly-visits-period {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .ad-modal-monthly-visits-change--neutral {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .ad-modal-monthly-visits-change--na {
    color: var(--dk-text-3);
}
/* Store markets row: "90%" percentages + separators */
html[data-theme="dark"] .info-row-value .markets-entry {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .info-row-value .markets-pct {
    color: var(--dk-text);
}
html[data-theme="dark"] .info-row-value .markets-sep {
    color: var(--dk-text-3);
}
/* "Other pages advertising the same domain" rows */
html[data-theme="dark"] .ad-modal-partner-page-name {
    color: var(--dk-text);
}
html[data-theme="dark"] .ad-modal-partner-page:hover {
    border-color: var(--dk-border-strong) !important;
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .ad-modal-partner-page-lib,
html[data-theme="dark"] .ad-modal-partner-pages-show-more {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text-2);
}
html[data-theme="dark"] .ad-modal-partner-page-lib:hover,
html[data-theme="dark"] .ad-modal-partner-pages-show-more:hover {
    background: var(--dk-surface-3);
    border-color: var(--dk-border-strong);
    color: var(--dk-accent);
}
html[data-theme="dark"] .ad-rank-history-stat,
html[data-theme="dark"] .ad-page-traffic-chart-stat {
    border-color: var(--dk-border-strong);
    background: var(--dk-surface-2);
    color: var(--dk-text-2);
}
html[data-theme="dark"] .ad-rank-history-stat strong,
html[data-theme="dark"] .ad-page-traffic-chart-stat strong {
    color: var(--dk-text);
}
html[data-theme="dark"] .ad-rank-history-stat--good,
html[data-theme="dark"] .ad-page-traffic-chart-stat--good {
    border-color: #1f5132;
    background: #11271a;
    color: #4ade80;
}
html[data-theme="dark"] .ad-rank-history-stat--good strong,
html[data-theme="dark"] .ad-page-traffic-chart-stat--good strong {
    color: #86efac;
}
html[data-theme="dark"] .ad-rank-history-stat--bad,
html[data-theme="dark"] .ad-page-traffic-chart-stat--bad {
    border-color: #5c1f24;
    background: #2a1416;
    color: #f87171;
}
html[data-theme="dark"] .ad-rank-history-stat--bad strong,
html[data-theme="dark"] .ad-page-traffic-chart-stat--bad strong {
    color: #fca5a5;
}

/* EU/UK reach & spend panel */
html[data-theme="dark"] .ad-spend-left:hover,
html[data-theme="dark"] .ad-spend-left:focus-visible {
    background: var(--dk-surface-2);
}
html[data-theme="dark"] .ad-spend-label,
html[data-theme="dark"] .ad-spend-daily-label {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .ad-spend-value,
html[data-theme="dark"] .ad-spend-estimate-inline,
html[data-theme="dark"] .ad-spend-estimate-label,
html[data-theme="dark"] .ad-spend-estimate-value,
html[data-theme="dark"] .ad-spend-daily-value {
    color: var(--dk-text);
}
html[data-theme="dark"] .ad-spend-right {
    background: var(--dk-surface-2);
}
html[data-theme="dark"] .ad-spend-demo-row,
html[data-theme="dark"] .ad-info-chart-card {
    background: var(--dk-surface);
}
html[data-theme="dark"] .demo-label {
    color: var(--dk-text);
}
html[data-theme="dark"] .demo-value {
    color: var(--dk-text-2);
}
/* Gender/age stat spans get inline dark colors from JS */
html[data-theme="dark"] .ad-spend-demo-row span,
html[data-theme="dark"] .ad-info-chart-card span {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .adm-cta-caption {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .adm-cta-domain,
html[data-theme="dark"] .adm-cta-description {
    color: var(--dk-text-3) !important;
}

/* Buttons & interactive bits in modal */
html[data-theme="dark"] .ad-modal-floating-actions {
    background: var(--dk-surface-2);
    border: 1px solid var(--dk-border-strong);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .ad-float-icon-btn {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ad-float-icon-btn:hover {
    background-color: var(--dk-surface-3) !important;
}

html[data-theme="dark"] .ad-modal-close,
html[data-theme="dark"] .ad-modal-info-btn,
html[data-theme="dark"] .ad-bottom-save-btn,
html[data-theme="dark"] .adm-btn-save,
html[data-theme="dark"] .ad-modal-view-store-btn,
html[data-theme="dark"] .ad-action-item {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ad-modal-close:hover,
html[data-theme="dark"] .ad-action-item:hover {
    background-color: var(--dk-surface-3) !important;
}

html[data-theme="dark"] .ad-modal-ask-claude-btn.wh-btn-primary {
    --wh-primary-bg: #cc785c;
    --wh-primary-hover: #b86a50;
    --wh-primary-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .18), inset 0 6px 12px 0 hsla(0, 0%, 100%, .1), 0 1px 2px 0 rgba(0, 0, 0, .35), 0 4px 4px 0 rgba(0, 0, 0, .2);
    background: var(--wh-primary-bg) !important;
    background-color: var(--wh-primary-bg) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: var(--wh-primary-shadow) !important;
}
html[data-theme="dark"] .ad-modal-ask-claude-btn.wh-btn-primary:hover {
    background: var(--wh-primary-hover) !important;
    background-color: var(--wh-primary-hover) !important;
    color: #fff !important;
}

html[data-theme="dark"] .std-title-bar-actions .std-title-ask-claude-btn.wh-btn-primary {
    --wh-primary-bg: #cc785c;
    --wh-primary-hover: #b86a50;
    --wh-primary-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .18), inset 0 6px 12px 0 hsla(0, 0%, 100%, .1), 0 1px 2px 0 rgba(0, 0, 0, .35), 0 4px 4px 0 rgba(0, 0, 0, .2);
    background: var(--wh-primary-bg) !important;
    background-color: var(--wh-primary-bg) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: var(--wh-primary-shadow) !important;
}

html[data-theme="dark"] .std-title-bar-actions .std-title-ask-claude-btn.wh-btn-primary:hover {
    background: var(--wh-primary-hover) !important;
    background-color: var(--wh-primary-hover) !important;
    color: #fff !important;
}

/* Ask AI prompt popover (Claude / ChatGPT etc.) */
html[data-theme="dark"] .ai-prompt-backdrop {
    background: rgba(0, 0, 0, 0.55);
}

html[data-theme="dark"] .ai-prompt-popover {
    color: var(--dk-text);
}

html[data-theme="dark"] .ai-prompt-popover-card {
    background: var(--dk-surface);
    outline-color: var(--dk-border-strong);
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.35),
        0 8px 24px rgba(0, 0, 0, 0.45),
        0 24px 48px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .ai-prompt-connection-dot {
    background: var(--dk-text-3);
}

html[data-theme="dark"] .ai-prompt-hero-provider-name,
html[data-theme="dark"] .ai-prompt-heading {
    color: var(--dk-text);
}

html[data-theme="dark"] .ai-prompt-subtitle {
    color: var(--dk-text-2);
}

html[data-theme="dark"] .ai-prompt-provider-pick.is-active .ai-prompt-provider-dot {
    background: var(--dk-text);
}

html[data-theme="dark"] .ai-prompt-vline {
    background: var(--dk-border-strong);
}

html[data-theme="dark"] .ai-prompt-icon-btn {
    background: var(--dk-surface-2);
    color: var(--dk-text);
}

html[data-theme="dark"] .ai-prompt-icon-btn:hover {
    background: var(--dk-surface-3);
    color: var(--dk-text);
}

html[data-theme="dark"] .ai-prompt-icon-btn.is-copied {
    background: rgba(34, 197, 94, 0.18);
    color: #4ade80;
}

html[data-theme="dark"] .ai-prompt-input-wrap {
    background: var(--dk-surface-2);
    outline-color: var(--dk-border-strong);
}

html[data-theme="dark"] .ai-prompt-input-wrap:focus-within {
    background: var(--dk-surface-3);
    outline: 2px solid var(--active-accent, #cc785c);
    box-shadow: none;
}

html[data-theme="dark"] .ai-prompt-popover textarea {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--dk-text) !important;
    outline: none !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .ai-prompt-popover textarea:focus,
html[data-theme="dark"] .ai-prompt-popover textarea:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .ai-prompt-popover textarea::placeholder {
    color: var(--dk-text-3) !important;
}

html[data-theme="dark"] .ai-prompt-template {
    background: var(--dk-surface-2);
    color: var(--dk-text-2);
}

html[data-theme="dark"] .ai-prompt-template:hover {
    background: var(--dk-surface-3);
    color: var(--dk-text);
}

html[data-theme="dark"] .ai-prompt-footer {
    border-top-color: var(--dk-border);
}

html[data-theme="dark"] .ai-prompt-mcp-card {
    background: var(--dk-surface-2);
    outline-color: var(--dk-border-strong);
    box-shadow: none;
}

html[data-theme="dark"] .ai-prompt-mcp-card:hover {
    background: var(--dk-surface-3);
    outline-color: var(--dk-border-strong);
}

html[data-theme="dark"] .ai-prompt-mcp-icon {
    background: var(--dk-surface-3);
    outline-color: var(--dk-border-strong);
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html[data-theme="dark"] .ai-prompt-mcp-title {
    color: var(--dk-text);
}

html[data-theme="dark"] .ai-prompt-mcp-title em {
    color: #93c5fd;
    background: rgba(34, 90, 234, 0.2);
}

html[data-theme="dark"] .ai-prompt-mcp-desc {
    color: var(--dk-text-2);
}

html[data-theme="dark"] .ai-prompt-mcp-arrow {
    color: var(--dk-text-3);
}

html[data-theme="dark"] .ai-prompt-mcp-card:hover .ai-prompt-mcp-arrow {
    color: var(--dk-text);
}

html[data-theme="dark"] .ai-prompt-snapshot {
    color: var(--dk-text-3);
}

html[data-theme="dark"] .ad-modal-tab {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .ad-modal-tab:hover {
    color: var(--dk-text);
}
html[data-theme="dark"] .ad-modal-tab.active {
    background: var(--dk-surface-3);
    color: var(--dk-accent);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* Breadcrumb / section titles / info rows */
html[data-theme="dark"] .breadcrumb-label,
html[data-theme="dark"] .info-card-title,
html[data-theme="dark"] .info-row-label {
    color: var(--dk-text);
}
html[data-theme="dark"] .ad-modal-page-card-name {
    color: var(--dk-text);
}
html[data-theme="dark"] .ad-modal-page-card-avatar {
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] .info-card-icon {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .ad-breadcrumb-item:hover {
    background: var(--dk-surface-3);
}
html[data-theme="dark"] .ad-modal-back-btn {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text-2);
}
html[data-theme="dark"] .ad-modal-back-btn:hover {
    background: var(--dk-surface-3);
    border-color: var(--dk-accent);
    color: var(--dk-accent);
}
html[data-theme="dark"] .info-row-value {
    color: var(--dk-text);
}

html[data-theme="dark"] .ad-modal-page-metric-count {
    color: var(--dk-text);
}
html[data-theme="dark"] .ad-modal-page-metric-pct.is-up {
    color: #4ade80;
}
html[data-theme="dark"] .ad-modal-page-metric-pct.is-down {
    color: #fb7185;
}
html[data-theme="dark"] .ad-modal-page-metric-pct.is-flat {
    color: var(--dk-text-muted);
}

html[data-theme="dark"] .ad-modal-page-social-open-link {
    color: var(--dk-text-muted);
    background: var(--dk-surface);
    border-color: var(--dk-border-strong);
}

html[data-theme="dark"] .ad-modal-page-social-open-link:hover {
    color: var(--dk-text);
    background: var(--dk-surface-elevated);
    border-color: var(--dk-border-strong);
}

/* Trustpilot insights button + modal (ad detail modal) */
html[data-theme="dark"] .ad-modal-tp-insights-btn {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .ad-modal-tp-insights-btn:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ad-modal-trustpilot-link:hover {
    color: #34d399 !important;
}
html[data-theme="dark"] .ad-modal-tp-panel {
    background: var(--dk-surface) !important;
    border: 1px solid var(--dk-border);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .ad-modal-tp-title,
html[data-theme="dark"] .ad-modal-tp-insights-reply-heading,
html[data-theme="dark"] .ad-modal-tp-reply-stat-value {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ad-modal-tp-intro,
html[data-theme="dark"] .ad-modal-tp-reply-stat-label,
html[data-theme="dark"] .ad-modal-tp-empty-title {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .ad-modal-tp-reply-stat-value--sub,
html[data-theme="dark"] .ad-modal-tp-empty-hint {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .ad-modal-tp-insights-reply-wrap {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .ad-modal-tp-close {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .ad-modal-tp-close:hover {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ad-modal-tp-insight-row,
html[data-theme="dark"] .ad-modal-tp-insight-skel {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ad-modal-tp-insight-row::before {
    background: #00B67A;
}
html[data-theme="dark"] .ad-modal-tp-insight-reviews,
html[data-theme="dark"] .ad-modal-tp-gap-review-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}

/* Trustpilot Insights gap rows — toggle text, hover, expanded reviews (ad modal / dashboard) */
html[data-theme="dark"] .ad-modal-tp-insight-head,
html[data-theme="dark"] .ad-modal-tp-insight-toggle {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .ad-modal-tp-insight-toggle:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .ad-modal-tp-insight-count {
    color: var(--dk-text-2) !important;
    background: var(--dk-surface-3) !important;
}

html[data-theme="dark"] .ad-modal-tp-insight-chevron {
    border-right-color: var(--dk-text-3);
    border-bottom-color: var(--dk-text-3);
}

html[data-theme="dark"] .ad-modal-tp-insight-reviews {
    border-top-color: var(--dk-border) !important;
}

html[data-theme="dark"] .ad-modal-tp-insight-reviews-loading,
html[data-theme="dark"] .ad-modal-tp-insight-reviews-empty {
    color: var(--dk-text-3) !important;
}

html[data-theme="dark"] .ad-modal-tp-gap-review-name,
html[data-theme="dark"] .ad-modal-tp-gap-review-text {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .ad-modal-tp-gap-review-date {
    color: var(--dk-text-3) !important;
}

html[data-theme="dark"] .ad-modal-tp-skel-shimmer {
    background: linear-gradient(
        90deg,
        var(--dk-surface-2) 0%,
        var(--dk-surface-3) 45%,
        var(--dk-surface-2) 90%
    ) !important;
    background-size: 200% 100%;
}
html[data-theme="dark"] .ad-modal-tp-scroll::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong);
}
html[data-theme="dark"] .ad-modal-tp-load-more {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .ad-modal-tp-load-more:hover:not(:disabled) {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .ad-info-text-body,
html[data-theme="dark"] #ad-modal-description-text {
    color: var(--dk-text);
}

html[data-theme="dark"] .ad-modal-transcript-card {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .ad-modal-transcript-toolbar {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .ad-modal-transcript-body {
    background-color: var(--dk-surface) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .ad-modal-transcript-body .ad-transcript-line,
html[data-theme="dark"] .ad-modal-transcript-body .ad-script-analysis-section h4,
html[data-theme="dark"] .ad-modal-transcript-body .ad-similar-scripts-section h4,
html[data-theme="dark"] .ad-modal-transcript-body .ad-script-analysis-section summary span,
html[data-theme="dark"] .ad-modal-transcript-body .ad-script-analysis-section details > div,
html[data-theme="dark"] .ad-modal-transcript-body .ad-script-generations-quota {
    color: #ffffff !important;
}
html[data-theme="dark"] .ad-modal-transcript-body .ad-transcript-segment + .ad-transcript-segment {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .ad-modal-transcript-body .ad-transcript-segment:hover {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .ad-modal-transcript-body .ad-transcript-ts {
    color: #5b8cff !important;
}
html[data-theme="dark"] .ad-modal-transcript-body .ad-script-analysis-section details {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .ad-modal-transcript-body .ad-script-analysis-section details > div {
    background: var(--dk-surface) !important;
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .ad-modal-transcript-body .ad-script-generations-quota {
    background: rgba(34, 90, 234, 0.14) !important;
    border-color: rgba(91, 140, 255, 0.35) !important;
}

html[data-theme="dark"] .ad-modal-copy-menu {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .ad-modal-copy-option {
    background-color: transparent !important;
    border: none !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ad-modal-copy-option:hover:not(:disabled) {
    background-color: var(--dk-surface-3) !important;
}

html[data-theme="dark"] .ad-modal-similar-country-button,
html[data-theme="dark"] .ad-modal-similar-filter-toggle,
html[data-theme="dark"] .ad-modal-similar-country-search-input {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ad-modal-similar-filter-toggle:hover {
    background-color: var(--dk-surface-3) !important;
    border-color: var(--es2-success-border) !important;
    color: var(--es2-success-bright) !important;
}
html[data-theme="dark"] .ad-modal-similar-filter-toggle.active {
    background-color: #11271a !important;
    border-color: #1f5132 !important;
    color: var(--es2-success) !important;
}
html[data-theme="dark"] .ad-modal-similar-filter-toggle.active:hover {
    background-color: #153320 !important;
    border-color: #2d6a44 !important;
    color: var(--es2-success-bright) !important;
}
html[data-theme="dark"] .ad-modal-similar-country-option:hover {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .ad-modal-similar-card,
html[data-theme="dark"] .ad-modal-similar-body {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .ad-modal-similar-thumb {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .ad-modal-similar-skeleton-row {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .ad-modal-similar-skeleton-thumb,
html[data-theme="dark"] .ad-modal-similar-skeleton-line {
    background: linear-gradient(
        90deg,
        var(--dk-surface-2) 0%,
        var(--dk-surface-3) 45%,
        var(--dk-surface-2) 55%,
        var(--dk-surface-2) 100%
    ) !important;
    background-size: 200% 100% !important;
}
html[data-theme="dark"] .ad-modal-similar-metric {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .ad-modal-similar-metric-label {
    color: #ffffff !important;
}
html[data-theme="dark"] .ad-modal-similar-metric strong,
html[data-theme="dark"] .ad-modal-similar-metric-value {
    color: #ffffff !important;
}
html[data-theme="dark"] .ad-modal-similar-brand,
html[data-theme="dark"] .ad-modal-similar-copy,
html[data-theme="dark"] .ad-modal-similar-stat,
html[data-theme="dark"] .ad-modal-similar-countries,
html[data-theme="dark"] .ad-modal-similar-country-text,
html[data-theme="dark"] .ad-modal-similar-country-more,
html[data-theme="dark"] .ad-modal-similar-empty,
html[data-theme="dark"] .ad-modal-similar-error,
html[data-theme="dark"] .ad-modal-similar-loading,
html[data-theme="dark"] .ad-modal-similar-error-inline {
    color: #ffffff !important;
}
html[data-theme="dark"] .ad-modal-similar-country-more {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .ad-modal-similar-country-pill {
    background: var(--dk-surface-3) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .ad-modal-similar-live,
html[data-theme="dark"] .ad-modal-similar-live--unknown {
    background: var(--dk-surface-3) !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .ad-modal-similar-live--live {
    background: rgba(22, 163, 74, 0.2) !important;
    color: #86efac !important;
}
html[data-theme="dark"] .ad-modal-similar-live--inactive {
    background: rgba(185, 28, 28, 0.22) !important;
    color: #fca5a5 !important;
}
html[data-theme="dark"] .ad-modal-similar-country-menu {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .ad-modal-similar-country-search {
    background: var(--dk-surface-2) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .ad-modal-similar-country-option {
    color: #ffffff !important;
}
html[data-theme="dark"] .ad-modal-similar-country-option:hover,
html[data-theme="dark"] .ad-modal-similar-country-option.active {
    background: rgba(34, 90, 234, 0.18) !important;
    color: #93c5fd !important;
}
html[data-theme="dark"] .ad-modal-similar-hover-preview {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5) !important;
}

/* Login/signup gate shown to logged-out visitors at the end of the feed */
html[data-theme="dark"] .auth-modal-content {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}

/* ── Misc dashboard chrome ──────────────────────────────────────────────── */

/* Range slider (ion.rangeSlider) */
html[data-theme="dark"] .irs-line {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .irs-min,
html[data-theme="dark"] .irs-max {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text-2) !important;
}

/* Tooltips / info popovers that use white backgrounds inline */
html[data-theme="dark"] [id^="tooltip"]:not(.hidden) {
    color: var(--dk-text);
}

/* Locked (plan-gated) filters: inline styles in Dashboard.php force a light
   gray #f3f4f6 capsule; keep the dimmed look but on dark surfaces. */
html[data-theme="dark"] .select-wrapper.filter-locked > .select-label {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .select-wrapper.filter-locked > .div-block-71 .form-input,
html[data-theme="dark"] .select-wrapper.filter-locked > .div-block-71 input,
html[data-theme="dark"] .select-wrapper.filter-locked > select,
html[data-theme="dark"] .select-wrapper.filter-locked > .div-block-71 .select2-selection,
html[data-theme="dark"] .select-wrapper.filter-locked > .cfd-container .cfd-trigger,
html[data-theme="dark"] .select-wrapper.filter-locked.store-visitor-country-select #dashboardStoreVisitorCountryTrigger {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text-3) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .select-wrapper.filter-locked .filter-lock-icon {
    color: var(--dk-text-3) !important;
}

/* Include/exclude (cfd) dropdowns: "Based In", countries, Shopify apps, …
   inc-exc-filter.css hardcodes light colors with !important on the triggers.
   Bar-scoped resting state must match .dashboard-filters-explore.filters-bar .cfd-trigger
   specificity (footer CSS loads after dark-mode). */
html[data-theme="dark"] .cfd-trigger {
    background: var(--dk-filter-surface) !important;
    border-color: var(--dk-filter-accent-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .cfd-trigger,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .n3-trigger {
    background: var(--dk-filter-surface) !important;
    border-color: var(--dk-filter-accent-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .cfd-trigger:hover,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .n3-trigger:hover {
    background: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-filter-accent-border-hover) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .cfd-search-input,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .n3-trigger-label {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
/* CFD collapsed trigger embeds a native text input; global dark input rules paint
   --dk-surface-2 behind the placeholder (Countries / Niche / Language “weird bg”). */
html[data-theme="dark"] .cfd-search-input,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .cfd-search-input,
html[data-theme="dark"] .cfd-trigger .cfd-search-input {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
    color-scheme: inherit;
}
html[data-theme="dark"] .cfd-search-input::placeholder,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .cfd-search-input::placeholder {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
    opacity: 1 !important;
}
html[data-theme="dark"] .cfd-panel {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .cfd-item,
html[data-theme="dark"] .cfd-item-name {
    color: var(--dk-text);
}
html[data-theme="dark"] .cfd-item-count,
html[data-theme="dark"] .cfd-empty,
html[data-theme="dark"] .cfd-compact-sep {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .cfd-item:hover {
    background: var(--dk-surface-3);
}
html[data-theme="dark"] .cfd-item.cfd-included {
    background: #11271a;
}
html[data-theme="dark"] .cfd-item.cfd-excluded {
    background: #2a1416;
}
html[data-theme="dark"] .cfd-tag-include {
    background: #11271a;
    color: #4ade80;
}
html[data-theme="dark"] .cfd-tag-blue {
    background: #18233c;
    color: var(--dk-accent);
}
html[data-theme="dark"] .cfd-tag-exclude {
    background: #2a1416;
    color: #f87171;
}
html[data-theme="dark"] .cfd-tag-remove {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .cfd-compact-item--exclude .cfd-compact-label {
    color: #f87171;
}
html[data-theme="dark"] .cfd-btn {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .cfd-btn-inc:hover,
html[data-theme="dark"] .cfd-btn-inc.active {
    background: #11271a;
    border-color: #1f5132;
    color: #4ade80;
}
html[data-theme="dark"] .cfd-btn-exc:hover,
html[data-theme="dark"] .cfd-btn-exc.active {
    background: #2a1416;
    border-color: #5c1f24;
    color: #f87171;
}
html[data-theme="dark"] .cfd-toolbar,
html[data-theme="dark"] .cfd-bundles {
    background: var(--dk-surface-2) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .cfd-bulk {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .cfd-bulk:hover,
html[data-theme="dark"] .cfd-bulk-clear:hover {
    background: var(--dk-surface-3);
    color: var(--dk-text);
}
html[data-theme="dark"] .cfd-bulk-inc:hover {
    background: #11271a;
    border-color: #1f5132;
    color: #4ade80;
}
html[data-theme="dark"] .cfd-bulk-exc:hover {
    background: #2a1416;
    border-color: #5c1f24;
    color: #f87171;
}
html[data-theme="dark"] .cfd-bundle {
    background: var(--dk-surface);
    border-color: var(--dk-border-strong);
    color: var(--dk-text-2);
}
html[data-theme="dark"] .cfd-bundle:hover {
    background: var(--dk-accent);
    border-color: var(--dk-accent);
    color: #fff;
}
html[data-theme="dark"] .cfd-group-header {
    background: var(--dk-surface-2);
    border-top-color: var(--dk-border);
    color: var(--dk-text-3);
}
html[data-theme="dark"] .cfd-tag-more {
    background: var(--dk-surface-3);
    color: var(--dk-text);
}
html[data-theme="dark"] .cfd-compact-label {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .cfd-compact-more {
    color: var(--dk-text);
}

/* Niche (n3) dropdown */
html[data-theme="dark"] .n3-trigger {
    background: var(--dk-filter-surface) !important;
    border-color: var(--dk-filter-accent-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .n3-trigger:hover {
    background: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-filter-accent-border-hover) !important;
}
html[data-theme="dark"] .n3-trigger-icon {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .n3-trigger-label {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .n3-trigger-count {
    color: var(--dk-accent);
}
html[data-theme="dark"] .n3-count-exc {
    color: #f87171 !important;
}
html[data-theme="dark"] .n3-chevron {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .n3-panel-inner {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55);
}
html[data-theme="dark"] .n3-item:hover {
    background: var(--dk-surface-3);
}
html[data-theme="dark"] .n3-item.active {
    background: #18233c;
}
html[data-theme="dark"] .n3-item.excluded-active {
    background: #2a1416;
}
html[data-theme="dark"] .n3-item-name {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .n3-item.active .n3-item-name {
    color: var(--dk-accent);
}
html[data-theme="dark"] .n3-item.excluded-active .n3-item-name {
    color: #f87171;
}
html[data-theme="dark"] .n3-item-path,
html[data-theme="dark"] .n3-empty {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .n3-item-count {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .n3-item-check {
    border-color: var(--dk-border-strong);
    background: var(--dk-surface);
}
html[data-theme="dark"] .n3-item:hover .n3-item-arrow {
    color: var(--dk-text);
}
html[data-theme="dark"] .n3-search-box {
    background: var(--dk-surface);
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] .n3-search-box:focus,
html[data-theme="dark"] .n3-search-box:focus-within {
    outline: none !important;
    box-shadow: none !important;
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] .n3-search-box svg {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .n3-search-input {
    color: var(--dk-text);
    outline: none !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .n3-search-input:focus,
html[data-theme="dark"] .n3-search-input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .n3-search-input::placeholder {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .n3-bulk-btn {
    background: var(--dk-surface);
    border-color: var(--dk-border-strong);
    color: var(--dk-text-2);
}
html[data-theme="dark"] .n3-bulk-btn:hover {
    color: var(--dk-text);
    border-color: var(--dk-border-strong);
    background: var(--dk-surface-3);
}

/* ── Filter preset modals ──────────────────────────────────────────────── */

/* "Save filter preset" / "Preset limit reached" modal (inline styles in Dashboard.php) */
html[data-theme="dark"] .dashboard-filter-preset-modal-panel {
    background: var(--dk-surface-2);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6);
}
html[data-theme="dark"] .dashboard-filter-preset-modal-title {
    color: var(--dk-text);
}
html[data-theme="dark"] .dashboard-filter-preset-modal-close {
    background: var(--dk-surface-3);
    color: var(--dk-text-3);
}
html[data-theme="dark"] .dashboard-filter-preset-modal-close:hover {
    background: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .dashboard-filter-preset-modal-desc,
html[data-theme="dark"] .dashboard-filter-preset-modal-limit-text {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .dashboard-filter-preset-modal-label {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .dashboard-filter-preset-modal-input {
    background: var(--dk-surface);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .dashboard-filter-preset-modal-input::placeholder {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .dashboard-filter-preset-modal-hint {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .dashboard-filter-preset-modal-btn.secondary {
    background: var(--dk-surface-3);
    color: var(--dk-text-2);
}
html[data-theme="dark"] .dashboard-filter-preset-modal-btn.secondary:hover {
    background: var(--dk-border-strong);
}

/* Delete preset confirmation modal: styled entirely with inline style attributes */
html[data-theme="dark"] #dashboard-filter-preset-delete-modal > div {
    background-color: var(--dk-surface-2) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] #dashboard-filter-preset-delete-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #dashboard-filter-preset-delete-message {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #cancel-delete-preset-btn {
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}

/* TikTok Shop: delete saved filter preset — see expanded rules near filter rail tokens */

/* Ad library header: "See same ads?" */
html[data-theme="dark"] .dashboard-header-actions .accuracy-info-btn {
    background: var(--dk-surface-2);
    color: var(--dk-text-2);
    border: 1px solid var(--dk-border);
    box-shadow: none;
}
html[data-theme="dark"] .dashboard-header-actions .accuracy-info-btn:hover {
    background: var(--dk-surface-3);
    color: var(--dk-text);
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] .dashboard-header-actions .accuracy-info-btn:focus {
    box-shadow: 0 0 0 2px var(--dk-surface), 0 0 0 4px rgba(34, 90, 234, 0.35);
}
html[data-theme="dark"] .dashboard-header-actions .wh-theme-toggle--pill:focus-visible .wh-theme-toggle__track {
    box-shadow: 0 0 0 2px var(--dk-surface), 0 0 0 4px rgba(34, 90, 234, 0.35);
}
html[data-theme="dark"] h5.dashboard-page-title {
    color: var(--dk-text);
}
html[data-theme="dark"] .ads-platform-switcher {
    background: var(--dk-surface-2);
    border-color: var(--dk-border);
}
html[data-theme="dark"] .ads-platform-switcher__item {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .ads-platform-switcher__item:hover {
    background: var(--dk-surface);
    color: var(--dk-text);
}
html[data-theme="dark"] .ads-platform-switcher__item.is-active {
    background: var(--dk-surface);
    color: var(--dk-text);
    box-shadow: inset 0 0 0 1px var(--dk-border);
}
html[data-theme="dark"] .std-top-ads-platform-switcher {
    background: var(--dk-surface-2);
    border-color: var(--dk-border);
}
html[data-theme="dark"] .std-top-ads-platform-btn {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .std-top-ads-platform-btn:hover,
html[data-theme="dark"] .std-top-ads-platform-btn.is-active {
    background: var(--dk-surface);
    color: var(--dk-text);
}
html[data-theme="dark"] .std-top-ads-platform-btn__count,
html[data-theme="dark"] .std-top-ads-active-platform__count {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .std-top-ads-sort-controls {
    background: var(--dk-surface-2);
    border-color: var(--dk-border);
}
html[data-theme="dark"] .std-top-ads-sort-btn {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .std-top-ads-sort-btn:hover {
    color: var(--dk-text);
}
html[data-theme="dark"] .std-top-ads-sort-btn.is-active {
    background: var(--dk-surface);
    color: var(--dk-accent);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

/* ── Filter category tabs (All / Ad / Product / Page / …) ─────────────── */

html[data-theme="dark"] .dashboard-filters-explore.filters-bar .wh-filter-tabs {
    --wh-filter-tab-text: var(--dk-text-2);
    --wh-filter-tab-text-hover: var(--dk-text);
    --wh-filter-tab-text-active: var(--dk-accent);
    --wh-filter-tab-strip-border: var(--dk-border);
}
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .wh-filter-tabs-prefix {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .wh-tab.active .wh-tab-icon {
    color: var(--dk-accent);
}
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .wh-tab:not(.active) .wh-tab-icon {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .dashboard-filters-explore.filters-bar .wh-tab-underline {
    background: var(--dk-accent);
}

/* Leading filter glyphs (::before) use brightness(0) in light mode for black icons on white pills. */
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper::before,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .date-filters-row > .select-wrapper::before {
    filter: none !important;
    opacity: 0.85;
}

/* Dropdown chevrons (CSS border arrows) on Select2 / range capsules */
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper > span.select2.select2-container:not(.select-2-skeleton)::after,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .date-filters-row > .select-wrapper > span.select2.select2-container:not(.select-2-skeleton)::after,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper > .div-block-71::after,
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .date-filters-row > .select-wrapper > .div-block-71::after {
    border-color: var(--dk-text-3) !important;
}

/* Dashboard quick-filter pills (preset chips + Save / saved presets) —
   use the deeper charcoal surfaces, not the lifted grey filter capsules. */
html[data-theme="dark"] .dashboard-quick-filter-pill {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .dashboard-quick-filter-pill:hover {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .dashboard-quick-filter-pill:focus-visible {
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.06) !important;
}
html[data-theme="dark"] .preset-filters .dashboard-quick-filter-pill.active-pill,
html[data-theme="dark"] .preset-filters .dashboard-quick-filter-pill[data-active="true"] {
    background: var(--dk-surface, #1a1c22) !important;
    border-color: rgba(96, 165, 250, 0.55) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .preset-filters .dashboard-quick-filter-pill.active-pill:hover,
html[data-theme="dark"] .preset-filters .dashboard-quick-filter-pill[data-active="true"]:hover {
    background: var(--dk-surface, #1a1c22) !important;
    border-color: rgba(96, 165, 250, 0.7) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .qf-thumbs__img {
    border-color: var(--dk-surface) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .qf-active-dot {
    background: #60a5fa !important;
}
html[data-theme="dark"] .ads-page-wrapper {
    --preset-scroll-fade-bg: var(--dk-surface);
}
html[data-theme="dark"] .dashboard-preset-filters-fade {
    background: linear-gradient(
        to right,
        rgba(8, 9, 12, 0),
        var(--wh-filter-bar-bg, var(--dk-bg)) 72%
    ) !important;
}

html[data-theme="dark"] .dashboard-quick-filter-pill--save {
    background: transparent !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .dashboard-quick-filter-pill--save:hover {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .dashboard-user-preset-pill {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .dashboard-user-preset-pill:hover {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .dashboard-user-preset-pill .dashboard-quick-filter-pill__icon,
html[data-theme="dark"] .dashboard-user-preset-remove {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .dashboard-user-preset-remove:hover {
    background: rgba(248, 113, 113, 0.15) !important;
    color: #f87171 !important;
}

html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper.eu-cpm-filter:has(#adspendcpmsummary) > .div-block-71 > #adspendcpmsummary:not(:placeholder-shown),
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .date-filters-row > .select-wrapper.eu-cpm-filter:has(#adspendcpmsummary) > .div-block-71 > #adspendcpmsummary:not(:placeholder-shown) {
    color: var(--dk-accent);
}

/* ── Range filter popovers: segmented switchers + preset pills ─────────── */

html[data-theme="dark"] .ad-rank-filter-panel {
    border-color: var(--dk-border-strong);
    background: linear-gradient(180deg, var(--dk-surface-2) 0%, var(--dk-surface) 100%);
}
html[data-theme="dark"] .ad-rank-mode-pills,
html[data-theme="dark"] .metric-mode-pills {
    border-color: var(--dk-border-strong);
    background: var(--dk-surface-3);
}
html[data-theme="dark"] .ad-rank-mode-pills .ad-rank-mode-pill,
html[data-theme="dark"] .metric-mode-pills .metric-mode-pill {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .ad-rank-mode-pills .ad-rank-mode-pill:hover,
html[data-theme="dark"] .metric-mode-pills .metric-mode-pill:hover {
    background: var(--dk-surface-2);
    color: var(--dk-text);
}
html[data-theme="dark"] .ad-rank-mode-pills .ad-rank-mode-pill.active,
html[data-theme="dark"] .metric-mode-pills .metric-mode-pill.active {
    background: var(--dk-accent);
    border-color: var(--dk-accent);
    color: #fff;
    box-shadow: none;
}
html[data-theme="dark"] .ad-rank-filter-panel .ad-rank-preset-pills .timeframe-pill {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text-2);
}
html[data-theme="dark"] .ad-rank-filter-panel .ad-rank-preset-pills .timeframe-pill.active {
    background: var(--dk-accent);
    border-color: var(--dk-accent);
    color: #fff;
}
/* ── Brand details: Ad Rank tab ───────────────────────────────────────── */
html[data-theme="dark"] #tab-ad-rank,
html[data-theme="dark"] #tab-ad-rank .ad-rank-toolbar,
html[data-theme="dark"] #tab-ad-rank .ad-rank-toolbar-left,
html[data-theme="dark"] #tab-ad-rank .ad-rank-toolbar-right {
    color: var(--dk-text);
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-toolbar-divider {
    background: var(--dk-border-strong);
}
html[data-theme="dark"] #tab-ad-rank .brand-date-range {
    border-color: var(--dk-border-strong);
    background: var(--dk-surface-3);
}
html[data-theme="dark"] #tab-ad-rank .brand-date-range .date-range-pill {
    color: var(--dk-text-2);
}
html[data-theme="dark"] #tab-ad-rank .brand-date-range .date-range-pill:hover {
    color: var(--dk-text);
    background: var(--dk-surface-2);
}
html[data-theme="dark"] #tab-ad-rank .brand-date-range .date-range-pill.active {
    color: #fff;
    background: var(--dk-accent);
    border-color: var(--dk-accent);
}
html[data-theme="dark"] #tab-ad-rank #ad-rank-pool-summary,
html[data-theme="dark"] #tab-ad-rank .form-input {
    color: var(--dk-text) !important;
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] #tab-ad-rank .form-input::placeholder {
    color: var(--dk-text-3);
}
html[data-theme="dark"] #tab-ad-rank .form-input:hover {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] #tab-ad-rank .form-input:focus {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-accent) !important;
}
html[data-theme="dark"] #tab-ad-rank .select-label,
html[data-theme="dark"] #tab-ad-rank .ad-rank-choice-option,
html[data-theme="dark"] #tab-ad-rank .ad-rank-filter-panel .text-gray-600,
html[data-theme="dark"] #tab-ad-rank .ad-rank-filter-panel .text-sm,
html[data-theme="dark"] #tab-ad-rank .ad-rank-filter-panel .text-xs {
    color: var(--dk-text-2);
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-choice-option:hover {
    background: var(--dk-surface-2);
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-choice-check {
    background: var(--dk-surface-3);
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-choice-option input:checked + .ad-rank-choice-check {
    background-color: var(--dk-accent);
    border-color: var(--dk-accent);
}
html[data-theme="dark"] #tab-ad-rank .custom-popup,
html[data-theme="dark"] #tab-ad-rank .select-wrapper > div[id^="tooltip"] {
    color: var(--dk-text-2) !important;
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] #tab-ad-rank .select-wrapper > div[id^="tooltip"] .text-sm {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-context-strip,
html[data-theme="dark"] #tab-ad-rank .ad-rank-active-filters {
    color: var(--dk-text-2);
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-context-strip strong,
html[data-theme="dark"] #tab-ad-rank .ad-rank-active-filters-label {
    color: var(--dk-text);
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-filter-chip {
    color: var(--dk-text-2);
    background: var(--dk-surface-3);
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-filter-chip-label {
    color: var(--dk-text);
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-filter-chip-remove:hover {
    background: var(--dk-border-strong);
    color: #f87171;
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-card {
    color: var(--dk-text);
    background: var(--dk-surface);
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-card-title,
html[data-theme="dark"] #tab-ad-rank .ad-rank-hide-btn {
    color: var(--dk-text);
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-hide-btn:hover {
    color: var(--dk-text);
    background: var(--dk-surface-2);
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-chart-empty,
html[data-theme="dark"] #tab-ad-rank .ad-rank-cards-loading,
html[data-theme="dark"] #tab-ad-rank .loading-text {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .range-popover-clear {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .range-popover-clear:hover {
    color: #f87171 !important;
}

/* ── Active filter chips + results row ─────────────────────────────────── */

html[data-theme="dark"] #active-filters-container .text-black {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #active-filters-list > div {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
    border-color: var(--dk-filter-pill-border) !important;
}
html[data-theme="dark"] .ad-rank-filter-chip {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-filter-pill-border) !important;
}
html[data-theme="dark"] #active-filters-list > div:hover,
html[data-theme="dark"] .ad-rank-filter-chip:hover {
    background-color: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] #active-filters-list > div button {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #active-filters-list > div button:hover {
    background-color: var(--dk-border-strong) !important;
    color: #f87171 !important;
}
html[data-theme="dark"] #clear-all-filters {
    color: #f87171 !important;
}
html[data-theme="dark"] #clear-all-filters:hover {
    color: #fca5a5 !important;
}
html[data-theme="dark"] #ad-results-count {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #free-credits-banner {
    background: #18233c !important;
    border-color: #2c437a !important;
}
html[data-theme="dark"] #free-credits-banner .text-blue-800 {
    color: #bfdbfe !important;
}
html[data-theme="dark"] #free-credits-banner .text-blue-600 {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .hover\:bg-gray-300:hover {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] #openHiddenPagesBtn {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #openHiddenPagesBtn:hover {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}

/* ── Accuracy modal ("See same ads?") ──────────────────────────────────── */

html[data-theme="dark"] #accuracy-modal .modal__content > .bg-white,
html[data-theme="dark"] #accuracy-modal .modal__content > div.bg-white {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text);
}
html[data-theme="dark"] .accuracy-modal-title {
    color: var(--dk-text);
}
html[data-theme="dark"] .accuracy-modal-close {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .accuracy-modal-close:hover {
    color: var(--dk-text);
}
html[data-theme="dark"] .accuracy-modal-body {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .accuracy-modal-body .section-title {
    color: var(--dk-text);
}
html[data-theme="dark"] .accuracy-modal-body li::before {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .accuracy-modal-body::-webkit-scrollbar-track {
    background: var(--dk-surface);
}
html[data-theme="dark"] .accuracy-modal-body::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong);
}
html[data-theme="dark"] .accuracy-modal-body::-webkit-scrollbar-thumb:hover {
    background: var(--dk-text-3);
}

/* ── Ad card inline styles from ads.js ─────────────────────────────────── */

html[data-theme="dark"] .add_item .frameitem-title-box[style*="background-color:white"],
html[data-theme="dark"] .add_item .frameitem-title-box[style*="background-color: white"],
html[data-theme="dark"] .add_item .frameitem-title-box.bg-white,
html[data-theme="dark"] .add_item [data-ad-view="saveDetails"] {
    background-color: var(--dk-surface) !important;
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .add_item .frameitem-info {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .add_item .fw-ad-card-cta-row .frameitem-info.fw-ad-card-cta-btn {
    background: var(--dk-surface-2) !important;
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
html[data-theme="dark"] .add_item .fw-ad-card-cta-row .frameitem-info.fw-ad-card-cta-btn:hover {
    background: var(--dk-surface-3) !important;
    background-color: var(--dk-surface-3) !important;
    border-color: var(--dk-text-3) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] .add_item .frameitem-info:hover {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .add_item .follow-in-brands-popover {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .add_item .fw-ad-card-timeline .bg-gray-100 {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .add_item .fw-ad-card-timeline-days--active {
    background: rgba(34, 197, 94, 0.2) !important;
    color: #4ade80 !important;
}
html[data-theme="dark"] .add_item .fw-ad-card-timeline-days--inactive {
    background: rgba(239, 68, 68, 0.2) !important;
    color: #f87171 !important;
}
html[data-theme="dark"] .add_item span.bg-white.rounded,
html[data-theme="dark"] .add_item span.p-1.font-bold.bg-white {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .structured-popup .popup-date-row[style*="color:#111827"],
html[data-theme="dark"] .structured-popup .popup-date-row[style*="color: #111827"] {
    color: var(--dk-text-3) !important;
}
/* Collapse cap gap when header badges are hidden via feed settings */
html[data-theme="dark"][data-fw-hide-ad-metrics="1"] .one_add_wrapper .fw-ad-card-top {
    margin-bottom: 0;
}
html[data-theme="dark"] .add_item .fw-ad-card-timeline {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .add_item .fw-ad-card-timeline-toggle {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .add_item .fw-ad-card-timeline-toggle:hover {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .add_item .fw-ad-card-page-info {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .add_item [data-ad-view="saveDetails"] .see-details {
    background: var(--dk-accent) !important;
    background-color: var(--dk-accent) !important;
    border: 1px solid transparent !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .2), inset 0 6px 12px 0 hsla(0, 0%, 100%, .12), 0 1px 2px 0 rgba(8, 8, 8, .2), 0 4px 4px 0 rgba(8, 8, 8, .08) !important;
    transition: background 0.3s ease, transform 0.12s ease !important;
}
html[data-theme="dark"] .add_item [data-ad-view="saveDetails"] .see-details:hover {
    background: var(--dk-accent-hover) !important;
    background-color: var(--dk-accent-hover) !important;
    border-color: transparent !important;
    color: #fff !important;
}
html[data-theme="dark"] .add_item [data-ad-view="saveDetails"] .see-details:active {
    transform: translateY(1px) !important;
}
html[data-theme="dark"] .add_item [data-ad-view="saveDetails"] .save-ad-lid {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .add_item [data-ad-view="saveDetails"] .save-ad-lid:hover {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .add_item .glide__arrow {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .add_item .glide__arrow img {
    filter: brightness(0) invert(1);
}
html[data-theme="dark"] .add_item .border-\[\#E1E4EA\] {
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .add_item .border-\[\#f2f2f2\] {
    border-color: var(--dk-border) !important;
}

/* ── Rank chips on dark card headers ───────────────────────────────────── */

html[data-theme="dark"] .fw-ad-card-rank-toggle--rising {
    background: #11271a;
    border-color: #1f5132;
    color: #4ade80;
}
html[data-theme="dark"] .fw-ad-card-rank-toggle--rising:hover {
    background: #1a3324;
    border-color: #276749;
}
html[data-theme="dark"] .fw-ad-card-rank-toggle--rising:active {
    background: #1f5132;
}
html[data-theme="dark"] .fw-ad-card-rank-toggle--declining {
    background: #2a1416;
    border-color: #5c1f24;
    color: #f87171;
}
html[data-theme="dark"] .fw-ad-card-rank-toggle--declining:hover {
    background: #3d181c;
    border-color: #7f1d1d;
}
html[data-theme="dark"] .fw-ad-card-rank-toggle--declining:active {
    background: #5c1f24;
}
html[data-theme="dark"] .fw-ad-card-rank-toggle:not(.fw-ad-card-rank-toggle--rising):not(.fw-ad-card-rank-toggle--declining):hover {
    background: var(--dk-surface-3);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .fw-ad-card-rank-toggle:not(.fw-ad-card-rank-toggle--rising):not(.fw-ad-card-rank-toggle--declining):active {
    background: var(--dk-border-strong);
}

/* Ion range slider handles + selected bar */
html[data-theme="dark"] .irs-bar {
    background: var(--dk-accent) !important;
}
html[data-theme="dark"] .irs-handle {
    background: var(--dk-text) !important;
    border-color: var(--dk-accent) !important;
}
html[data-theme="dark"] .irs-from,
html[data-theme="dark"] .irs-to,
html[data-theme="dark"] .irs-single {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}

/* ── Product import (Shopify) modal ─────────────────────────────────────── */
/* Variables (--pi-*) are remapped in the palette block; below covers the
   surfaces hardcoded to white in ProductImportModal.php. */

html[data-theme="dark"] .pi-modal-container,
html[data-theme="dark"] .pi-section,
html[data-theme="dark"] .pi-body,
html[data-theme="dark"] .pi-editor-header,
html[data-theme="dark"] .pi-editor-footer,
html[data-theme="dark"] .pi-toggle-container,
html[data-theme="dark"] .pi-select-dropdown,
html[data-theme="dark"] .pi-success-container {
    background: var(--dk-surface) !important;
}
html[data-theme="dark"] .pi-editor-body {
    background: var(--dk-bg) !important;
}
html[data-theme="dark"] .pi-thumbnail-box,
html[data-theme="dark"] .pi-carousel-item {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .pi-dropdown-trigger {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .pi-dropdown-trigger:hover {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .pi-input {
    background: transparent !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .pi-input-suffix {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .pi-toggle-slider {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .pi-icon-box-subtle {
    background: rgba(150, 191, 72, 0.12);
}
html[data-theme="dark"] .pi-header-minimal {
    border-bottom-color: var(--dk-border);
}

/* ── TikTok Shop ─────────────────────────────────────────────────────────── */

/* Detail flat tokens (tiktok-detail-flat.css) */
html[data-theme="dark"] {
    --flat-border: var(--dk-border);
    --flat-border-hover: var(--dk-border-strong);
    --flat-border-active: var(--dk-accent);
    --flat-bg: var(--dk-surface);
    --flat-bg-muted: var(--dk-surface-deep);
    --flat-bg-hover: var(--dk-surface-2);
    --flat-bg-active: rgba(34, 90, 234, 0.12);
    --flat-text-primary: var(--dk-text);
    --flat-text-secondary: var(--dk-text-2);
    --flat-text-muted: var(--dk-text-3);
}

/* Extra Tailwind neutrals used on TikTok Shop tables/tiles */
html[data-theme="dark"] .bg-neutral-50,
html[data-theme="dark"] .bg-neutral-100 {
    background-color: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .border-neutral-200,
html[data-theme="dark"] .border-zinc-100,
html[data-theme="dark"] .border-zinc-200,
html[data-theme="dark"] .border-zinc-300,
html[data-theme="dark"] .border-zinc-200\/90,
html[data-theme="dark"] .border-slate-200\/90,
html[data-theme="dark"] .border-slate-200\/80 {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .text-zinc-500,
html[data-theme="dark"] .text-zinc-600,
html[data-theme="dark"] .text-zinc-700,
html[data-theme="dark"] .text-zinc-800 {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .divide-zinc-200 > *,
html[data-theme="dark"] .divide-gray-50 > * {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .hover\:border-zinc-300:hover {
    border-color: var(--dk-border-strong) !important;
}

/* List page header + tabs */
html[data-theme="dark"] .tiktokshop-page-header {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell .fs-active-bar {
    background: var(--dk-surface);
    border-color: var(--dk-border);
}
html[data-theme="dark"] .tiktok-shop-page-shell #tiktok-category-table,
html[data-theme="dark"] .tiktok-shop-page-shell #tiktok-shop-table,
html[data-theme="dark"] .tiktok-shop-page-shell #tiktok-shop-table-clean,
html[data-theme="dark"] .tiktok-shop-page-shell #tiktok-creator-table,
html[data-theme="dark"] .tiktok-shop-page-shell #tiktok-product-table,
html[data-theme="dark"] .tiktok-shop-page-shell #tiktok-video-table {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell {
    --tiktokshop-tab-active-bg: var(--dk-surface);
    --tiktokshop-tab-rail-bg: var(--dk-surface);
    --tiktokshop-tab-connect-bg: var(--dk-surface);
}
html[data-theme="dark"] .tiktokshop-header-top,
html[data-theme="dark"] .tiktokshop-tabs-container {
    background-color: transparent !important;
}
html[data-theme="dark"] .tiktokshop-header-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktokshop-header-subtitle {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tiktokshop-page-header .tiktokshop-tabs-container {
    box-shadow: inset 0 -1px 0 var(--dk-border) !important;
}
html[data-theme="dark"] .tiktokshop-page-header .tiktokshop-tabs-scroll.std-store-top-tabs {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .tiktokshop-page-header .tiktokshop-tab-btn.std-store-top-tab {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tiktokshop-page-header .tiktokshop-tab-btn.std-store-top-tab.is-active,
html[data-theme="dark"] .tiktokshop-page-header .tiktokshop-tab-btn.std-store-top-tab.active {
    background: var(--tiktokshop-tab-active-bg, var(--dk-surface)) !important;
    border-color: var(--dk-border) !important;
    border-bottom: none !important;
    box-shadow: none !important;
    color: var(--dk-accent) !important;
    font-weight: 600 !important;
}
html[data-theme="dark"] .tiktokshop-page-header .tiktokshop-tabs-scroll .tiktokshop-tab-btn.std-store-top-tab.is-active::before,
html[data-theme="dark"] .tiktokshop-page-header .tiktokshop-tabs-scroll .tiktokshop-tab-btn.std-store-top-tab.active::before {
    background: radial-gradient(
        circle 8px at 0 0,
        var(--tiktokshop-tab-active-bg, var(--dk-surface)) 7px,
        var(--dk-border) 8px,
        var(--tiktokshop-tab-rail-bg, var(--dk-surface)) 8px
    ) !important;
}
html[data-theme="dark"] .tiktokshop-page-header .tiktokshop-tabs-scroll .tiktokshop-tab-btn.std-store-top-tab.is-active::after,
html[data-theme="dark"] .tiktokshop-page-header .tiktokshop-tabs-scroll .tiktokshop-tab-btn.std-store-top-tab.active::after {
    background: radial-gradient(
        circle 8px at 100% 0,
        var(--tiktokshop-tab-active-bg, var(--dk-surface)) 7px,
        var(--dk-border) 8px,
        var(--tiktokshop-tab-rail-bg, var(--dk-surface)) 8px
    ) !important;
}
html[data-theme="dark"] .tiktokshop-page-header .tiktokshop-tabs-row::before {
    background: linear-gradient(to right, var(--dk-surface) 20%, rgba(15, 23, 42, 0)) !important;
}
html[data-theme="dark"] .tiktokshop-page-header .tiktokshop-tabs-row::after {
    background: linear-gradient(to left, var(--dk-surface) 20%, rgba(15, 23, 42, 0)) !important;
}
html[data-theme="dark"] .tiktokshop-page-header .tiktokshop-tabs-scroll::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong);
}

/* Tab "New" badge (header.php hardcodes amber on cream) */
html[data-theme="dark"] .tiktokshop-tab-btn .tiktok-tab-badge {
    background: rgba(234, 179, 8, 0.16) !important;
    color: #fde68a !important;
    border-color: rgba(234, 179, 8, 0.4) !important;
}

/* Ranking table shells */
html[data-theme="dark"] #tiktok-shop-table,
html[data-theme="dark"] #tiktok-category-table,
html[data-theme="dark"] #tiktok-creator-table,
html[data-theme="dark"] #tiktok-product-table,
html[data-theme="dark"] #tiktok-video-table,
html[data-theme="dark"] #tiktok-shop-table-clean {
    background-color: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell .border-\[\#eeeff2\],
html[data-theme="dark"] .tiktok-shop-page-shell .border-\[\#f1f1f3\],
html[data-theme="dark"] .tiktok-detail-page-shell .border-\[\#eeeff2\],
html[data-theme="dark"] .tiktok-detail-page-shell .border-\[\#f1f1f3\] {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell .bg-\[\#fcfcfc\],
html[data-theme="dark"] .tiktok-shop-page-shell [class*="-quick-search-btn"].border-dashed {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell [class*="-quick-search-btn"].border-dashed .quick-filter-text {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell [class*="-quick-search-btn"].border-dashed:hover {
    background-color: var(--dk-surface-3) !important;
    border-color: var(--dk-accent) !important;
}

/* Table rows, headers, sticky columns */
html[data-theme="dark"] .shop-row:hover,
html[data-theme="dark"] .creator-row:hover,
html[data-theme="dark"] .product-row:hover,
html[data-theme="dark"] .video-row:hover,
html[data-theme="dark"] .category-row:hover {
    background-color: var(--dk-surface-2) !important;
}
/* Skeleton rows lack .shop-row etc., so styles.css tr:hover (#f2f6ff) would flash */
html[data-theme="dark"] .tiktok-shop-page-shell tbody tr:has(.tts-skel-block):hover,
html[data-theme="dark"] .tiktok-shop-page-shell tbody tr:has(.tts-skel-block):hover td {
    background-color: transparent !important;
    cursor: default !important;
}
/* Skeleton rows lack .shop-row etc., so styles.css tr:hover (#f2f6ff) would flash */
html[data-theme="dark"] .tiktok-shop-page-shell tbody tr:has(.tts-skel-block):hover,
html[data-theme="dark"] .tiktok-shop-page-shell tbody tr:has(.tts-skel-block):hover td {
    background-color: transparent !important;
    cursor: default !important;
}
/* Sortable column headers — Tailwind hover:bg-gray-50 flashes light without this */
html[data-theme="dark"] #tiktok-shop-table thead,
html[data-theme="dark"] #tiktok-category-table thead,
html[data-theme="dark"] #tiktok-creator-table thead,
html[data-theme="dark"] #tiktok-product-table thead,
html[data-theme="dark"] #tiktok-video-table thead,
html[data-theme="dark"] #tiktok-shop-table-clean thead {
    background-color: var(--dk-surface) !important;
}
html[data-theme="dark"] #tiktok-shop-table thead th,
html[data-theme="dark"] #tiktok-category-table thead th,
html[data-theme="dark"] #tiktok-creator-table thead th,
html[data-theme="dark"] #tiktok-product-table thead th,
html[data-theme="dark"] #tiktok-video-table thead th,
html[data-theme="dark"] #tiktok-shop-table-clean thead th {
    background-color: var(--dk-surface) !important;
}
html[data-theme="dark"] #tiktok-shop-table thead th.sortable:hover,
html[data-theme="dark"] #tiktok-category-table thead th.sortable:hover,
html[data-theme="dark"] #tiktok-creator-table thead th.sortable:hover,
html[data-theme="dark"] #tiktok-product-table thead th.sortable:hover,
html[data-theme="dark"] #tiktok-video-table thead th.sortable:hover,
html[data-theme="dark"] #tiktok-shop-table-clean thead th.sortable:hover,
html[data-theme="dark"] .tiktok-shop-page-shell thead th.hover\:bg-gray-50:hover,
html[data-theme="dark"] .tiktok-shop-page-shell thead th.sortable:hover,
html[data-theme="dark"] .tiktok-shop-page-shell thead th.sticky-col:hover {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .sticky-col {
    background-color: var(--dk-surface) !important;
}
html[data-theme="dark"] .sticky-col::after {
    background-color: var(--dk-border) !important;
}
html[data-theme="dark"] .minimal-scrollbar::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong);
}
html[data-theme="dark"] .minimal-scrollbar {
    scrollbar-color: var(--dk-border-strong) transparent;
}

/* Metric badges (list tabs) */
html[data-theme="dark"] .metric-badge {
    --badge-bg: var(--dk-surface-2);
    --badge-border: var(--dk-border-strong);
    --badge-text: var(--dk-text-2);
}
html[data-theme="dark"] .metric-badge--neutral {
    --badge-bg: var(--dk-surface-deep);
    --badge-border: var(--dk-border);
    --badge-text: var(--dk-text-3);
}
html[data-theme="dark"] .metric-badge--positive {
    --badge-bg: rgba(74, 222, 128, 0.08);
    --badge-border: rgba(74, 222, 128, 0.18);
    --badge-text: #8fbfa3;
}
html[data-theme="dark"] .metric-badge--negative {
    --badge-bg: rgba(248, 113, 113, 0.08);
    --badge-border: rgba(248, 113, 113, 0.18);
    --badge-text: #d4a4ab;
}
html[data-theme="dark"] .metric-badge--light {
    --badge-bg: var(--dk-surface-deep);
    --badge-border: var(--dk-border);
    --badge-text: var(--dk-text-2);
}

/* Country dropdown + header controls */
html[data-theme="dark"] #countryDropdown,
html[data-theme="dark"] .tiktokshop-page-size-menu {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] #countryDropdown::-webkit-scrollbar-thumb {
    background-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .country-option:hover,
html[data-theme="dark"] .tiktokshop-page-size-option:hover {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .country-option.country-active,
html[data-theme="dark"] .country-option.country-active.bg-blue-50,
html[data-theme="dark"] .tiktokshop-page-size-option.is-active {
    background-color: rgba(34, 90, 234, 0.2) !important;
    color: #bfdbfe !important;
}
/* Nested Tailwind blues beat the parent color — force readable contrast */
html[data-theme="dark"] .country-option.country-active .text-blue-600,
html[data-theme="dark"] .country-option.country-active .text-blue-700,
html[data-theme="dark"] .country-option.country-active .country-checkmark {
    color: #bfdbfe !important;
}
html[data-theme="dark"] .country-option.country-locked {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .country-option.country-locked:hover {
    background-color: transparent !important;
}
html[data-theme="dark"] .country-option.country-locked .text-gray-400 {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .country-request-btn {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .country-request-btn:hover {
    background-color: rgba(34, 90, 234, 0.2) !important;
    color: #bfdbfe !important;
}
html[data-theme="dark"] #countrySelector:hover,
html[data-theme="dark"] #tiktokshop-page-size-trigger:hover,
html[data-theme="dark"] #tiktokshop-products-view-toggle:hover {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] #countrySelector {
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .tiktokshop-page-size-trigger {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktokshop-page-size-trigger[aria-expanded="true"] {
    background-color: rgba(34, 90, 234, 0.14) !important;
    border-color: rgba(59, 130, 246, 0.55) !important;
}
html[data-theme="dark"] .tiktokshop-page-size-chevron {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .tiktok-page-size-prefix {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .tiktokshop-page-size-option {
    color: var(--dk-text) !important;
}

/* Credits notice + exhausted overlay (TiktokShop.php) */
html[data-theme="dark"] .credits-exhausted-overlay {
    background-color: rgba(14, 16, 20, 0.72) !important;
}
html[data-theme="dark"] .credits-exhausted-box {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
html[data-theme="dark"] .credits-exhausted-box h3 {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .credits-exhausted-box p {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .credits-skeleton {
    background: linear-gradient(90deg, var(--dk-surface-2) 25%, var(--dk-surface-3) 50%, var(--dk-surface-2) 75%) !important;
    background-size: 200% 100% !important;
}

/* Skeleton shimmer */
html[data-theme="dark"] .tts-skel-block,
html[data-theme="dark"] .skeleton-value,
html[data-theme="dark"] [id$="-skeleton"],
html[data-theme="dark"] .tp-review-skeleton-avatar,
html[data-theme="dark"] .tp-review-skeleton-line,
html[data-theme="dark"] .tp-review-skeleton-rating,
html[data-theme="dark"] .similar-products-skeleton-image,
html[data-theme="dark"] .similar-products-skeleton-line,
html[data-theme="dark"] .filter-skeleton-bar {
    background: linear-gradient(90deg, var(--dk-surface-2) 0%, var(--dk-surface-3) 45%, var(--dk-surface-2) 55%, var(--dk-surface-2) 100%) !important;
    background-size: 200% 100% !important;
}

/* Column picker + /ads sort control — beat #ad-results-sort-slot light hardcoded colors */
html[data-theme="dark"] .tts-cp-btn,
html[data-theme="dark"] #ad-results-sort-slot .tts-cp-btn.explore-landers-sort-btn {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .tts-cp-btn:hover,
html[data-theme="dark"] #ad-results-sort-slot .tts-cp-btn.explore-landers-sort-btn:hover,
html[data-theme="dark"] #ad-results-sort-slot .tts-cp-btn.explore-landers-sort-btn.is-open {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .dashboard-sort-dropdown.explore-landers-sort-dropdown,
html[data-theme="dark"] .dashboard-sort-dropdown.dashboard-sort-dropdown {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .tts-cp-btn--active {
    background: rgba(34, 90, 234, 0.15) !important;
    border-color: rgba(34, 90, 234, 0.45) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .tts-sync-strip {
    background: rgba(30, 41, 59, 0.25);
    border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .tts-sync-strip__chip {
    background: #1e293b;
}
html[data-theme="dark"] .tts-sync-strip__badge {
    background: rgba(24, 24, 27, 0.85);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
html[data-theme="dark"] .tts-sync-strip__icon {
    background: transparent;
    color: #60a5fa;
}
html[data-theme="dark"] .tts-sync-strip__title {
    color: #e2e8f0;
}
html[data-theme="dark"] .tts-sync-strip__hint {
    color: #94a3b8;
}
html[data-theme="dark"] .tts-sync-strip__equalizer i {
    background: #60a5fa;
}
html[data-theme="dark"] .explore-landers-sort-option {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .explore-landers-sort-option:hover {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-landers-sort-option.is-active {
    color: var(--dk-text) !important;
    background: transparent !important;
}
html[data-theme="dark"] .explore-landers-sort-option.is-active .explore-landers-sort-option__check {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .explore-landers-sort-dropdown__footer {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .explore-landers-sort-dropdown__dir-label {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .explore-landers-sort-dir-toggle {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .explore-landers-sort-dir-btn {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .explore-landers-sort-dir-btn:hover:not(.is-active) {
    color: var(--dk-text-2) !important;
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .explore-landers-sort-dir-btn.is-active {
    background: var(--dk-surface) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .tts-cp-dropdown {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .tts-cp-header {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tts-cp-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tts-cp-row:hover {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .tts-cp-section-label,
html[data-theme="dark"] .tts-cp-row--pinned {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .tts-cp-divider {
    background: var(--dk-border) !important;
}
html[data-theme="dark"] .tts-cp-toggle {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}

/* Search suggestions dropdown */
html[data-theme="dark"] .tts-search-dropdown {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .tts-search-dropdown__item {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tts-search-dropdown__item:hover,
html[data-theme="dark"] .tts-search-dropdown__item--selected {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .tts-search-dropdown__item-text {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tts-search-dropdown__item-img,
html[data-theme="dark"] .tts-search-dropdown__item-img--placeholder,
html[data-theme="dark"] .tts-search-dropdown__item-img.is-broken {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .tts-search-dropdown__empty-text,
html[data-theme="dark"] .tts-search-dropdown__loading-text,
html[data-theme="dark"] .tts-search-dropdown__hint {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .tts-search-dropdown__hint {
    background: var(--dk-surface-deep) !important;
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tts-search-dropdown__kbd {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tts-search-dropdown__item-text mark {
    background-color: rgba(234, 179, 8, 0.2) !important;
    color: #fde68a !important;
}
html[data-theme="dark"] .tts-search-dropdown::-webkit-scrollbar-track {
    background: var(--dk-surface-deep);
}
html[data-theme="dark"] .tts-search-dropdown::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong);
}

/* Transcript trigger on table rows */
html[data-theme="dark"] .ttvs-trigger-btn:not(.ttvs-trigger-btn--tiktok):not(.ttvs-trigger-btn--download) {
    background: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
    color: var(--dk-accent) !important;
    box-shadow: none;
}
html[data-theme="dark"] .ttvs-trigger-btn:not(.ttvs-trigger-btn--tiktok):not(.ttvs-trigger-btn--download):hover {
    background: rgba(34, 90, 234, 0.2) !important;
    border-color: rgba(34, 90, 234, 0.5) !important;
    color: #bfdbfe !important;
}

/* Date selector (detail headers) */
html[data-theme="dark"] .tiktok-date-selector {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}

/* Detail page surfaces (shared partial inline styles) */
html[data-theme="dark"] .tiktok-shop-detail-page .vd-surface,
html[data-theme="dark"] .tiktok-product-detail-page .vd-surface,
html[data-theme="dark"] .tiktok-creator-detail-page .vd-surface,
html[data-theme="dark"] .tiktok-video-detail-page .vd-surface,
html[data-theme="dark"] .tiktok-category-detail-page .vd-surface {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .vd-surface--muted,
html[data-theme="dark"] .tiktok-product-detail-page .vd-surface--muted,
html[data-theme="dark"] .tiktok-creator-detail-page .vd-surface--muted,
html[data-theme="dark"] .tiktok-video-detail-page .vd-surface--muted,
html[data-theme="dark"] .tiktok-category-detail-page .vd-surface--muted {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .vd-surface.vd-metric:hover,
html[data-theme="dark"] .tiktok-product-detail-page .vd-surface.vd-metric:hover,
html[data-theme="dark"] .tiktok-creator-detail-page .vd-surface.vd-metric:hover,
html[data-theme="dark"] .tiktok-video-detail-page .vd-surface.vd-metric:hover,
html[data-theme="dark"] .tiktok-category-detail-page .vd-surface.vd-metric:hover {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}

/* Back to * link — text + icon inherit; override hardcoded light hover */
html[data-theme="dark"] .tiktok-shop-detail-page .vd-back-link,
html[data-theme="dark"] .tiktok-product-detail-page .vd-back-link,
html[data-theme="dark"] .tiktok-creator-detail-page .vd-back-link,
html[data-theme="dark"] .tiktok-video-detail-page .vd-back-link,
html[data-theme="dark"] .tiktok-category-detail-page .vd-back-link,
html[data-theme="dark"] .tiktok-detail-page-shell .vd-back-link {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .vd-back-link:hover,
html[data-theme="dark"] .tiktok-product-detail-page .vd-back-link:hover,
html[data-theme="dark"] .tiktok-creator-detail-page .vd-back-link:hover,
html[data-theme="dark"] .tiktok-video-detail-page .vd-back-link:hover,
html[data-theme="dark"] .tiktok-category-detail-page .vd-back-link:hover,
html[data-theme="dark"] .tiktok-detail-page-shell .vd-back-link:hover {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .tiktok-shop-detail-page .vd-pill-label,
html[data-theme="dark"] .tiktok-product-detail-page .vd-pill-label,
html[data-theme="dark"] .tiktok-creator-detail-page .vd-pill-label,
html[data-theme="dark"] .tiktok-video-detail-page .vd-pill-label,
html[data-theme="dark"] .tiktok-category-detail-page .vd-pill-label {
    color: var(--dk-text-2) !important;
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .tp-card,
html[data-theme="dark"] .tiktok-product-detail-page .tp-card,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-card,
html[data-theme="dark"] .tiktok-video-detail-page .tp-card,
html[data-theme="dark"] .tiktok-category-detail-page .tp-card,
html[data-theme="dark"] .tiktok-shop-detail-page .tp-main-chart-section,
html[data-theme="dark"] .tiktok-product-detail-page .tp-main-chart-section,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-main-chart-section,
html[data-theme="dark"] .tiktok-video-detail-page .tp-main-chart-section,
html[data-theme="dark"] .tiktok-category-detail-page .tp-main-chart-section,
html[data-theme="dark"] .tiktok-shop-detail-page .tp-trend-card,
html[data-theme="dark"] .tiktok-product-detail-page .tp-trend-card,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-trend-card,
html[data-theme="dark"] .tiktok-video-detail-page .tp-trend-card,
html[data-theme="dark"] .tiktok-category-detail-page .tp-trend-card,
html[data-theme="dark"] .tiktok-shop-detail-page .metric-card,
html[data-theme="dark"] .tiktok-product-detail-page .metric-card,
html[data-theme="dark"] .tiktok-creator-detail-page .metric-card,
html[data-theme="dark"] .tiktok-video-detail-page .metric-card,
html[data-theme="dark"] .tiktok-category-detail-page .metric-card,
html[data-theme="dark"] .tiktok-shop-detail-page .tp-stat-card,
html[data-theme="dark"] .tiktok-product-detail-page .tp-stat-card,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-stat-card,
html[data-theme="dark"] .tiktok-video-detail-page .tp-stat-card,
html[data-theme="dark"] .tiktok-category-detail-page .tp-stat-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .tp-trend-card:hover,
html[data-theme="dark"] .tiktok-product-detail-page .tp-trend-card:hover,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-trend-card:hover,
html[data-theme="dark"] .tiktok-video-detail-page .tp-trend-card:hover,
html[data-theme="dark"] .tiktok-category-detail-page .tp-trend-card:hover,
html[data-theme="dark"] .tiktok-shop-detail-page .metric-card:hover,
html[data-theme="dark"] .tiktok-product-detail-page .metric-card:hover,
html[data-theme="dark"] .tiktok-creator-detail-page .metric-card:hover,
html[data-theme="dark"] .tiktok-video-detail-page .metric-card:hover,
html[data-theme="dark"] .tiktok-category-detail-page .metric-card:hover,
html[data-theme="dark"] .tiktok-shop-detail-page .tp-stat-card:hover,
html[data-theme="dark"] .tiktok-product-detail-page .tp-stat-card:hover,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-stat-card:hover,
html[data-theme="dark"] .tiktok-video-detail-page .tp-stat-card:hover,
html[data-theme="dark"] .tiktok-category-detail-page .tp-stat-card:hover {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .tp-date-wrapper,
html[data-theme="dark"] .tiktok-product-detail-page .tp-date-wrapper,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-date-wrapper,
html[data-theme="dark"] .tiktok-video-detail-page .tp-date-wrapper,
html[data-theme="dark"] .tiktok-category-detail-page .tp-date-wrapper,
html[data-theme="dark"] .tiktok-detail-page-shell .tp-date-wrapper {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .tp-date-selector,
html[data-theme="dark"] .tiktok-product-detail-page .tp-date-selector,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-date-selector,
html[data-theme="dark"] .tiktok-video-detail-page .tp-date-selector,
html[data-theme="dark"] .tiktok-category-detail-page .tp-date-selector,
html[data-theme="dark"] .tiktok-detail-page-shell .tp-date-selector {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .tp-section-nav,
html[data-theme="dark"] .tiktok-product-detail-page .tp-section-nav,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-section-nav,
html[data-theme="dark"] .tiktok-video-detail-page .tp-section-nav,
html[data-theme="dark"] .tiktok-category-detail-page .tp-section-nav {
    background: transparent !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .tp-section-nav-inner,
html[data-theme="dark"] .tiktok-product-detail-page .tp-section-nav-inner,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-section-nav-inner,
html[data-theme="dark"] .tiktok-video-detail-page .tp-section-nav-inner,
html[data-theme="dark"] .tiktok-category-detail-page .tp-section-nav-inner {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .tp-section-nav-item,
html[data-theme="dark"] .tiktok-product-detail-page .tp-section-nav-item,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-section-nav-item,
html[data-theme="dark"] .tiktok-video-detail-page .tp-section-nav-item,
html[data-theme="dark"] .tiktok-category-detail-page .tp-section-nav-item {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .tp-section-nav-item:hover,
html[data-theme="dark"] .tiktok-product-detail-page .tp-section-nav-item:hover,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-section-nav-item:hover,
html[data-theme="dark"] .tiktok-video-detail-page .tp-section-nav-item:hover,
html[data-theme="dark"] .tiktok-category-detail-page .tp-section-nav-item:hover {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .tp-section-nav-item.active,
html[data-theme="dark"] .tiktok-product-detail-page .tp-section-nav-item.active,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-section-nav-item.active,
html[data-theme="dark"] .tiktok-video-detail-page .tp-section-nav-item.active,
html[data-theme="dark"] .tiktok-category-detail-page .tp-section-nav-item.active {
    background: rgba(34, 90, 234, 0.12) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .tp-metric-label,
html[data-theme="dark"] .tiktok-product-detail-page .tp-metric-label,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-metric-label,
html[data-theme="dark"] .tiktok-video-detail-page .tp-metric-label,
html[data-theme="dark"] .tiktok-category-detail-page .tp-metric-label,
html[data-theme="dark"] .tiktok-shop-detail-page .tp-stat-label,
html[data-theme="dark"] .tiktok-product-detail-page .tp-stat-label,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-stat-label,
html[data-theme="dark"] .tiktok-video-detail-page .tp-stat-label,
html[data-theme="dark"] .tiktok-category-detail-page .tp-stat-label {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .tp-metric-value,
html[data-theme="dark"] .tiktok-product-detail-page .tp-metric-value,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-metric-value,
html[data-theme="dark"] .tiktok-video-detail-page .tp-metric-value,
html[data-theme="dark"] .tiktok-category-detail-page .tp-metric-value,
html[data-theme="dark"] .tiktok-shop-detail-page .tp-stat-value,
html[data-theme="dark"] .tiktok-product-detail-page .tp-stat-value,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-stat-value,
html[data-theme="dark"] .tiktok-video-detail-page .tp-stat-value,
html[data-theme="dark"] .tiktok-category-detail-page .tp-stat-value {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .metric-badge,
html[data-theme="dark"] .tiktok-product-detail-page .metric-badge,
html[data-theme="dark"] .tiktok-creator-detail-page .metric-badge,
html[data-theme="dark"] .tiktok-video-detail-page .metric-badge,
html[data-theme="dark"] .tiktok-category-detail-page .metric-badge {
    --badge-bg: var(--dk-surface-2);
    --badge-border: var(--dk-border-strong);
    --badge-text: var(--dk-text-2);
}
html[data-theme="dark"] .tiktok-shop-detail-page .metric-badge--positive,
html[data-theme="dark"] .tiktok-product-detail-page .metric-badge--positive,
html[data-theme="dark"] .tiktok-creator-detail-page .metric-badge--positive,
html[data-theme="dark"] .tiktok-video-detail-page .metric-badge--positive,
html[data-theme="dark"] .tiktok-category-detail-page .metric-badge--positive {
    --badge-bg: rgba(74, 222, 128, 0.08);
    --badge-border: rgba(74, 222, 128, 0.18);
    --badge-text: #8fbfa3;
}
html[data-theme="dark"] .tiktok-shop-detail-page .metric-badge--negative,
html[data-theme="dark"] .tiktok-product-detail-page .metric-badge--negative,
html[data-theme="dark"] .tiktok-creator-detail-page .metric-badge--negative,
html[data-theme="dark"] .tiktok-video-detail-page .metric-badge--negative,
html[data-theme="dark"] .tiktok-category-detail-page .metric-badge--negative {
    --badge-bg: rgba(248, 113, 113, 0.08);
    --badge-border: rgba(248, 113, 113, 0.18);
    --badge-text: #d4a4ab;
}

/* Product / video tiles (JS-rendered) */
html[data-theme="dark"] .product-tile,
html[data-theme="dark"] .video-tile {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .product-tile:hover,
html[data-theme="dark"] .video-tile:hover {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}

/* Table empty state */
html[data-theme="dark"] .table-empty {
    color: var(--dk-text-3);
}

/* ── TikTok Shop: white-leak & contrast fixes ───────────────────────────── */

/* Scoped arbitrary text colors (Tailwind hex utilities) */
html[data-theme="dark"] .tiktok-shop-page-shell .text-\[\#71717b\],
html[data-theme="dark"] .tiktok-shop-page-shell .text-\[\#71717B\],
html[data-theme="dark"] .tiktok-detail-page-shell .text-\[\#71717b\],
html[data-theme="dark"] .tiktok-detail-page-shell .text-\[\#71717B\],
html[data-theme="dark"] .tiktok-shop-detail-page .text-\[\#71717b\],
html[data-theme="dark"] .tiktok-product-detail-page .text-\[\#71717b\],
html[data-theme="dark"] .tiktok-creator-detail-page .text-\[\#71717b\],
html[data-theme="dark"] .tiktok-video-detail-page .text-\[\#71717b\],
html[data-theme="dark"] .tiktok-category-detail-page .text-\[\#71717b\] {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell .text-\[\#9f9fa9\],
html[data-theme="dark"] .tiktok-shop-page-shell .text-\[\#9F9FA9\],
html[data-theme="dark"] .tiktok-shop-page-shell .text-\[\#9ca3af\],
html[data-theme="dark"] .tiktok-detail-page-shell .text-\[\#9f9fa9\],
html[data-theme="dark"] .tiktok-detail-page-shell .text-\[\#9ca3af\] {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell .text-\[\#52525c\],
html[data-theme="dark"] .tiktok-shop-page-shell .text-\[\#52525C\],
html[data-theme="dark"] .tiktok-detail-page-shell .text-\[\#52525c\],
html[data-theme="dark"] .tiktok-detail-page-shell .text-\[\#52525C\],
html[data-theme="dark"] .tiktok-shop-detail-page .text-\[\#52525c\],
html[data-theme="dark"] .tiktok-product-detail-page .text-\[\#52525c\],
html[data-theme="dark"] .tiktok-creator-detail-page .text-\[\#52525c\],
html[data-theme="dark"] .tiktok-video-detail-page .text-\[\#52525c\],
html[data-theme="dark"] .tiktok-category-detail-page .text-\[\#52525c\] {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell .text-\[\#1e40af\] {
    color: #93c5fd !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell input.text-\[\#9f9fa9\]::placeholder {
    color: var(--dk-text-3) !important;
}

/* Quick-filter / search hovers (Tailwind blue tints) */
html[data-theme="dark"] .hover\:bg-blue-50:hover {
    background-color: rgba(34, 90, 234, 0.12) !important;
}
html[data-theme="dark"] .hover\:border-blue-200\/90:hover {
    border-color: rgba(34, 90, 234, 0.35) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell [class*="-quick-search-btn"] .hover\:text-blue-900\/90:hover,
html[data-theme="dark"] .tiktok-shop-page-shell .quick-filter-text.hover\:text-blue-900\/90:hover {
    color: #bfdbfe !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell .border-\[\#dcdfe4\] {
    border-color: var(--dk-border-strong) !important;
}

/* Search bar inner box + table toolbar surfaces */
html[data-theme="dark"] .tiktok-shop-page-shell .rounded-lg.bg-white.border,
html[data-theme="dark"] .tiktok-shop-page-shell .rounded-lg.bg-white.border-\[\#f1f1f3\] {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell .tts-search-shell:focus-within {
    border-color: var(--dk-accent) !important;
    box-shadow: inset 0 0 0 1px var(--dk-accent) !important;
}

/* Credits notice chips in header — light blues on tinted navy for contrast */
html[data-theme="dark"] .tiktokshop-header-top .bg-green-50 {
    background-color: rgba(34, 197, 94, 0.14) !important;
    border-color: rgba(34, 197, 94, 0.4) !important;
}
html[data-theme="dark"] .tiktokshop-header-top .border-green-200 {
    border-color: rgba(34, 197, 94, 0.4) !important;
}
html[data-theme="dark"] .tiktokshop-header-top .text-green-700,
html[data-theme="dark"] .tiktokshop-header-top .text-green-600 {
    color: #86efac !important;
}
html[data-theme="dark"] .tiktokshop-header-top .bg-blue-50 {
    background-color: rgba(34, 90, 234, 0.16) !important;
    border-color: rgba(96, 165, 250, 0.4) !important;
}
html[data-theme="dark"] .tiktokshop-header-top .border-blue-200 {
    border-color: rgba(96, 165, 250, 0.4) !important;
}
html[data-theme="dark"] .tiktokshop-header-top .text-blue-700,
html[data-theme="dark"] .tiktokshop-header-top .text-blue-600 {
    color: #93c5fd !important;
}
html[data-theme="dark"] .tiktok-credits-exhausted {
    background: rgba(244, 63, 94, 0.14) !important;
    border-color: rgba(244, 63, 94, 0.4) !important;
}
html[data-theme="dark"] .tiktok-credits-exhausted span,
html[data-theme="dark"] .tiktok-credits-exhausted svg {
    color: #fda4af !important;
}

/* Filter rail + related chrome — dark tokens (also on :root so modal/dropdown inherit) */
html[data-theme="dark"] {
    --fs-bg: var(--app-surface, #15181e);
    --fs-bg-light: var(--app-surface-hov, #1b1f27);
    --fs-border: var(--app-border, #2c323d);
    --fs-text: var(--app-text, #ffffff);
    --fs-text-muted: var(--app-text-2, #bcc5d4);
    --fs-text-dim: var(--app-text-3, #7c8699);
    --fs-hover: rgba(255, 255, 255, 0.05);
    --fs-active-bg: var(--app-primary-soft, rgba(59, 130, 246, 0.16));
    --fs-accent: var(--app-primary, #3b76ff);
    --fs-accent-hover: var(--app-primary-hover, #2b66f0);
}
html[data-theme="dark"] #filterSidebar.tts-filter-drawer {
    background-color: var(--app-chrome-bg, var(--fs-bg));
    background-image: var(--app-chrome-gradient);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-right-color: var(--fs-border);
}
html[data-theme="dark"] #filterSidebar .fs-actions {
    background: transparent;
}
html[data-theme="dark"] .tts-filter-overlay {
    background: rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .tts-filters-toggle {
    background: var(--app-surface, #15181e);
    border-color: var(--app-border, #2c323d);
    color: var(--app-text-2, #bcc5d4);
}
html[data-theme="dark"] .tts-filters-toggle:hover {
    background: var(--app-surface-hov, #1b1f27);
    color: var(--app-text, #ffffff);
}
html[data-theme="dark"] body.tts-filters-open .tts-filters-toggle {
    background: var(--app-primary-soft, rgba(59, 130, 246, 0.16));
    border-color: rgba(59, 130, 246, 0.35);
    color: var(--app-primary-text, #8fb0ff);
}
html[data-theme="dark"] .filter-skeleton-bar {
    background: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .fs-active-bar__label {
    color: var(--fs-text-dim);
}
html[data-theme="dark"] .fs-active-chip {
    background: var(--fs-bg-light);
    border-color: var(--fs-border);
    color: var(--fs-text);
}
html[data-theme="dark"] .fs-active-chip__label {
    color: var(--fs-text-dim);
}
html[data-theme="dark"] .fs-active-chip__value {
    color: var(--fs-text);
}
html[data-theme="dark"] .fs-active-chip__remove:hover {
    background: rgba(255, 255, 255, 0.08);
    color: var(--fs-text);
}
html[data-theme="dark"] .fs-active-clear {
    color: var(--fs-accent);
}
html[data-theme="dark"] .fs-header,
html[data-theme="dark"] .fs-actions,
html[data-theme="dark"] .fs-divider {
    border-color: var(--fs-border);
}
html[data-theme="dark"] .fs-date-toggle-btn.active {
    background: var(--fs-active-bg);
    color: var(--fs-accent);
}
html[data-theme="dark"] #clearFiltersBtn {
    background: var(--fs-bg-light);
    color: var(--fs-text-muted);
    border-color: var(--fs-border);
}
html[data-theme="dark"] #clearFiltersBtn:hover {
    color: var(--fs-text);
    background: var(--fs-hover);
}
html[data-theme="dark"] #saveFiltersBtn {
    background: var(--fs-accent);
    color: #fff;
}
html[data-theme="dark"] #filterSidebar .filter-custom-range input[type="text"],
html[data-theme="dark"] #filterSidebar .filter-custom-range .filter-custom-apply {
    background: var(--fs-bg-light);
    border-color: var(--fs-border);
    color: var(--fs-text);
}
html[data-theme="dark"] #filterSidebar .filter-custom-range input[type="text"]::placeholder,
html[data-theme="dark"] #filterSidebar .filter-custom-range-sep {
    color: var(--fs-text-dim);
}
html[data-theme="dark"] #filterSidebar .filter-custom-range input[type="text"]:focus {
    background: var(--fs-bg);
    border-color: var(--fs-accent);
}
html[data-theme="dark"] #filterSidebar .filter-section-toggle span,
html[data-theme="dark"] #filterSidebar .filter-section-toggle p,
html[data-theme="dark"] #filterSidebar .fs-date-toggle-label,
html[data-theme="dark"] #filterSidebar .fs-header span {
    color: var(--fs-text);
}
html[data-theme="dark"] #filterSidebar .fs-section-title {
    color: var(--fs-text-dim);
}
html[data-theme="dark"] #filterSidebar .fs-preset-item__name {
    color: var(--fs-text-muted);
}
html[data-theme="dark"] #filterSidebar .fs-preset-item.fs-preset-active .fs-preset-item__name {
    color: var(--fs-accent);
}
html[data-theme="dark"] #catDropdown .cat-retry-link {
    color: var(--fs-text-muted);
}
html[data-theme="dark"] #catDropdown .cat-retry-link:hover {
    color: var(--fs-text);
}
html[data-theme="dark"] #filterSidebar .filter-radio-outer {
    border-color: var(--fs-border);
}
html[data-theme="dark"] #filterSidebar .filter-radio-inner {
    background: var(--fs-bg);
}
html[data-theme="dark"] .fs-modal-content {
    background: #09090b;
    background-color: #09090b;
    border-color: #27272a;
    color: #fafafa;
}
html[data-theme="dark"] .fs-modal-content input {
    background: #18181b;
    border-color: #27272a;
    color: #fafafa;
}
/* Category dropdown (fixed panel, inherits --fs-* from dark :root) */
html[data-theme="dark"] #catDropdown .cat-panel-inner {
    background: var(--fs-bg);
    border-color: var(--fs-border);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] #catDropdown .cat-search-box {
    background: var(--fs-bg-light);
    border-color: var(--fs-border);
}
html[data-theme="dark"] #catDropdown .cat-search-box:focus-within {
    background: var(--fs-bg);
    border-color: var(--fs-accent);
}
html[data-theme="dark"] #catDropdown .cat-search-box input {
    color: var(--fs-text);
}
html[data-theme="dark"] #catDropdown .cat-item-name {
    color: var(--fs-text);
}
html[data-theme="dark"] #catDropdown .cat-item:hover {
    background: var(--fs-hover);
}
html[data-theme="dark"] #catDropdown .cat-item.active {
    background: var(--fs-active-bg);
}
html[data-theme="dark"] #catDropdown .cat-item.active .cat-item-name {
    color: var(--fs-accent);
}
html[data-theme="dark"] #catDropdown .cat-item-check {
    border-color: var(--fs-border);
}
html[data-theme="dark"] #catDropdown .cat-bulk-btn,
html[data-theme="dark"] #catDropdown .cat-mode-btn {
    background: var(--fs-bg-light);
    border-color: var(--fs-border);
    color: var(--fs-text-muted);
}
html[data-theme="dark"] #catDropdown .cat-mode-btn.active[data-mode="include"] {
    background: var(--fs-active-bg);
    border-color: rgba(59, 130, 246, 0.35);
    color: var(--fs-accent);
}
html[data-theme="dark"] #catDropdown .cat-path-hint {
    color: var(--fs-text-dim) !important;
}
/* Delete-preset modal (JS-built; inline styles need !important) */
html[data-theme="dark"] .ttshop-filter-preset-delete-modal {
    background: var(--app-surface, #15181e) !important;
    border: 1px solid var(--app-border, #2c323d) !important;
    color: var(--app-text, #fff);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] .ttshop-filter-preset-delete-modal h3 {
    color: var(--app-text, #fff) !important;
}
html[data-theme="dark"] .ttshop-filter-preset-delete-modal p {
    color: var(--app-text-2, #bcc5d4) !important;
}
html[data-theme="dark"] .ttshop-filter-preset-delete-cancel {
    background: var(--app-surface-hov, #1b1f27) !important;
    color: var(--app-text-2, #bcc5d4) !important;
    border-color: var(--app-border, #2c323d) !important;
}
html[data-theme="dark"] .ttshop-filter-preset-delete-close path {
    stroke: var(--app-text-3, #7c8699) !important;
}

/* Search / back / row icons with hardcoded stroke hex */
html[data-theme="dark"] .tiktok-shop-page-shell svg path[stroke="#9F9FA9"],
html[data-theme="dark"] .tiktok-shop-page-shell svg path[stroke="#9f9fa9"],
html[data-theme="dark"] .tiktok-shop-page-shell svg path[stroke="#6B7280"],
html[data-theme="dark"] .tiktok-shop-page-shell svg path[stroke="#6b7280"],
html[data-theme="dark"] .tiktok-shop-page-shell svg path[stroke="#1C274C"],
html[data-theme="dark"] .tiktok-shop-page-shell svg path[stroke="#1c274c"],
html[data-theme="dark"] .tiktok-detail-page-shell svg path[stroke="#52525C"],
html[data-theme="dark"] .tiktok-detail-page-shell svg path[stroke="#52525c"],
html[data-theme="dark"] .tiktok-shop-detail-page svg path[stroke="#52525C"],
html[data-theme="dark"] .tiktok-product-detail-page svg path[stroke="#52525C"],
html[data-theme="dark"] .tiktok-creator-detail-page svg path[stroke="#52525C"],
html[data-theme="dark"] .tiktok-video-detail-page svg path[stroke="#52525C"],
html[data-theme="dark"] .tiktok-category-detail-page svg path[stroke="#52525C"],
html[data-theme="dark"] .tiktok-detail-page-shell svg path[stroke="#4b5563"],
html[data-theme="dark"] .tiktok-shop-detail-page svg path[stroke="#4b5563"],
html[data-theme="dark"] .tiktok-product-detail-page svg path[stroke="#4b5563"],
html[data-theme="dark"] .tiktok-creator-detail-page svg path[stroke="#4b5563"],
html[data-theme="dark"] .tiktok-video-detail-page svg path[stroke="#4b5563"],
html[data-theme="dark"] .tiktok-category-detail-page svg path[stroke="#4b5563"],
html[data-theme="dark"] .tiktok-detail-ranking-scope svg path[stroke="#9CA3AF"],
html[data-theme="dark"] .tiktok-detail-ranking-scope svg path[stroke="#9ca3af"] {
    stroke: var(--dk-text-3) !important;
}
html[data-theme="dark"] .tiktok-detail-page-shell svg path[fill="#D1D1D1"],
html[data-theme="dark"] .tiktok-shop-detail-page svg path[fill="#D1D1D1"],
html[data-theme="dark"] .tiktok-product-detail-page svg path[fill="#D1D1D1"],
html[data-theme="dark"] .tiktok-creator-detail-page svg path[fill="#D1D1D1"],
html[data-theme="dark"] .tiktok-video-detail-page svg path[fill="#D1D1D1"],
html[data-theme="dark"] .tiktok-category-detail-page svg path[fill="#D1D1D1"] {
    fill: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell svg path[fill="#E5E7EB"],
html[data-theme="dark"] .tiktok-shop-page-shell svg path[fill="#e5e7eb"],
html[data-theme="dark"] .tiktok-shop-page-shell svg circle[fill="#FFFBEB"],
html[data-theme="dark"] .tiktok-shop-page-shell svg circle[fill="#fffbeb"],
html[data-theme="dark"] .tiktok-shop-page-shell svg [fill="#FFFBEB"],
html[data-theme="dark"] .tiktok-shop-page-shell svg [fill="#fffbeb"] {
    fill: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .hover\:bg-zinc-50:hover {
    background-color: var(--dk-surface-2) !important;
}

/* Empty / error states (renderers.js + table-common.php) */
html[data-theme="dark"] .tiktok-shop-page-shell .from-gray-100 {
    --tw-gradient-from: var(--dk-surface-2) !important;
    --tw-gradient-to: rgb(27 31 39 / 0) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell .to-gray-50 {
    --tw-gradient-to: var(--dk-surface) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell .text-gray-200 {
    color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell .text-neutral-900,
html[data-theme="dark"] .tiktok-shop-page-shell .text-\[\#000000\] {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell .text-amber-700 {
    color: #fbbf24 !important;
}

/* Products tab: image-search chip + loading pill */
html[data-theme="dark"] .tiktok-shop-page-shell .border-\[\#bfdbfe\] {
    border-color: rgba(96, 165, 250, 0.45) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell .bg-\[\#f0f7ff\] {
    background-color: rgba(34, 90, 234, 0.16) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell .text-\[\#1d4ed8\] {
    color: #93c5fd !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell #image-search-loading circle[stroke="#bfdbfe"] {
    stroke: rgba(96, 165, 250, 0.45) !important;
}

/* TikTok wordmark black path in header */
html[data-theme="dark"] .tiktokshop-header-top svg path[fill="black"],
html[data-theme="dark"] .tiktokshop-header-top svg path[fill="#000000"] {
    fill: var(--dk-text) !important;
}

/* Auth toast + modal extras (TiktokShop.php inline styles) */
html[data-theme="dark"] .auth-toast-content {
    background-color: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .auth-toast-icon {
    background-color: rgba(34, 90, 234, 0.15) !important;
}
html[data-theme="dark"] .auth-toast-message {
    color: var(--dk-text) !important;
    border-left-color: var(--dk-border) !important;
}

/* Global toast notification (#notification from notification.js) */
html[data-theme="dark"] #notification.notification,
html[data-theme="dark"] .notification {
    background-color: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .notification .notifiation-wrapper {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .notification-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .notification-description,
html[data-theme="dark"] .notification .notification-description {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .auth-toast-link {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .auth-toast-link:hover {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .auth-toast-icon svg {
    color: var(--dk-accent) !important;
}

html[data-theme="dark"] .auth-modal-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .auth-modal-message {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .auth-modal-features {
    background-color: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .auth-modal-feature span {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .auth-modal-button.wh-btn-primary,
html[data-theme="dark"] a.auth-modal-button.wh-btn-primary,
html[data-theme="dark"] button.auth-modal-button.wh-btn-primary {
    background: var(--wh-primary-bg) !important;
    background-color: var(--wh-primary-bg) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: var(--wh-primary-shadow) !important;
}
html[data-theme="dark"] .auth-modal-button.wh-btn-primary:hover,
html[data-theme="dark"] a.auth-modal-button.wh-btn-primary:hover,
html[data-theme="dark"] button.auth-modal-button.wh-btn-primary:hover {
    background: var(--wh-primary-hover) !important;
    background-color: var(--wh-primary-hover) !important;
    color: #fff !important;
}
html[data-theme="dark"] .auth-modal-button.secondary:not(.wh-btn-primary) {
    background-color: rgba(34, 90, 234, 0.15) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .auth-modal-button.secondary:not(.wh-btn-primary):hover {
    background-color: rgba(34, 90, 234, 0.22) !important;
}
html[data-theme="dark"] .auth-modal-button.wh-btn--outline {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--dk-accent) !important;
    border-color: rgba(34, 90, 234, 0.45) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .auth-modal-button.wh-btn--outline:hover {
    background: rgba(34, 90, 234, 0.14) !important;
    background-color: rgba(34, 90, 234, 0.14) !important;
    color: #bfdbfe !important;
    border-color: rgba(34, 90, 234, 0.6) !important;
}
html[data-theme="dark"] .applly-filter.wh-btn-primary[disabled],
html[data-theme="dark"] button.applly-filter.wh-btn-primary[disabled] {
    background: var(--dk-surface-3) !important;
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text-3) !important;
}

/* Detail ranking tables (ranking-table-detail-styles.php uses !important whites) */
html[data-theme="dark"] .tiktok-detail-ranking-scope .tiktok-detail-ranking-outer,
html[data-theme="dark"] .tiktok-detail-ranking-scope .tiktok-detail-ranking-scroll {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-detail-ranking-scope .tiktok-detail-ranking-period {
    color: var(--dk-text-2) !important;
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .tiktok-detail-ranking-scope .tiktok-detail-ranking-scroll table thead th {
    background: var(--dk-surface-deep) !important;
    color: var(--dk-text-2) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-detail-ranking-scope .tiktok-detail-ranking-scroll tbody td {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktok-detail-ranking-scope .tiktok-detail-ranking-scroll tbody tr:nth-child(odd) td {
    background-color: var(--dk-surface) !important;
}
html[data-theme="dark"] .tiktok-detail-ranking-scope .tiktok-detail-ranking-scroll tbody tr:nth-child(even) td {
    background-color: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .tiktok-detail-ranking-scope .tiktok-detail-ranking-scroll tbody tr:hover td {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .tiktok-detail-ranking-scope .tiktok-detail-ranking-scroll tbody tr:nth-child(odd) td.sticky-col {
    background-color: var(--dk-surface) !important;
}
html[data-theme="dark"] .tiktok-detail-ranking-scope .tiktok-detail-ranking-scroll tbody tr:nth-child(even) td.sticky-col {
    background-color: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .tiktok-detail-ranking-scope .tiktok-detail-ranking-scroll tbody tr:hover td.sticky-col {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .tiktok-detail-ranking-scope .tiktok-detail-ranking-scroll table th.sticky-col {
    background: var(--dk-surface-deep) !important;
}

/* RankingTable.js toolbar (detail pages) */
html[data-theme="dark"] .tiktok-detail-ranking-scope .rounded-md.bg-white.border-gray-200,
html[data-theme="dark"] .tiktok-detail-ranking-scope button.rounded-md.bg-white.border-gray-200 {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tiktok-detail-ranking-scope .rounded-md.bg-white.border-gray-200:hover,
html[data-theme="dark"] .tiktok-detail-ranking-scope button.rounded-md.bg-white.border-gray-200:hover {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .tiktok-detail-ranking-scope span.rounded-md.bg-white.border-gray-200.text-gray-700 {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #download-all-videos-btn.product-video-download-btn {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #download-all-videos-btn.product-video-download-btn:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #download-all-videos-btn.product-video-download-btn svg {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] #download-videos-dropdown-menu {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] #download-videos-dropdown-menu .download-videos-menu-item {
    color: var(--dk-text) !important;
    background: transparent !important;
}
html[data-theme="dark"] #download-videos-dropdown-menu .download-videos-menu-item:hover {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}

/* Detail date pills (inline styles in detail partials) */
html[data-theme="dark"] .tiktok-detail-page-shell .tp-date-pill,
html[data-theme="dark"] .tiktok-shop-detail-page .tp-date-pill,
html[data-theme="dark"] .tiktok-product-detail-page .tp-date-pill,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-date-pill,
html[data-theme="dark"] .tiktok-video-detail-page .tp-date-pill,
html[data-theme="dark"] .tiktok-category-detail-page .tp-date-pill {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .tiktok-detail-page-shell .tp-date-btn,
html[data-theme="dark"] .tiktok-detail-page-shell .date-period-btn.tp-date-btn,
html[data-theme="dark"] .tiktok-shop-detail-page .tp-date-btn,
html[data-theme="dark"] .tiktok-product-detail-page .tp-date-btn,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-date-btn,
html[data-theme="dark"] .tiktok-video-detail-page .tp-date-btn,
html[data-theme="dark"] .tiktok-category-detail-page .tp-date-btn {
    color: var(--dk-text-2) !important;
    background: transparent !important;
}
html[data-theme="dark"] .tiktok-detail-page-shell .tp-date-btn:hover,
html[data-theme="dark"] .tiktok-detail-page-shell .date-period-btn.tp-date-btn:hover,
html[data-theme="dark"] .tiktok-shop-detail-page .tp-date-btn:hover,
html[data-theme="dark"] .tiktok-product-detail-page .tp-date-btn:hover,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-date-btn:hover,
html[data-theme="dark"] .tiktok-video-detail-page .tp-date-btn:hover,
html[data-theme="dark"] .tiktok-category-detail-page .tp-date-btn:hover {
    color: var(--dk-text) !important;
    background: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme="dark"] .tiktok-detail-page-shell .tp-date-btn.active,
html[data-theme="dark"] .tiktok-detail-page-shell .date-period-btn.tp-date-btn.active,
html[data-theme="dark"] .tiktok-shop-detail-page .tp-date-btn.active,
html[data-theme="dark"] .tiktok-product-detail-page .tp-date-btn.active,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-date-btn.active,
html[data-theme="dark"] .tiktok-video-detail-page .tp-date-btn.active,
html[data-theme="dark"] .tiktok-category-detail-page .tp-date-btn.active {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .tp-section-nav-item:hover,
html[data-theme="dark"] .tiktok-product-detail-page .tp-section-nav-item:hover,
html[data-theme="dark"] .tiktok-creator-detail-page .tp-section-nav-item:hover,
html[data-theme="dark"] .tiktok-video-detail-page .tp-section-nav-item:hover,
html[data-theme="dark"] .tiktok-category-detail-page .tp-section-nav-item:hover {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .tiktok-shop-detail-page .vd-back-link:hover,
html[data-theme="dark"] .tiktok-product-detail-page .vd-back-link:hover,
html[data-theme="dark"] .tiktok-creator-detail-page .vd-back-link:hover,
html[data-theme="dark"] .tiktok-video-detail-page .vd-back-link:hover,
html[data-theme="dark"] .tiktok-category-detail-page .vd-back-link:hover {
    background: var(--dk-surface-2) !important;
}

/* Product detail — Top Reviews, SKU popover, metrics, lightbox, similar drawer */
html[data-theme="dark"] .tiktok-product-detail-page .tp-metric-card {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-metric-card.interactive:hover {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-metric-card.active {
    border-color: #3b82f6 !important;
    background: rgba(34, 90, 234, 0.12) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-chart-container {
    border-left-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-chart-legend {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-date-range {
    color: var(--dk-text-2) !important;
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-growth--neutral {
    color: var(--dk-text-2) !important;
    background: rgba(148, 163, 184, 0.15) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-sku-trigger {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-sku-trigger:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-sku-popover {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-sku-header {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-sku-header span {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-sku-item:hover {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-sku-name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-sku-price {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-sku-list::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-reviews-list-scroll {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
    scrollbar-color: var(--dk-border-strong) transparent;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-reviews-list-scroll::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-reviews-list {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-review-row,
html[data-theme="dark"] .tiktok-product-detail-page .tp-review-skeleton-row {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-review-row:nth-child(odd),
html[data-theme="dark"] .tiktok-product-detail-page .tp-review-skeleton-row:nth-child(odd) {
    background: var(--dk-surface) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-review-row:nth-child(even),
html[data-theme="dark"] .tiktok-product-detail-page .tp-review-skeleton-row:nth-child(even) {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-review-row:hover {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-review-row__avatar {
    border-color: var(--dk-border) !important;
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-review-row__name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-review-row__rating-num {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-review-row__sub {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-review-row__sku {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-review-row__text {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-review-row__thumb {
    border-color: var(--dk-border) !important;
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-stars__unit--empty .tp-stars__svg,
html[data-theme="dark"] .tiktok-product-detail-page .tp-stars__unit--half .tp-stars__svg--under {
    color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .pd-lightbox-shell {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .pd-lightbox-close,
html[data-theme="dark"] .tiktok-product-detail-page .pd-lightbox-nav-btn {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .pd-lightbox-close:hover,
html[data-theme="dark"] .tiktok-product-detail-page .pd-lightbox-nav-btn:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .pd-lightbox-preview {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .pd-lightbox-thumbs {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .pd-lightbox-thumb {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .pd-lightbox-thumb.is-active {
    border-color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .pd-lightbox-caption {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .pd-lightbox-counter {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .similar-products-drawer {
    background: var(--dk-surface) !important;
    box-shadow: -14px 0 40px rgba(0, 0, 0, 0.55);
}
html[data-theme="dark"] .similar-products-backdrop {
    background: rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .similar-products-drawer-header {
    background: var(--dk-surface) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .similar-products-drawer-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .similar-products-drawer-close {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .similar-products-drawer-close:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .similar-products-drawer-content {
    background: linear-gradient(180deg, var(--dk-surface-deep) 0%, var(--dk-surface) 28%) !important;
}
html[data-theme="dark"] .similar-products-loading-spinner {
    border-color: var(--dk-border) !important;
    border-top-color: var(--dk-text) !important;
}
html[data-theme="dark"] .similar-products-loading-text,
html[data-theme="dark"] .similar-products-empty-text {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .similar-product-card,
html[data-theme="dark"] .similar-products-skeleton-item {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .similar-product-card:hover {
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .similar-product-card-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .similar-product-card-meta span {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .similar-product-card-score {
    background: rgba(20, 184, 166, 0.15) !important;
    color: #5eead4 !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-title,
html[data-theme="dark"] .tiktok-product-detail-page .tp-price-current,
html[data-theme="dark"] .tiktok-product-detail-page .tp-shop-name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-header-side {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-meta-divider {
    background: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-shop-card {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-shop-card:hover {
    background: var(--dk-surface-3) !important;
    border-color: rgba(34, 90, 234, 0.45) !important;
}
html[data-theme="dark"] .tiktok-product-detail-page .tp-shop-avatar {
    border-color: var(--dk-surface) !important;
}

/* ── All TikTok detail pages: shared inline-style white leaks ─────────────── */

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-growth--neutral,
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-growth-neutral {
    color: var(--dk-text-2) !important;
    background: rgba(148, 163, 184, 0.15) !important;
}
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-growth--positive {
    color: #8fbfa3 !important;
    background: rgba(74, 222, 128, 0.08) !important;
}
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-growth--negative {
    color: #d4a4ab !important;
    background: rgba(248, 113, 113, 0.08) !important;
}
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .metric-badge,
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .metric-badge--light {
    background: var(--badge-bg) !important;
    border-color: var(--badge-border) !important;
    color: var(--badge-text) !important;
}
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .metric-badge__separator {
    color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-trend-perday,
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-section-label,
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-meta-row,
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-stat-perday,
html[data-theme="dark"] .tiktok-video-detail-page .video-detail-info-label {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-outage-pill {
    background: rgba(245, 158, 11, 0.12) !important;
    border-color: rgba(245, 158, 11, 0.28) !important;
    color: #fbbf24 !important;
}
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-stat-grid {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-meta-item svg {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .text-\[\#27272a\] {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .text-\[\#5c5c5c\] {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .text-neutral-800 {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .text-green-600 {
    color: #8fbfa3 !important;
}
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .text-red-600 {
    color: #d4a4ab !important;
}
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .hover\:text-black:hover {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) #detail-visit-events-badge .bg-gray-900,
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .detail-visits-tooltip.bg-gray-900 {
    background-color: #0b0d12 !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-chart-legend {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-date-range {
    color: var(--dk-text-2) !important;
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-chart-container {
    border-left-color: var(--dk-border) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-metrics-title {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-metrics-header {
    border-bottom-color: var(--dk-border) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .metric-card.active,
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-metric-card.active,
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-trend-card.active {
    background: rgba(34, 90, 234, 0.12) !important;
    border-color: #3b82f6 !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-image-container {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-gallery-thumb {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-gallery-nav {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-gallery-nav:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-stat-card {
    border-color: var(--dk-border) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-btn:not(.tp-btn-primary) {
    background: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
    color: var(--dk-accent) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-btn:hover:not(.tp-btn-primary):not(.ttvs-trigger-btn--tiktok):not(.ttvs-trigger-btn--download):not(.ttvs-trigger-btn--meta) {
    background: rgba(34, 90, 234, 0.2) !important;
    border-color: rgba(34, 90, 234, 0.5) !important;
    color: #bfdbfe !important;
    box-shadow: none !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-btn-primary {
    background: linear-gradient(180deg, #1f1f1f 0%, #0a0a0a 100%) !important;
    color: var(--dk-text) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-btn-primary:hover {
    background: linear-gradient(180deg, #2a2a2a 0%, #141414 100%) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-btn-competitor-secondary:not(.ttvs-trigger-btn--download):not(.ttvs-trigger-btn--meta),
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-btn-tiktok-ai {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-btn-competitor-secondary:hover:not(.ttvs-trigger-btn--download):not(.ttvs-trigger-btn--meta),
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-btn-tiktok-ai:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-btn-shopify-ai {
    background: rgba(56, 189, 248, 0.12) !important;
    border-color: rgba(56, 189, 248, 0.35) !important;
    color: #7dd3fc !important;
    box-shadow: none !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-btn-shopify-ai:hover {
    background: rgba(56, 189, 248, 0.2) !important;
    border-color: rgba(56, 189, 248, 0.5) !important;
    color: #bae6fd !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-btn-similar-primary {
    background: rgba(34, 90, 234, 0.15) !important;
    border-color: rgba(34, 90, 234, 0.4) !important;
    color: var(--dk-accent) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-metrics-chart {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-chart-title,
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-chart-period,
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-chart-footer {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-chart-period,
html[data-theme="dark"] .tiktok-shop-detail-page #shop-chart-period {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-total-card {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-total-label,
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-total-value {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-section-heading {
    color: var(--dk-text) !important;
    border-bottom-color: var(--dk-border) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-metric-card {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .tp-metric-card.interactive:hover {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}

/* Video detail — creator / shop / product info cards in header */
html[data-theme="dark"] .tiktok-video-detail-page .video-detail-info-card {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}

html[data-theme="dark"] .tiktok-video-detail-page .video-detail-info-card:hover {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}

html[data-theme="dark"] .tiktok-video-detail-page .video-detail-info-card #video-creator-username,
html[data-theme="dark"] .tiktok-video-detail-page .video-detail-info-card #video-shop-name,
html[data-theme="dark"] .tiktok-video-detail-page .video-detail-info-card #product-card-title {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .tiktok-video-detail-page .video-detail-info-card #video-creator-followers,
html[data-theme="dark"] .tiktok-video-detail-page .video-detail-info-card #product-card-price-rev-row,
html[data-theme="dark"] .tiktok-video-detail-page .video-detail-info-card #product-card-sales,
html[data-theme="dark"] .tiktok-video-detail-page .video-detail-info-card #shop-card-content p.text-xs {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .tiktok-video-detail-page .video-detail-info-card .info-card-link {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}

html[data-theme="dark"] .tiktok-video-detail-page .video-detail-info-card:hover .info-card-link {
    background: rgba(34, 90, 234, 0.15) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
}

html[data-theme="dark"] .tiktok-video-detail-page .video-detail-info-card .vd-squircle {
    border-color: var(--dk-surface) !important;
}

/* Chart empty overlays + frosted panels */
html[data-theme="dark"] #product-chart-empty-state,
html[data-theme="dark"] #video-chart-empty-state,
html[data-theme="dark"] .tiktok-detail-page-shell .bg-white\/60,
html[data-theme="dark"] .tiktok-product-detail-page .bg-white\/60,
html[data-theme="dark"] .tiktok-video-detail-page .bg-white\/60 {
    background-color: rgba(14, 16, 20, 0.72) !important;
}

html[data-theme="dark"] .tiktok-product-detail-page .bg-white\/90,
html[data-theme="dark"] .tiktok-product-detail-page .hover\:bg-white:hover {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}

/* Shared detail header partial */
html[data-theme="dark"] .tiktok-detail-page-shell .detail-header-card {
    border-color: var(--dk-border) !important;
}

html[data-theme="dark"] .tiktok-detail-page-shell .detail-header-card .border-zinc-100 {
    border-color: var(--dk-border) !important;
}

/* Detail page favorite star pill */
html[data-theme="dark"] .tiktok-detail-page-shell .detail-star-toggle,
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .detail-star-toggle {
    border-color: var(--dk-border-strong) !important;
    background: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .tiktok-detail-page-shell .detail-star-toggle:hover,
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .detail-star-toggle:hover {
    border-color: rgba(34, 90, 234, 0.35) !important;
    background: rgba(34, 90, 234, 0.12) !important;
    color: var(--dk-accent) !important;
}

html[data-theme="dark"] .tiktok-detail-page-shell .detail-star-toggle.is-favorited,
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .detail-star-toggle.is-favorited {
    border-color: rgba(251, 191, 36, 0.45) !important;
    background: rgba(251, 191, 36, 0.12) !important;
    color: #fbbf24 !important;
}

html[data-theme="dark"] .tiktok-detail-page-shell .detail-star-toggle.is-favorited:hover,
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .detail-star-toggle.is-favorited:hover {
    border-color: rgba(251, 191, 36, 0.55) !important;
    background: rgba(251, 191, 36, 0.18) !important;
    color: #fcd34d !important;
}

html[data-theme="dark"] .tiktok-detail-page-shell [id$="-favorite-star-skeleton"],
html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) [id$="-favorite-star-skeleton"] {
    background: var(--dk-surface-2) !important;
}

/* Product attributes / selling points section */
html[data-theme="dark"] #product-details-section-container {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}

/* Category detail — title, breadcrumbs, chart legend swatches */
html[data-theme="dark"] .tiktok-category-detail-page #category-header-name.text-gray-900,
html[data-theme="dark"] .tiktok-category-detail-page .breadcrumb-item.font-medium.text-gray-900 {
    color: var(--dk-text) !important;
}

/* Category detail — sales overview card */
html[data-theme="dark"] .tiktok-category-detail-page .category-sales-overview-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-category-detail-page .sales-legend-item {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-category-detail-page .sales-legend-label,
html[data-theme="dark"] .tiktok-category-detail-page .sales-breakdown-pill-value,
html[data-theme="dark"] .tiktok-category-detail-page #sales-overview-total-revenue {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktok-category-detail-page .sales-overview-donut::after {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tiktok-category-detail-page .sales-overview-donut--loading {
    background: conic-gradient(var(--dk-surface-2) 0% 100%) !important;
}

html[data-theme="dark"] .tiktok-category-detail-page .w-3.h-3.rounded.bg-white {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}

html[data-theme="dark"] :is(
    .tiktok-shop-detail-page,
    .tiktok-product-detail-page,
    .tiktok-creator-detail-page,
    .tiktok-video-detail-page,
    .tiktok-category-detail-page
) .detail-title-copy-btn.hover\:bg-blue-50:hover {
    background-color: rgba(34, 90, 234, 0.12) !important;
}

html[data-theme="dark"] .tiktok-category-detail-page .tp-section-nav-item:hover {
    color: var(--dk-text) !important;
}

/* Product detail — download / actions dropdown */
html[data-theme="dark"] .tiktok-product-detail-page .min-w-\[12\.5rem\].rounded-lg.bg-white {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

/* TikTok Shop list — header controls + JS toasts */
html[data-theme="dark"] #tiktokshop-products-view-toggle {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] body > .fixed.top-4.right-4.bg-white.border.border-gray-200,
html[data-theme="dark"] body > .fixed.top-4.right-4.bg-white.border-gray-200 {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}

html[data-theme="dark"] body > .fixed.top-4.right-4.bg-white .text-gray-700 {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .cat-filter-count {
    color: var(--dk-accent) !important;
}

/* Date selector pills (JS sets inline light hovers on inactive buttons) */
html[data-theme="dark"] .tiktok-date-selector .date-period-btn:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .tiktok-date-selector .date-period-btn p {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .tiktok-date-selector .date-period-btn[style*="#2563eb"] p,
html[data-theme="dark"] .tiktok-date-selector .date-period-btn[style*="rgb(37, 99, 235)"] p {
    color: #fff !important;
}

/* Trends — locked button hover + related-topic Magic AI CTAs */
html[data-theme="dark"] .trend-details-btn-locked:hover {
    background-color: var(--dk-surface-2) !important;
}

html[data-theme="dark"] #related-topics-container a[style*="background-color: #fff"],
html[data-theme="dark"] #related-topics-container a[style*="background-color:#fff"] {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    border-color: var(--dk-border-strong) !important;
}

/* Product hover popover (product-card.js) */
html[data-theme="dark"] #product-hover-popover .product-popover-content {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
}
html[data-theme="dark"] #product-hover-popover .product-popover-image-wrap {
    background-color: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] #product-hover-popover #product-popover-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #product-hover-popover .text-neutral-500,
html[data-theme="dark"] #product-hover-popover .text-neutral-800,
html[data-theme="dark"] #product-hover-popover .text-neutral-900,
html[data-theme="dark"] #product-hover-popover .text-zinc-600,
html[data-theme="dark"] #product-hover-popover .text-zinc-400,
html[data-theme="dark"] #product-hover-popover .text-gray-900 {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #product-hover-popover .bg-neutral-50,
html[data-theme="dark"] #product-hover-popover .bg-white {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] #product-hover-popover .tts-explore-competitor-btn {
    background-color: rgba(56, 189, 248, 0.12) !important;
    border-color: rgba(56, 189, 248, 0.35) !important;
    color: #7dd3fc !important;
}
html[data-theme="dark"] #product-hover-popover .tts-explore-competitor-btn:hover {
    background-color: rgba(56, 189, 248, 0.2) !important;
}

/* Video transcript drawer (tiktok-shop-video-transcript.js) */
html[data-theme="dark"] #tiktok-video-transcript-drawer {
    --ttvs-bg: var(--dk-bg);
    --ttvs-surface: var(--dk-surface);
    --ttvs-text: var(--dk-text);
    --ttvs-text-soft: var(--dk-text-2);
    --ttvs-muted: var(--dk-text-3);
    --ttvs-faint: var(--dk-text-3);
    --ttvs-line: var(--dk-border);
    --ttvs-line-hover: var(--dk-border-strong);
    --ttvs-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 16px 48px -12px rgba(0, 0, 0, 0.55);
}
html[data-theme="dark"] #tiktok-video-transcript-drawer .ttvs-head {
    background: var(--dk-surface) !important;
    background-image: none !important;
}
html[data-theme="dark"] #tiktok-video-transcript-drawer .ttvs-notice {
    background: rgba(234, 179, 8, 0.12) !important;
    border-color: rgba(234, 179, 8, 0.35) !important;
    color: #fde68a !important;
}
html[data-theme="dark"] #tiktok-video-transcript-drawer .ttvs-status {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] #tiktok-video-transcript-drawer .ttvs-segment {
    border-left-color: var(--dk-border) !important;
}
html[data-theme="dark"] #tiktok-video-transcript-drawer .ttvs-segment:hover {
    border-left-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] #tiktok-video-transcript-drawer .ttvs-close:hover,
html[data-theme="dark"] #tiktok-video-transcript-drawer .ttvs-copy,
html[data-theme="dark"] #tiktok-video-transcript-drawer details.ttvs-block > summary:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}
html[data-theme="dark"] #tiktok-video-transcript-drawer .ttvs-copy:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme="dark"] #tiktok-video-transcript-drawer .ttvs-body::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong);
}

html[data-theme="dark"] .tiktok-video-detail-page .video-chart-skeleton {
    background: var(--dk-surface) !important;
}
html[data-theme="dark"] .tiktok-video-detail-page .video-chart-skeleton .border-slate-100\/90 {
    border-color: var(--dk-border) !important;
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .tiktok-video-detail-page .video-chart-skeleton-svg path[stroke="#cbd5e1"] {
    stroke: var(--dk-text-3);
}
html[data-theme="dark"] .tiktok-video-detail-page #video-chart-empty-state svg,
html[data-theme="dark"] .tiktok-video-detail-page #video-chart-empty-state .text-slate-400 {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .tiktok-video-detail-page #video-ads-days-container {
    border-color: rgba(34, 90, 234, 0.35) !important;
    background: rgba(34, 90, 234, 0.08) !important;
}
html[data-theme="dark"] .tiktok-video-detail-page .ttvs-trigger-btn--tiktok.tp-btn-primary {
    background: #12151c !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .tiktok-video-detail-page .ttvs-trigger-btn--tiktok.tp-btn-primary:hover {
    background: #1a1d24 !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktok-video-detail-page .ttvs-trigger-btn--download {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .tiktok-video-detail-page .ttvs-trigger-btn--download:hover {
    background: #222733 !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .tiktok-video-detail-page .ttvs-trigger-btn--meta {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
    box-shadow: none !important;
    cursor: default !important;
}
html[data-theme="dark"] .tiktok-video-detail-page .ttvs-trigger-btn--meta:hover {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tiktok-video-detail-page .detail-title-copy-btn.hover\:bg-blue-50:hover {
    background: rgba(34, 90, 234, 0.12) !important;
}

/* Tile skeletons + inner stat chips on product/video tiles */
html[data-theme="dark"] .product-tile-skeleton,
html[data-theme="dark"] .video-tile-skeleton {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .product-tile .rounded-md.bg-white,
html[data-theme="dark"] .video-tile .rounded-md.bg-white {
    background-color: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}

/* Column picker row text (JS default #374151) */
html[data-theme="dark"] .tts-cp-row {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tts-cp-row:hover {
    color: var(--dk-text) !important;
}

/* List table header tooltips stay dark-on-dark (already #1f2937) — bump contrast slightly */
html[data-theme="dark"] .th-tooltip-content {
    background-color: var(--dk-surface-3) !important;
    border: 1px solid var(--dk-border-strong);
}
html[data-theme="dark"] .th-tooltip-arrow.arrow-top {
    border-top-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .th-tooltip-arrow.arrow-bottom {
    border-bottom-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .th-tooltip-wrapper:hover .th-tooltip-icon {
    color: var(--dk-accent) !important;
}

/* Semantic light tints used in tables / toasts */
html[data-theme="dark"] .tiktok-shop-page-shell .bg-red-50,
html[data-theme="dark"] .tiktok-detail-page-shell .bg-red-50 {
    background-color: rgba(248, 113, 113, 0.08) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell .border-red-200,
html[data-theme="dark"] .tiktok-detail-page-shell .border-red-200 {
    border-color: rgba(248, 113, 113, 0.20) !important;
}
/* Growth-rate pills: light green-50 was unmapped (mint flash); keep header
   credits on .tiktokshop-header-top, which is more specific. */
html[data-theme="dark"] .tiktok-shop-page-shell tbody .bg-green-50,
html[data-theme="dark"] .tiktok-shop-page-shell .product-tile .bg-green-50,
html[data-theme="dark"] .tiktok-shop-page-shell .video-tile .bg-green-50,
html[data-theme="dark"] .tiktok-detail-page-shell .bg-green-50,
html[data-theme="dark"] .tiktok-shop-detail-page .bg-green-50,
html[data-theme="dark"] .tiktok-product-detail-page .bg-green-50,
html[data-theme="dark"] .tiktok-creator-detail-page .bg-green-50,
html[data-theme="dark"] .tiktok-video-detail-page .bg-green-50,
html[data-theme="dark"] .tiktok-category-detail-page .bg-green-50 {
    background-color: rgba(74, 222, 128, 0.08) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell tbody .border-green-200,
html[data-theme="dark"] .tiktok-shop-page-shell .product-tile .border-green-200,
html[data-theme="dark"] .tiktok-shop-page-shell .video-tile .border-green-200,
html[data-theme="dark"] .tiktok-detail-page-shell .border-green-200,
html[data-theme="dark"] .tiktok-shop-detail-page .border-green-200,
html[data-theme="dark"] .tiktok-product-detail-page .border-green-200,
html[data-theme="dark"] .tiktok-creator-detail-page .border-green-200,
html[data-theme="dark"] .tiktok-video-detail-page .border-green-200,
html[data-theme="dark"] .tiktok-category-detail-page .border-green-200 {
    border-color: rgba(74, 222, 128, 0.20) !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell tbody .text-green-700,
html[data-theme="dark"] .tiktok-shop-page-shell .product-tile .text-green-700,
html[data-theme="dark"] .tiktok-shop-page-shell .video-tile .text-green-700,
html[data-theme="dark"] .tiktok-detail-page-shell .text-green-700,
html[data-theme="dark"] .tiktok-shop-detail-page .text-green-700,
html[data-theme="dark"] .tiktok-product-detail-page .text-green-700,
html[data-theme="dark"] .tiktok-creator-detail-page .text-green-700,
html[data-theme="dark"] .tiktok-video-detail-page .text-green-700,
html[data-theme="dark"] .tiktok-category-detail-page .text-green-700 {
    color: #8fbfa3 !important;
}
html[data-theme="dark"] .tiktok-shop-page-shell tbody .text-red-700,
html[data-theme="dark"] .tiktok-shop-page-shell .product-tile .text-red-700,
html[data-theme="dark"] .tiktok-shop-page-shell .video-tile .text-red-700,
html[data-theme="dark"] .tiktok-detail-page-shell .text-red-700,
html[data-theme="dark"] .tiktok-shop-detail-page .text-red-700,
html[data-theme="dark"] .tiktok-product-detail-page .text-red-700,
html[data-theme="dark"] .tiktok-creator-detail-page .text-red-700,
html[data-theme="dark"] .tiktok-video-detail-page .text-red-700,
html[data-theme="dark"] .tiktok-category-detail-page .text-red-700 {
    color: #d4a4ab !important;
}
html[data-theme="dark"] .bg-sky-50 {
    background-color: rgba(56, 189, 248, 0.12) !important;
}
html[data-theme="dark"] .border-sky-200 {
    border-color: rgba(56, 189, 248, 0.35) !important;
}
html[data-theme="dark"] .text-sky-900 {
    color: #7dd3fc !important;
}
html[data-theme="dark"] .hover\:bg-sky-100:hover {
    background-color: rgba(56, 189, 248, 0.2) !important;
}

/* Pagination inputs on list tables */
html[data-theme="dark"] .tiktok-shop-page-shell .page-jump-input,
html[data-theme="dark"] .tiktok-shop-page-shell input[type="number"].rounded-md {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

/* JS-rendered expandable sections on detail pages */
html[data-theme="dark"] .tiktok-product-detail-page .rounded-xl.bg-white.border-gray-100,
html[data-theme="dark"] .tiktok-shop-detail-page .rounded-xl.bg-white.border-gray-100 {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}

/* Upgrade modal (shown on TikTok Shop credit / plan gates via footer.php) */
html[data-theme="dark"] #generic-upgrade-modal .generic-upgrade-modal-panel {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text);
}
html[data-theme="dark"] #generic-upgrade-modal .generic-upgrade-modal-footer {
    background: var(--dk-surface) !important;
    border-top-color: var(--dk-border) !important;
    box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] #generic-upgrade-modal .upgrade-modal-headline {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #generic-upgrade-modal .upgrade-to-plan-text,
html[data-theme="dark"] #generic-upgrade-modal .text-gray-700 {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #generic-upgrade-modal .text-gray-900 {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #generic-upgrade-modal .text-gray-600 {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] #generic-upgrade-modal .text-slate-500 {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] #generic-upgrade-modal .text-emerald-700 {
    color: #6ee7b7 !important;
}
html[data-theme="dark"] #generic-upgrade-modal .closeModal {
    color: var(--dk-text-2);
}
html[data-theme="dark"] #generic-upgrade-modal [data-upgrade-box] {
    border-color: var(--dk-border) !important;
    --tw-ring-offset-color: var(--dk-surface) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] #generic-upgrade-modal [data-upgrade-box][data-active="true"] {
    --tw-ring-color: rgba(96, 165, 250, 0.55) !important;
}
/* Plan card inner surfaces — kill light blue-50 hover/selected leaks */
html[data-theme="dark"] #generic-upgrade-modal [data-upgrade-box] > div {
    background-color: transparent !important;
}
html[data-theme="dark"] #generic-upgrade-modal .group-hover\:bg-blue-50 {
    background-color: transparent !important;
}
html[data-theme="dark"] #generic-upgrade-modal .group:hover .group-hover\:bg-blue-50,
html[data-theme="dark"] #generic-upgrade-modal [data-upgrade-box]:hover > div {
    background-color: rgba(34, 90, 234, 0.1) !important;
}
html[data-theme="dark"] #generic-upgrade-modal [data-upgrade-box][data-active="true"] .group-hover\:bg-blue-50,
html[data-theme="dark"] #generic-upgrade-modal [data-upgrade-box][data-active="true"] > div {
    background-color: rgba(34, 90, 234, 0.12) !important;
}
html[data-theme="dark"] #generic-upgrade-modal .upgrade-modal-billing-btn {
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
    background-color: transparent !important;
}
html[data-theme="dark"] #generic-upgrade-modal .upgrade-modal-billing-btn:hover {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] #generic-upgrade-modal .upgrade-modal-billing-btn.active,
html[data-theme="dark"] #generic-upgrade-modal .upgrade-modal-billing-btn.bg-gray-900 {
    background-color: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #generic-upgrade-modal #generic-upgrade-modal-checkout,
html[data-theme="dark"] #generic-upgrade-modal [class*="ring-offset"] {
    --tw-ring-offset-color: var(--dk-surface) !important;
}
html[data-theme="dark"] #generic-upgrade-modal #generic-upgrade-modal-checkout {
    background: var(--wh-primary-bg) !important;
    background-color: var(--wh-primary-bg) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: var(--wh-primary-shadow) !important;
}
html[data-theme="dark"] #generic-upgrade-modal #generic-upgrade-modal-checkout:hover {
    background: var(--wh-primary-hover) !important;
    background-color: var(--wh-primary-hover) !important;
    color: #fff !important;
}
html[data-theme="dark"] #upgrade-modal .upgrade__right .button.wh-btn-primary,
html[data-theme="dark"] #upgrade-modal .upgrade__right .wh-btn-primary {
    background: var(--wh-primary-bg) !important;
    background-color: var(--wh-primary-bg) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: var(--wh-primary-shadow) !important;
}
html[data-theme="dark"] #upgrade-modal .upgrade__right .button.wh-btn-primary:hover,
html[data-theme="dark"] #upgrade-modal .upgrade__right .wh-btn-primary:hover {
    background: var(--wh-primary-hover) !important;
    background-color: var(--wh-primary-hover) !important;
    color: #fff !important;
}

/* ── Store Tracker & Store Explorer ─────────────────────────────────────── */

/* Page canvas behind sidebar layout */
html[data-theme="dark"] .page-content {
    background-color: var(--dk-bg);
}

/* Sidebar mobile overlay */
html[data-theme="dark"] .sidebar-overlay {
    background: rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .nav-sidebar-mobile-head {
    background: var(--dk-surface) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .nav-sidebar-mobile-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .nav-sidebar-close {
    color: var(--dk-text-2) !important;
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .nav-sidebar-close:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}

/* styles.css forces #111827 !important on sidebar links (light contrast) */
html[data-theme="dark"] .nav-sidebar .nav-link,
html[data-theme="dark"] .nav-sidebar .nav-menu-item,
html[data-theme="dark"] .nav-sidebar .nav-submenu-title,
html[data-theme="dark"] .nav-sidebar .nav-submenu-item,
html[data-theme="dark"] .nav-sidebar .accordion-header span,
html[data-theme="dark"] .nav-sidebar .sidebar-toggle svg {
    color: #ffffff !important;
}
html[data-theme="dark"] .nav-sidebar .nav-link:hover,
html[data-theme="dark"] .nav-sidebar .nav-menu-item:hover,
html[data-theme="dark"] .nav-sidebar .nav-submenu-item:hover {
    color: #ffffff !important;
}
html[data-theme="dark"] .nav-sidebar .nav-link-tracker-active,
html[data-theme="dark"] .nav-sidebar .nav-link-explore-active,
html[data-theme="dark"] .nav-sidebar .nav-link-brands-active,
html[data-theme="dark"] .nav-sidebar .nav-link.nav-link-active,
html[data-theme="dark"] .nav-sidebar .nav-menu-item.active,
html[data-theme="dark"] .nav-sidebar .nav-submenu-item.active,
html[data-theme="dark"] .nav-menu-item-container.active .nav-menu-item {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .nav-sidebar .nav-icon-explore {
    background-color: var(--es2-success-soft, rgba(34, 197, 94, 0.12)) !important;
    color: var(--es2-success, #4ade80) !important;
}
html[data-theme="dark"] .nav-sidebar .nav-icon-brands {
    background-color: var(--es2-primary-soft, rgba(34, 90, 234, 0.12)) !important;
    color: var(--es2-primary, #5b8cff) !important;
}
html[data-theme="dark"] .nav-sidebar .nav-submenu-item svg path {
    stroke: #ffffff !important;
}
html[data-theme="dark"] .nav-sidebar .nav-submenu-item.active svg path {
    stroke: var(--dk-accent) !important;
}

/* Explore Shops filter bar (explore-shops-filters-bar.css hardcoded whites) */
html[data-theme="dark"] .new-page-wrapper .filters-bar.dashboard-filters-explore,
html[data-theme="dark"] .landers-page-wrapper .filters-bar.dashboard-filters-explore {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-filter-tab-strip {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-filters-scope > .filters-bar-left,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope > .filters-bar-left {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-filter-tab {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-filter-tab:hover:not(.active) {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-filter-tab.active {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-filter-tab-underline {
    background: var(--dk-accent) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-filter-tabs-prefix {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-filter-tab-count {
    background: transparent !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-filter-tab.active .landers-filter-tab-count {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-page-wrapper #landersTrackedBrandsRulesTrigger.is-loading {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-page-wrapper #landersTrackedBrandsRulesTrigger.is-loading::after {
    border-color: rgba(148, 163, 184, 0.25);
    border-top-color: var(--dk-accent);
}
html[data-theme="dark"] .es-filter-label-skeleton,
html[data-theme="dark"] .filter-tag-value--skeleton {
    background: linear-gradient(90deg, #1e293b 0%, #334155 45%, #243044 55%, #1e293b 100%);
    background-size: 200% 100%;
}
html[data-theme="dark"] .new-page-wrapper .search-wrapper,
html[data-theme="dark"] .landers-page-wrapper .search-wrapper {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-filter-accent-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .new-page-wrapper .search-wrapper:focus-within,
html[data-theme="dark"] .landers-page-wrapper .search-wrapper:focus-within {
    background: var(--dk-surface-3) !important;
    border-color: rgba(34, 90, 234, 0.45) !important;
    box-shadow: 0 0 0 2px rgba(34, 90, 234, 0.2) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-search-mode-divider {
    background: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-search-mode-btn {
    color: var(--dk-text-muted) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-search-mode-btn:hover,
html[data-theme="dark"] .landers-page-wrapper .landers-search-mode-btn.is-open {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-search-mode-menu {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-search-mode-option {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-search-mode-option:hover {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-search-mode-option.is-active {
    background: rgba(34, 90, 234, 0.18) !important;
    color: #93c5fd !important;
}
html[data-theme="dark"] .new-page-wrapper .search-wrapper.is-loading,
html[data-theme="dark"] .landers-page-wrapper .search-wrapper.is-loading {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .new-page-wrapper .search-wrapper.is-loading::after,
html[data-theme="dark"] .landers-page-wrapper .search-wrapper.is-loading::after,
html[data-theme="dark"] .search-wrapper.is-loading::after {
    background: linear-gradient(90deg, rgba(34, 90, 234, 0.12) 0%, rgba(34, 90, 234, 0.88) 50%, rgba(34, 90, 234, 0.12) 100%) !important;
    background-size: 200% 100% !important;
}
html[data-theme="dark"] .new-page-wrapper .search-wrapper.is-loading > svg:first-child,
html[data-theme="dark"] .landers-page-wrapper .search-wrapper.is-loading > svg:first-child {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .new-page-wrapper .search-wrapper.is-search-locked,
html[data-theme="dark"] .landers-page-wrapper .search-wrapper.is-search-locked {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .explore-visual-search-camera-btn:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .vs-camera-tooltip::after,
html[data-theme="dark"] .vs-camera-tooltip-body {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .vs-camera-tooltip-icon {
    background: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
}
html[data-theme="dark"] .vs-camera-tooltip-badge {
    color: var(--dk-accent) !important;
    background: rgba(34, 90, 234, 0.15) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
}
html[data-theme="dark"] .explore-header-accuracy-btn {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .explore-header-accuracy-btn:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-header-accuracy-btn__icon {
    background: rgba(34, 90, 234, 0.15) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
    color: var(--dk-accent) !important;
}

/* Explore / Landers filter row — re-map es2 tokens on page shells (explore-shops-page.css :root light fallbacks) */
html[data-theme="dark"] .new-page-wrapper,
html[data-theme="dark"] .landers-page-wrapper,
html[data-theme="dark"] .explore-filters-scope {
    --es2-filter-surface: var(--dk-filter-surface);
    --es2-filter-surface-hov: var(--dk-filter-surface-hover);
    --es2-filter-surface-focus: var(--dk-filter-surface-hover);
    --es2-border: var(--dk-filter-accent-border);
    --es2-border-strong: var(--dk-accent);
    --es2-border-hov: var(--dk-filter-accent-border-hover);
    --es2-filter-border: var(--dk-filter-accent-border);
    --es2-filter-border-hov: var(--dk-filter-accent-border-hover);
    --es2-filter-pill-border: var(--dk-filter-pill-border);
    --es2-text: var(--dk-text);
    --es2-text-2: var(--dk-text-2);
    --es2-text-3: var(--dk-text-3);
    --es2-text-mute: var(--dk-text-3);
}

/* Native <select> filter triggers (currency, language, country, ranges, meta ads, etc.) — collapsed state */
html[data-theme="dark"] .explore-filters-scope .filters-group select.filter-select,
html[data-theme="dark"] .new-page-wrapper .filters-group select.filter-select,
html[data-theme="dark"] .landers-page-wrapper .filters-group select.filter-select {
    color-scheme: dark;
    background-color: var(--dk-filter-surface) !important;
    border-color: var(--dk-filter-accent-border) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-filters-scope .filters-group select.filter-select:has(option[value=""]:checked),
html[data-theme="dark"] .new-page-wrapper .filters-group select.filter-select:has(option[value=""]:checked),
html[data-theme="dark"] .landers-page-wrapper .filters-group select.filter-select:has(option[value=""]:checked) {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-filters-scope .filters-group select.filter-select:not(:has(option[value=""]:checked)),
html[data-theme="dark"] .new-page-wrapper .filters-group select.filter-select:not(:has(option[value=""]:checked)),
html[data-theme="dark"] .landers-page-wrapper .filters-group select.filter-select:not(:has(option[value=""]:checked)) {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper:hover > .filter-select.es-filter-control,
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper:hover > select.filter-select,
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper:hover > input.filter-select,
html[data-theme="dark"] .new-page-wrapper .filters-group .select-wrapper:hover > select.filter-select,
html[data-theme="dark"] .landers-page-wrapper .filters-group .select-wrapper:hover > .filter-select.es-filter-control,
html[data-theme="dark"] .landers-page-wrapper .filters-group .select-wrapper:hover > select.filter-select,
html[data-theme="dark"] .explore-filters-scope .filters-group select.filter-select.es-filter-control:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group select.filter-select:hover,
html[data-theme="dark"] .new-page-wrapper .filters-group select.filter-select:hover,
html[data-theme="dark"] .landers-page-wrapper .filters-group select.filter-select:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group .filter-select.es-filter-control:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group button.filter-select.es-filter-control:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group input.filter-select:hover,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper:hover > button.filter-select.es-filter-control,
html[data-theme="dark"] .explore-filters-scope .visitors-country-filter-wrapper:not(.select-wrapper):hover > button.filter-select.es-filter-control,
html[data-theme="dark"] .explore-filters-scope .es-country-filter-wrapper:hover > button.filter-select.es-filter-control,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .visitors-country-filter-wrapper:not(.select-wrapper):hover > button.filter-select.es-filter-control,
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control):hover,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control):hover,
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control).has-value:hover,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control).has-value:hover {
    background-color: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-filter-accent-border-hover) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
    box-shadow: none !important;
    outline: none !important;
}
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control):hover > select.filter-select,
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control):hover > input.filter-select,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control):hover > select.filter-select {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper.open > .filter-select.es-filter-control,
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper.open > select.filter-select,
html[data-theme="dark"] .new-page-wrapper .filters-group .select-wrapper.open > select.filter-select,
html[data-theme="dark"] .landers-page-wrapper .filters-group .select-wrapper.open > select.filter-select,
html[data-theme="dark"] .explore-filters-scope .filters-group select.filter-select:focus,
html[data-theme="dark"] .explore-filters-scope .filters-group select.filter-select:focus-visible,
html[data-theme="dark"] .new-page-wrapper .filters-group select.filter-select:focus,
html[data-theme="dark"] .new-page-wrapper .filters-group select.filter-select:focus-visible,
html[data-theme="dark"] .landers-page-wrapper .filters-group select.filter-select:focus,
html[data-theme="dark"] .landers-page-wrapper .filters-group select.filter-select:focus-visible,
html[data-theme="dark"] .explore-filters-scope .filters-group input.filter-select:focus,
html[data-theme="dark"] .explore-filters-scope .filters-group input.filter-select:focus-visible,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper.open > button.filter-select.es-filter-control,
html[data-theme="dark"] .explore-filters-scope .visitors-country-filter-wrapper:not(.select-wrapper).open > button.filter-select.es-filter-control,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .visitors-country-filter-wrapper:not(.select-wrapper).open > button.filter-select.es-filter-control,
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper).open > #visitorsCountryFilterTrigger,
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper).open > #adCountryFilterTrigger,
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper).open > #adLanguageFilterTrigger,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper).open > #visitorsCountryFilterTrigger,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper).open > #adCountryFilterTrigger,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper).open > #adLanguageFilterTrigger,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper.open > #landersNicheRulesTrigger,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper.open > #landersPageTypeRulesTrigger,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper.open > #landersAdGrowthTrigger,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper.open > #landersPageActiveAdsTrigger,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper.open > #landersPageActiveAdsGrowthTrigger,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper.open > #landersPageLikesTrigger,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper.open > #landersPageIgFollowersTrigger,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper.open > #landersTrackedBrandsRulesTrigger,
html[data-theme="dark"] .explore-filters-scope .filters-group .store-created-filter-wrapper.open > #landersPageCreatedFilterTrigger {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-accent) !important;
    box-shadow: 0 0 0 2px rgba(34, 90, 234, 0.2) !important;
    outline: none !important;
}

/* Unified shell (range selects): open state matches hover — border only, no outer ring. */
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper.open:not(.search-wrapper):not(.es-filter-control),
html[data-theme="dark"] .new-page-wrapper .explore-filters-scope .filters-group .select-wrapper.open:not(.search-wrapper):not(.es-filter-control),
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .select-wrapper.open:not(.search-wrapper):not(.es-filter-control),
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control):focus-within,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control):focus-within {
    outline: none !important;
    border-color: rgba(34, 90, 234, 0.58) !important;
    background-color: var(--dk-surface-3) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper.has-value.open:not(.search-wrapper):not(.es-filter-control),
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .select-wrapper.has-value.open:not(.search-wrapper):not(.es-filter-control) {
    background: var(--es2-primary-soft) !important;
    border-color: rgba(34, 90, 234, 0.58) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper.open:not(.search-wrapper):not(.es-filter-control) > select.filter-select,
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper.open:not(.search-wrapper):not(.es-filter-control) > input.filter-select,
html[data-theme="dark"] .new-page-wrapper .filters-group .select-wrapper.open:not(.search-wrapper):not(.es-filter-control) > select.filter-select,
html[data-theme="dark"] .landers-page-wrapper .filters-group .select-wrapper.open:not(.search-wrapper):not(.es-filter-control) > select.filter-select,
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control):focus-within > select.filter-select,
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control):focus-within > input.filter-select,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control):focus-within > select.filter-select {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

html[data-theme="dark"] .explore-filters-scope .filters-group select.filter-select option,
html[data-theme="dark"] .new-page-wrapper .filters-group select.filter-select option,
html[data-theme="dark"] .landers-page-wrapper .filters-group select.filter-select option {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}

/* Store-created date + landers text inputs — collapsed trigger state */
html[data-theme="dark"] .explore-filters-scope .filters-group input.filter-select,
html[data-theme="dark"] .new-page-wrapper .filters-group input.filter-select,
html[data-theme="dark"] .explore-filters-scope .filters-group #storeCreatedRangeInput.filter-select,
html[data-theme="dark"] .new-page-wrapper .filters-group #storeCreatedRangeInput.filter-select {
    color-scheme: dark;
    background-color: var(--dk-filter-surface) !important;
    border-color: var(--dk-filter-accent-border) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-filters-scope .filters-group #storeCreatedRangeInput.filter-select:not(:placeholder-shown),
html[data-theme="dark"] .new-page-wrapper .filters-group #storeCreatedRangeInput.filter-select:not(:placeholder-shown) {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-filters-scope .filters-group input.filter-select::placeholder,
html[data-theme="dark"] .new-page-wrapper .filters-group input.filter-select::placeholder,
html[data-theme="dark"] .explore-filters-scope .filters-group #storeCreatedRangeInput.filter-select::placeholder,
html[data-theme="dark"] .new-page-wrapper .filters-group #storeCreatedRangeInput.filter-select::placeholder {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
    opacity: 1 !important;
}
html[data-theme="dark"] .explore-filters-scope .filters-group input.filter-select:hover,
html[data-theme="dark"] .new-page-wrapper .filters-group input.filter-select:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group #storeCreatedRangeInput.filter-select:hover,
html[data-theme="dark"] .new-page-wrapper .filters-group #storeCreatedRangeInput.filter-select:hover {
    background-color: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-filter-accent-border-hover) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}

/* Filter chevrons + inline icons in collapsed state */
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper::after,
html[data-theme="dark"] .new-page-wrapper .filters-group .select-wrapper::after,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper::after {
    border-color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper .select-icon,
html[data-theme="dark"] .new-page-wrapper .filters-group .select-wrapper .select-icon {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .filter-select.es-filter-control > .es-filter-trigger-chevron,
html[data-theme="dark"] .explore-filters-scope button.filter-select.es-filter-control > .es-filter-trigger-chevron {
    stroke: var(--dk-text-3) !important;
}
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper button.filter-select.es-filter-control > svg:last-child,
html[data-theme="dark"] .filters-bar button.filter-select.es-filter-control svg[stroke="#000000"],
html[data-theme="dark"] .dashboard-filters-explore.filters-bar button.filter-select.es-filter-control svg[stroke="#000000"] {
    stroke: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-rules-filter-wrapper button.filter-select.es-filter-control,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper button.filter-select.es-filter-control {
    border-color: var(--dk-filter-accent-border) !important;
}
html[data-theme="dark"] .landers-rules-filter-wrapper:hover > button.filter-select.es-filter-control,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper:hover > button.filter-select.es-filter-control,
html[data-theme="dark"] .landers-rules-filter-wrapper button.filter-select.es-filter-control:hover,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper button.filter-select.es-filter-control:hover {
    background-color: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-filter-accent-border-hover) !important;
}
html[data-theme="dark"] .filter-select.es-filter-control > .es-filter-trigger-icon,
html[data-theme="dark"] .explore-filters-scope .filter-emoji-icon {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .es-filter-trigger-label.is-placeholder {
    color: var(--dk-text) !important;
}

/* Filter control text — white on dark pill surfaces */
html[data-theme="dark"] .filters-group .filter-select,
html[data-theme="dark"] .filters-group .filter-select.es-filter-control .es-filter-trigger-label,
html[data-theme="dark"] .filters-group button.filter-select.es-filter-control > span:not(.es-filter-trigger-icon):not(.filter-emoji-icon),
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper .div-block-71 input.form-input[type="text"],
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper > .w-embed > input.form-input[type="text"],
html[data-theme="dark"] .dashboard-filters-explore.filters-bar > .select-wrapper > select.form-input.w-select:not(.hidden) {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}

/* Explore filter trigger buttons (explore-shops-filters-bar.css !important whites) — collapsed only */
html[data-theme="dark"] .filters-bar.dashboard-filters-explore button.filter-select.es-filter-control,
html[data-theme="dark"] #trafficGrowthToggle,
html[data-theme="dark"] #shopifyThemeFilterTrigger,
html[data-theme="dark"] #pixelsFilterTrigger:not(.has-value),
html[data-theme="dark"] .visitors-country-filter-wrapper:not(.open) > #visitorsCountryFilterTrigger,
html[data-theme="dark"] .visitors-country-filter-wrapper:not(.open) > #adCountryFilterTrigger,
html[data-theme="dark"] .visitors-country-filter-wrapper:not(.open) > #adLanguageFilterTrigger,
html[data-theme="dark"] #trustpilotToggle,
html[data-theme="dark"] #countryFilterTrigger,
html[data-theme="dark"] .landers-rules-filter-wrapper:not(.open) > #landersNicheRulesTrigger,
html[data-theme="dark"] .landers-rules-filter-wrapper:not(.open) > #landersPageTypeRulesTrigger,
html[data-theme="dark"] .landers-rules-filter-wrapper:not(.open) > #landersAdGrowthTrigger,
html[data-theme="dark"] .landers-rules-filter-wrapper:not(.open) > #landersPageActiveAdsTrigger,
html[data-theme="dark"] .landers-rules-filter-wrapper:not(.open) > #landersPageActiveAdsGrowthTrigger,
html[data-theme="dark"] .landers-rules-filter-wrapper:not(.open) > #landersPageLikesTrigger,
html[data-theme="dark"] .landers-rules-filter-wrapper:not(.open) > #landersPageIgFollowersTrigger,
html[data-theme="dark"] .landers-rules-filter-wrapper:not(.open) > #landersTrackedBrandsRulesTrigger,
html[data-theme="dark"] .store-created-filter-wrapper:not(.open) > #landersPageCreatedFilterTrigger {
    background: var(--dk-filter-surface) !important;
    border-color: var(--dk-filter-accent-border) !important;
    color: var(--dk-text) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .filters-bar.dashboard-filters-explore button.filter-select.es-filter-control:hover,
html[data-theme="dark"] #trafficGrowthToggle:hover,
html[data-theme="dark"] #shopifyThemeFilterTrigger:hover,
html[data-theme="dark"] #pixelsFilterTrigger:not(.has-value):hover,
html[data-theme="dark"] #visitorsCountryFilterTrigger:hover,
html[data-theme="dark"] #adCountryFilterTrigger:hover,
html[data-theme="dark"] #adLanguageFilterTrigger:hover,
html[data-theme="dark"] #trustpilotToggle:hover,
html[data-theme="dark"] #countryFilterTrigger:hover,
html[data-theme="dark"] #landersNicheRulesTrigger:hover,
html[data-theme="dark"] #landersPageTypeRulesTrigger:hover,
html[data-theme="dark"] #landersAdGrowthTrigger:hover,
html[data-theme="dark"] #landersPageActiveAdsTrigger:hover,
html[data-theme="dark"] #landersPageActiveAdsGrowthTrigger:hover,
html[data-theme="dark"] #landersPageLikesTrigger:hover,
html[data-theme="dark"] #landersPageIgFollowersTrigger:hover,
html[data-theme="dark"] #landersTrackedBrandsRulesTrigger:hover,
html[data-theme="dark"] #landersPageCreatedFilterTrigger:hover {
    background: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-filter-accent-border-hover) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .filters-bar.dashboard-filters-explore button.filter-select.es-filter-control:focus,
html[data-theme="dark"] .filters-bar.dashboard-filters-explore button.filter-select.es-filter-control:focus-visible,
html[data-theme="dark"] #trafficGrowthToggle:focus,
html[data-theme="dark"] #trafficGrowthToggle:focus-visible,
html[data-theme="dark"] #shopifyThemeFilterTrigger:focus,
html[data-theme="dark"] #shopifyThemeFilterTrigger:focus-visible,
html[data-theme="dark"] #pixelsFilterTrigger:focus,
html[data-theme="dark"] #pixelsFilterTrigger:focus-visible,
html[data-theme="dark"] #visitorsCountryFilterTrigger:focus,
html[data-theme="dark"] #visitorsCountryFilterTrigger:focus-visible,
html[data-theme="dark"] #trustpilotToggle:focus,
html[data-theme="dark"] #trustpilotToggle:focus-visible,
html[data-theme="dark"] #countryFilterTrigger:focus,
html[data-theme="dark"] #countryFilterTrigger:focus-visible,
html[data-theme="dark"] #landersNicheRulesTrigger:focus,
html[data-theme="dark"] #landersNicheRulesTrigger:focus-visible,
html[data-theme="dark"] #landersPageTypeRulesTrigger:focus,
html[data-theme="dark"] #landersPageTypeRulesTrigger:focus-visible,
html[data-theme="dark"] #landersAdGrowthTrigger:focus,
html[data-theme="dark"] #landersAdGrowthTrigger:focus-visible,
html[data-theme="dark"] #landersPageActiveAdsTrigger:focus,
html[data-theme="dark"] #landersPageActiveAdsTrigger:focus-visible,
html[data-theme="dark"] #landersPageActiveAdsGrowthTrigger:focus,
html[data-theme="dark"] #landersPageActiveAdsGrowthTrigger:focus-visible,
html[data-theme="dark"] #landersPageLikesTrigger:focus,
html[data-theme="dark"] #landersPageLikesTrigger:focus-visible,
html[data-theme="dark"] #landersPageIgFollowersTrigger:focus,
html[data-theme="dark"] #landersPageIgFollowersTrigger:focus-visible,
html[data-theme="dark"] #landersTrackedBrandsRulesTrigger:focus,
html[data-theme="dark"] #landersTrackedBrandsRulesTrigger:focus-visible,
html[data-theme="dark"] #landersPageCreatedFilterTrigger:focus,
html[data-theme="dark"] #landersPageCreatedFilterTrigger:focus-visible {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-accent) !important;
    box-shadow: 0 0 0 2px rgba(34, 90, 234, 0.2) !important;
    outline: none !important;
}

html[data-theme="dark"] .explore-filters-scope .filters-group input.filter-select.es-filter-control.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group select.filter-select.es-filter-control.has-value,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersNicheRulesTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersPageTypeRulesTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersAdGrowthTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersTrafficGrowthTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersPageActiveAdsTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersPageActiveAdsGrowthTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersPageLikesTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersPageIgFollowersTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersTrackedBrandsRulesTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #storeCreatedFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .store-created-filter-wrapper > #landersCreatedFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .store-created-filter-wrapper > #landersPageCreatedFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersPageActiveAdsTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersPageActiveAdsGrowthTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersPageLikesTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersPageIgFollowersTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersTrackedBrandsRulesTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .store-created-filter-wrapper > #landersPageCreatedFilterTrigger.has-value,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersPageActiveAdsTrigger.has-value,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersPageActiveAdsGrowthTrigger.has-value,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersPageLikesTrigger.has-value,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersPageIgFollowersTrigger.has-value,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersTrackedBrandsRulesTrigger.has-value,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .store-created-filter-wrapper > #landersPageCreatedFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope #landers-minimal-filters .landers-rules-filter-wrapper > #landersPageActiveAdsTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope #landers-minimal-filters .landers-rules-filter-wrapper > #landersPageActiveAdsGrowthTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope #landers-minimal-filters .landers-rules-filter-wrapper > #landersPageLikesTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope #landers-minimal-filters .landers-rules-filter-wrapper > #landersPageIgFollowersTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope #landers-minimal-filters .landers-rules-filter-wrapper > #landersTrackedBrandsRulesTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope #landers-minimal-filters .store-created-filter-wrapper > #landersPageCreatedFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper > button.filter-select.es-filter-control.has-value,
html[data-theme="dark"] .explore-filters-scope .pixels-rules-filter-wrapper > button.filter-select.es-filter-control.has-value,
html[data-theme="dark"] #pixelsFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .visitors-country-filter-wrapper #visitorsCountryFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .visitors-country-filter-wrapper #adCountryFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .visitors-country-filter-wrapper #adLanguageFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .es-country-filter-wrapper #countryFilterTrigger.has-value {
    background: var(--es2-primary-soft) !important;
    border-color: rgba(34, 90, 234, 0.58) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control).has-value,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control).has-value {
    background: var(--es2-primary-soft) !important;
    border-color: rgba(34, 90, 234, 0.58) !important;
}
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope #landers-minimal-filters .select-wrapper:not(.search-wrapper):not(.es-filter-control).has-value,
html[data-theme="dark"] .explore-filters-scope #landers-minimal-filters .select-wrapper:not(.search-wrapper):not(.es-filter-control).has-value {
    background: var(--es2-primary-soft) !important;
    border-color: rgba(34, 90, 234, 0.58) !important;
}
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control).has-value > input.filter-select.es-filter-control,
html[data-theme="dark"] .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control).has-value > select.filter-select.es-filter-control,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control).has-value > input.filter-select.es-filter-control,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control).has-value > select.filter-select.es-filter-control,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope #landers-minimal-filters .select-wrapper:not(.search-wrapper):not(.es-filter-control).has-value > select.filter-select.es-filter-control,
html[data-theme="dark"] .explore-filters-scope #landers-minimal-filters .select-wrapper:not(.search-wrapper):not(.es-filter-control).has-value > select.filter-select.es-filter-control {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
    font-weight: 600 !important;
}

/* MAE button triggers — beat unified layout base surface in dark mode (match select-wrapper / Ad Growth). */
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #visitorsCountryFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adCountryFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adLanguageFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group #countryFilterTrigger.has-value,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #visitorsCountryFilterTrigger.has-value,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adCountryFilterTrigger.has-value,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adLanguageFilterTrigger.has-value,
html[data-theme="dark"] .new-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #visitorsCountryFilterTrigger.has-value,
html[data-theme="dark"] .new-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adCountryFilterTrigger.has-value,
html[data-theme="dark"] .new-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adLanguageFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .store-created-filter-wrapper > #landersCreatedFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .store-created-filter-wrapper > #landersPageCreatedFilterTrigger.has-value,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .store-created-filter-wrapper > #landersCreatedFilterTrigger.has-value,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .store-created-filter-wrapper > #landersPageCreatedFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope #landers-minimal-filters .store-created-filter-wrapper > #landersCreatedFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope #landers-minimal-filters .store-created-filter-wrapper > #landersPageCreatedFilterTrigger.has-value {
    background: var(--es2-primary-soft) !important;
    border-color: rgba(34, 90, 234, 0.58) !important;
    color: var(--dk-text) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #visitorsCountryFilterTrigger.has-value > .es-filter-trigger-label,
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adCountryFilterTrigger.has-value > .es-filter-trigger-label,
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adLanguageFilterTrigger.has-value > .es-filter-trigger-label,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #visitorsCountryFilterTrigger.has-value > .es-filter-trigger-label,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adCountryFilterTrigger.has-value > .es-filter-trigger-label,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adLanguageFilterTrigger.has-value > .es-filter-trigger-label {
    color: var(--dk-text) !important;
    font-weight: 600 !important;
}

/* Landers Page tab + rules triggers — selected label weight in dark mode */
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersPageActiveAdsTrigger.has-value > span:not(.filter-emoji-icon),
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersPageActiveAdsGrowthTrigger.has-value > span:not(.filter-emoji-icon),
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersPageLikesTrigger.has-value > span:not(.filter-emoji-icon),
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersPageIgFollowersTrigger.has-value > span:not(.filter-emoji-icon),
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersTrackedBrandsRulesTrigger.has-value > span:not(.filter-emoji-icon),
html[data-theme="dark"] .explore-filters-scope .store-created-filter-wrapper > #landersPageCreatedFilterTrigger.has-value > span:not(.filter-emoji-icon),
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper > button.filter-select.es-filter-control.has-value > span:not(.filter-emoji-icon),
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .landers-rules-filter-wrapper > button.filter-select.es-filter-control.has-value > span:not(.filter-emoji-icon),
html[data-theme="dark"] .explore-filters-scope #landers-minimal-filters .landers-rules-filter-wrapper > button.filter-select.es-filter-control.has-value > span:not(.filter-emoji-icon),
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .store-created-filter-wrapper > #landersPageCreatedFilterTrigger.has-value > span:not(.filter-emoji-icon) {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
    font-weight: 600 !important;
}

html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #visitorsCountryFilterTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adCountryFilterTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adLanguageFilterTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group #countryFilterTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group #nicheCategoryFilterTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group #trustpilotToggle.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group #trafficGrowthToggle.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group #shopifyThemeFilterTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group #pixelsFilterTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersNicheRulesTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersPageTypeRulesTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersAdGrowthTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersPageActiveAdsTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersPageActiveAdsGrowthTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersPageLikesTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersPageIgFollowersTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper #landersTrackedBrandsRulesTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .store-created-filter-wrapper > #landersPageCreatedFilterTrigger.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .landers-rules-filter-wrapper > button.filter-select.es-filter-control.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .pixels-rules-filter-wrapper > button.filter-select.es-filter-control.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group select.filter-select.es-filter-control.has-value:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group input.filter-select.es-filter-control.has-value:hover,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #visitorsCountryFilterTrigger.has-value:hover,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adCountryFilterTrigger.has-value:hover,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adLanguageFilterTrigger.has-value:hover,
html[data-theme="dark"] .new-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #visitorsCountryFilterTrigger.has-value:hover,
html[data-theme="dark"] .new-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adCountryFilterTrigger.has-value:hover,
html[data-theme="dark"] .new-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adLanguageFilterTrigger.has-value:hover,
html[data-theme="dark"] .std-similar-explore-mount .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #visitorsCountryFilterTrigger.has-value:hover,
html[data-theme="dark"] .std-similar-explore-mount .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adCountryFilterTrigger.has-value:hover,
html[data-theme="dark"] .std-similar-explore-mount .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adLanguageFilterTrigger.has-value:hover {
    background: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-filter-accent-border-hover) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper).open > #visitorsCountryFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper).open > #adCountryFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper).open > #adLanguageFilterTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper.open > #landersPageActiveAdsTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper.open > #landersPageActiveAdsGrowthTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper.open > #landersPageLikesTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper.open > #landersPageIgFollowersTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper.open > #landersTrackedBrandsRulesTrigger.has-value,
html[data-theme="dark"] .explore-filters-scope .filters-group .store-created-filter-wrapper.open > #landersPageCreatedFilterTrigger.has-value,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper).open > #visitorsCountryFilterTrigger.has-value,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper).open > #adCountryFilterTrigger.has-value,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper).open > #adLanguageFilterTrigger.has-value {
    background: var(--es2-primary-soft) !important;
    border-color: rgba(34, 90, 234, 0.58) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 0 0 2px rgba(34, 90, 234, 0.2) !important;
    outline: none !important;
}

/* =============================================================================
   Unified filter trigger hover — all collapsed controls (dark mode)
   ============================================================================= */
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control):hover,
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .filters-group .select-wrapper:not(.search-wrapper):hover > select.filter-select,
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .filters-group .select-wrapper:not(.search-wrapper):hover > input.filter-select,
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .filters-group .select-wrapper:not(.search-wrapper):hover > .filter-select.es-filter-control,
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .filters-group select.filter-select:hover,
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .filters-group input.filter-select:hover,
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .filters-group button.filter-select.es-filter-control:hover,
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .trustpilot-filter-wrapper:hover > #trustpilotToggle,
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .traffic-growth-filter-wrapper:hover > #trafficGrowthToggle,
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .shopify-theme-filter-wrapper:hover > #shopifyThemeFilterTrigger,
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .pixels-rules-filter-wrapper:hover > #pixelsFilterTrigger,
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .category-filter-wrapper:hover > #nicheCategoryFilterTrigger,
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .visitors-country-filter-wrapper:not(.select-wrapper):hover > button.filter-select.es-filter-control,
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .es-country-filter-wrapper:hover > #countryFilterTrigger,
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .landers-rules-filter-wrapper:hover > button.filter-select.es-filter-control {
    background-color: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-filter-accent-border-hover) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
    box-shadow: none !important;
    outline: none !important;
}

html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control):hover > select.filter-select,
html[data-theme="dark"] :is(
    .explore-filters-scope,
    .new-page-wrapper .explore-filters-scope,
    .landers-page-wrapper .explore-filters-scope,
    .std-similar-explore-mount .explore-filters-scope
) .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control):hover > input.filter-select {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}

/* Store apps combobox shell (collapsed) */
html[data-theme="dark"] #storeAppsFilterDropdown .select-wrapper.es-filter-control {
    background-color: var(--dk-filter-surface) !important;
    border-color: var(--dk-filter-accent-border) !important;
}
html[data-theme="dark"] #storeAppsFilterDropdown .select-wrapper.es-filter-control:hover {
    background-color: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-filter-accent-border-hover) !important;
}
html[data-theme="dark"] #storeAppsFilterDropdown .select-wrapper.es-filter-control:focus-within {
    background-color: var(--dk-filter-surface-hover) !important;
    border-color: var(--dk-accent) !important;
    box-shadow: 0 0 0 2px rgba(34, 90, 234, 0.2) !important;
}
html[data-theme="dark"] #storeAppsFilterDropdown .es-filter-control__input,
html[data-theme="dark"] #storeAppsFilterDropdown .search-input {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] #storeAppsFilterDropdown .es-filter-control__input::placeholder,
html[data-theme="dark"] #storeAppsFilterDropdown .search-input::placeholder {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-visual-search-camera-btn {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .vs-camera-tooltip,
html[data-theme="dark"] .vs-camera-tooltip::after {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .search-bar-2 .stores-count-wrapper {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .new-page-wrapper .active-filters-bar,
html[data-theme="dark"] .landers-page-wrapper .active-filters-bar {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .new-page-wrapper .filter-tag--openable:hover,
html[data-theme="dark"] .landers-page-wrapper .filter-tag--openable:hover,
html[data-theme="dark"] .new-page-wrapper .filter-tag--openable:focus-visible,
html[data-theme="dark"] .landers-page-wrapper .filter-tag--openable:focus-visible {
    background-color: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .new-page-wrapper .filter-tag,
html[data-theme="dark"] .landers-page-wrapper .filter-tag {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-filter-pill-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .new-page-wrapper .filter-tag-label,
html[data-theme="dark"] .landers-page-wrapper .filter-tag-label {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .new-page-wrapper .filter-tag-value,
html[data-theme="dark"] .landers-page-wrapper .filter-tag-value {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .new-page-wrapper .filter-tag-remove:hover,
html[data-theme="dark"] .landers-page-wrapper .filter-tag-remove:hover {
    color: var(--dk-text-2) !important;
    background: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .new-page-wrapper .clear-filters,
html[data-theme="dark"] .landers-page-wrapper .clear-filters {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .new-page-wrapper .clear-filters:hover,
html[data-theme="dark"] .landers-page-wrapper .clear-filters:hover {
    background: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .new-page-wrapper .no-filters-text,
html[data-theme="dark"] .landers-page-wrapper .no-filters-text {
    color: var(--dk-text-3) !important;
}

/* Quick filter preset cards */
html[data-theme="dark"] .filter-presets-title {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .new-page-wrapper .filter-preset-card,
html[data-theme="dark"] .landers-page-wrapper .filter-preset-card,
html[data-theme="dark"] .filter-preset-card {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .new-page-wrapper .filter-preset-card:hover,
html[data-theme="dark"] .landers-page-wrapper .filter-preset-card:hover,
html[data-theme="dark"] .filter-preset-card:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .new-page-wrapper .filter-preset-title,
html[data-theme="dark"] .landers-page-wrapper .filter-preset-title,
html[data-theme="dark"] .filter-preset-title {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .new-page-wrapper .filter-preset-card.active,
html[data-theme="dark"] .landers-page-wrapper .filter-preset-card.active,
html[data-theme="dark"] .filter-preset-card.active {
    background: var(--dk-surface, #1a1c22) !important;
    border-color: rgba(96, 165, 250, 0.5) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .new-page-wrapper .filter-preset-card.active .filter-preset-title,
html[data-theme="dark"] .landers-page-wrapper .filter-preset-card.active .filter-preset-title,
html[data-theme="dark"] .filter-preset-card.active .filter-preset-title {
    color: var(--dk-text, #e8eaed) !important;
    font-weight: 600 !important;
}

html[data-theme="dark"] .explore-shops-filter-preset-save {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .explore-shops-filter-preset-save:hover {
    background-color: var(--dk-surface-3) !important;
    border-color: var(--dk-text-3) !important;
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .filter-preset-saved-remove {
    color: var(--dk-text-3) !important;
}

html[data-theme="dark"] .filter-preset-saved-remove:hover {
    color: #f87171 !important;
    background: rgba(248, 113, 113, 0.12) !important;
}

/* Export data button + dropdown (background uses --es2-text in light redesign → reads as white in dark) */
html[data-theme="dark"] .new-page-wrapper .export-button,
html[data-theme="dark"] .landers-page-wrapper .export-button,
html[data-theme="dark"] .export-button {
    background: var(--dk-accent) !important;
    border: 1px solid transparent !important;
}
html[data-theme="dark"] .new-page-wrapper .export-button:hover,
html[data-theme="dark"] .landers-page-wrapper .export-button:hover,
html[data-theme="dark"] .export-button:hover {
    background: #6390f5 !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .export-icon,
html[data-theme="dark"] .export-text,
html[data-theme="dark"] .export-button-content {
    color: #fff !important;
}
html[data-theme="dark"] .export-menu {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .export-menu-item {
    color: var(--dk-text-2) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .export-menu-item:hover {
    background: rgba(34, 90, 234, 0.12) !important;
    color: var(--dk-accent) !important;
}

/* Range / Trustpilot filter panel presets */
html[data-theme="dark"] .new-page-wrapper .range-slider-dropdown,
html[data-theme="dark"] .landers-page-wrapper .range-slider-dropdown,
html[data-theme="dark"] .range-slider-dropdown {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .range-slider-header {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .range-preset-chip,
html[data-theme="dark"] .new-page-wrapper .tp-preset-chip,
html[data-theme="dark"] .landers-page-wrapper .tp-preset-chip {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .range-preset-chip:hover,
html[data-theme="dark"] .new-page-wrapper .tp-preset-chip:hover,
html[data-theme="dark"] .landers-page-wrapper .tp-preset-chip:hover {
    border-color: rgba(34, 90, 234, 0.45) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .range-preset-chip.active,
html[data-theme="dark"] .new-page-wrapper .tp-preset-chip.active,
html[data-theme="dark"] .landers-page-wrapper .tp-preset-chip.active {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] .range-slider-input-wrap {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .range-slider-input-wrap:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .range-slider-input-wrap:focus-within {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 0 0 2px rgba(15, 23, 42, 0.35) !important;
}
html[data-theme="dark"] .range-slider-input {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .range-slider-input::placeholder,
html[data-theme="dark"] .range-max-input::placeholder {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .range-slider-track {
    background: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .range-slider-fill {
    background: var(--dk-accent) !important;
}
html[data-theme="dark"] .range-slider-actions {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .range-slider-action-btn {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .range-slider-action-btn.range-apply-btn,
html[data-theme="dark"] .range-slider-apply-btn {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] .range-slider-action-btn:hover:not(.range-apply-btn):not(.range-slider-apply-btn) {
    color: var(--dk-text) !important;
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .range-slider-action-btn.range-apply-btn:hover,
html[data-theme="dark"] .range-slider-apply-btn:hover {
    background: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] .explore-vc-footer-btn--primary:hover,
html[data-theme="dark"] .explore-panel-footer-btn--primary:hover {
    color: #fff !important;
}
html[data-theme="dark"] .new-page-wrapper .traffic-growth-dropdown-panel,
html[data-theme="dark"] .landers-page-wrapper .traffic-growth-dropdown-panel,
html[data-theme="dark"] .traffic-growth-dropdown-panel {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2);
}
html[data-theme="dark"] .traffic-growth-dropdown__title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .traffic-growth-dropdown__hint,
html[data-theme="dark"] .traffic-growth-add-rule-btn,
html[data-theme="dark"] .traffic-growth-rule-row {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .traffic-growth-add-rule-btn:hover {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .traffic-growth-dropdown__add-wrap,
html[data-theme="dark"] .traffic-growth-rule-row {
    border-color: var(--dk-border) !important;
}
/* Traffic growth rules — JS inline styles (color:#1e293b, background:#fff) */
html[data-theme="dark"] #trafficGrowthDropdown select,
html[data-theme="dark"] #trafficGrowthDropdown .tg-months,
html[data-theme="dark"] #trafficGrowthDropdown .tg-direction {
    color-scheme: dark;
    color: var(--dk-text) !important;
    background-color: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] #trafficGrowthDropdown input.tg-percentage,
html[data-theme="dark"] #trafficGrowthDropdown input[type="number"] {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] #trafficGrowthDropdown div[style*="background:#fff"],
html[data-theme="dark"] #trafficGrowthDropdown div[style*="background: #fff"] {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] #trafficGrowthDropdown .tg-remove-rule {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] #trafficGrowthDropdown .tg-remove-rule:hover {
    color: var(--dk-text) !important;
}

/* Explore filter panels / dropdowns (explore-shops-filters-bar.css) */
html[data-theme="dark"] body:has(.explore-filters-scope) .select2-dropdown,
html[data-theme="dark"] body:has(.filters-bar.dashboard-filters-explore) .select2-dropdown {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .new-page-wrapper .es-filter-dropdown,
html[data-theme="dark"] .new-page-wrapper .filter-dropdown-panel,
html[data-theme="dark"] .new-page-wrapper .category-hierarchical-panel,
html[data-theme="dark"] .new-page-wrapper .visitors-country-panel,
html[data-theme="dark"] .new-page-wrapper .store-apps-dropdown-panel {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}

/* Generic filter dropdown panels (currency/language/country custom selects, shopify themes, etc.) */
html[data-theme="dark"] .dropdown-options,
html[data-theme="dark"] .simple-searchable-dropdown,
html[data-theme="dark"] .shopify-themes-dropdown-panel.dropdown-options,
html[data-theme="dark"] .pixels-rules-dropdown-panel.dropdown-options,
html[data-theme="dark"] .visitors-country-dropdown-panel.dropdown-options,
html[data-theme="dark"] .traffic-growth-dropdown-panel {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}
/* Visitor country / ad targeting MAE panels — beat explore-shops-page es2 accent border (!important) */
html[data-theme="dark"] .visitors-country-filter-wrapper .visitors-country-dropdown-panel.dropdown-options,
html[data-theme="dark"] .new-page-wrapper .visitors-country-filter-wrapper .visitors-country-dropdown-panel.dropdown-options,
html[data-theme="dark"] .landers-page-wrapper .visitors-country-filter-wrapper .visitors-country-dropdown-panel.dropdown-options,
html[data-theme="dark"] .std-similar-explore-mount .visitors-country-filter-wrapper .visitors-country-dropdown-panel.dropdown-options,
html[data-theme="dark"] .visitors-country-filter-wrapper.open .visitors-country-dropdown-panel.dropdown-options.show,
html[data-theme="dark"] .new-page-wrapper .visitors-country-filter-wrapper.open .visitors-country-dropdown-panel.dropdown-options.show,
html[data-theme="dark"] .landers-page-wrapper .visitors-country-filter-wrapper.open .visitors-country-dropdown-panel.dropdown-options.show {
    border: 1px solid var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
    outline: none !important;
}
/* ID beats class-only rules — explore-shops-page.css #visitorsCountryDropdown had border !important */
html[data-theme="dark"] #visitorsCountryDropdown,
html[data-theme="dark"] #adCountryDropdown,
html[data-theme="dark"] #adLanguageDropdown,
html[data-theme="dark"] #pixelsDropdown,
html[data-theme="dark"] .explore-filters-scope #visitorsCountryDropdown,
html[data-theme="dark"] .explore-filters-scope #adCountryDropdown,
html[data-theme="dark"] .explore-filters-scope #adLanguageDropdown,
html[data-theme="dark"] .new-page-wrapper #visitorsCountryDropdown,
html[data-theme="dark"] .new-page-wrapper #adCountryDropdown,
html[data-theme="dark"] .new-page-wrapper #adLanguageDropdown,
html[data-theme="dark"] .landers-page-wrapper #visitorsCountryDropdown,
html[data-theme="dark"] .landers-page-wrapper #adCountryDropdown,
html[data-theme="dark"] .landers-page-wrapper #adLanguageDropdown,
html[data-theme="dark"] .std-similar-explore-mount #visitorsCountryDropdown,
html[data-theme="dark"] .std-similar-explore-mount #adCountryDropdown,
html[data-theme="dark"] .std-similar-explore-mount #adLanguageDropdown {
    background: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
    outline: none !important;
}
html[data-theme="dark"] .visitors-country-dropdown-panel input[type="checkbox"],
html[data-theme="dark"] .pixels-rules-dropdown-panel input[type="checkbox"],
html[data-theme="dark"] .landers-rules-dropdown-panel input[type="checkbox"] {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .visitors-country-dropdown-panel input[type="checkbox"]:hover,
html[data-theme="dark"] .pixels-rules-dropdown-panel input[type="checkbox"]:hover,
html[data-theme="dark"] .landers-rules-dropdown-panel input[type="checkbox"]:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .visitors-country-dropdown-panel input[type="checkbox"]:checked,
html[data-theme="dark"] .pixels-rules-dropdown-panel input[type="checkbox"]:checked,
html[data-theme="dark"] .landers-rules-dropdown-panel input[type="checkbox"]:checked,
html[data-theme="dark"] .visitors-country-dropdown-panel input[type="checkbox"]:indeterminate,
html[data-theme="dark"] .pixels-rules-dropdown-panel input[type="checkbox"]:indeterminate,
html[data-theme="dark"] .landers-rules-dropdown-panel input[type="checkbox"]:indeterminate {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
}
html[data-theme="dark"] .visitors-country-dropdown-panel input[type="checkbox"]:checked:hover,
html[data-theme="dark"] .pixels-rules-dropdown-panel input[type="checkbox"]:checked:hover,
html[data-theme="dark"] .landers-rules-dropdown-panel input[type="checkbox"]:checked:hover,
html[data-theme="dark"] .visitors-country-dropdown-panel input[type="checkbox"]:indeterminate:hover,
html[data-theme="dark"] .pixels-rules-dropdown-panel input[type="checkbox"]:indeterminate:hover,
html[data-theme="dark"] .landers-rules-dropdown-panel input[type="checkbox"]:indeterminate:hover {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
}
html[data-theme="dark"] .new-page-wrapper .shopify-themes-search-wrap,
html[data-theme="dark"] .new-page-wrapper .visitors-country-dropdown-panel .shopify-themes-search-wrap,
html[data-theme="dark"] .landers-page-wrapper .visitors-country-dropdown-panel .shopify-themes-search-wrap,
html[data-theme="dark"] .explore-filters-scope .visitors-country-dropdown-panel .shopify-themes-search-wrap,
html[data-theme="dark"] .shopify-themes-search-wrap {
    background: var(--dk-surface) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .new-page-wrapper .shopify-themes-search-wrap input,
html[data-theme="dark"] .new-page-wrapper #visitorsCountrySearch,
html[data-theme="dark"] .new-page-wrapper #adCountrySearch,
html[data-theme="dark"] .new-page-wrapper #adLanguageSearch,
html[data-theme="dark"] .new-page-wrapper #pixelsSearch,
html[data-theme="dark"] .new-page-wrapper #shopifyThemeSearchInput,
html[data-theme="dark"] .landers-page-wrapper #visitorsCountrySearch,
html[data-theme="dark"] .landers-page-wrapper #adCountrySearch,
html[data-theme="dark"] .landers-page-wrapper #adLanguageSearch,
html[data-theme="dark"] .explore-filters-scope #visitorsCountrySearch,
html[data-theme="dark"] .explore-filters-scope #adCountrySearch,
html[data-theme="dark"] .explore-filters-scope #adLanguageSearch,
html[data-theme="dark"] .shopify-themes-search-wrap input {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] .new-page-wrapper .shopify-themes-search-wrap input::placeholder,
html[data-theme="dark"] .shopify-themes-search-wrap input::placeholder {
    color: var(--dk-text-3) !important;
}
/* #pixelsSearch ID in explore-shops-page.css beats .shopify-themes-search-wrap input on landers */
html[data-theme="dark"] #pixelsSearch {
    background-color: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] #pixelsSearch:focus,
html[data-theme="dark"] #pixelsSearch:focus-visible {
    outline: none !important;
    border-color: var(--dk-accent-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] #pixelsSearch::placeholder {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .dropdown-option,
html[data-theme="dark"] .new-page-wrapper .dropdown-option,
html[data-theme="dark"] .shopify-theme-row {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .dropdown-option:hover,
html[data-theme="dark"] .dropdown-option.highlighted,
html[data-theme="dark"] .new-page-wrapper .dropdown-option:hover,
html[data-theme="dark"] .shopify-theme-row:hover,
html[data-theme="dark"] .new-page-wrapper .shopify-theme-row:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
/* Scaling / Shopify-theme multi panels (portaled to body; no .new-page-wrapper) */
html[data-theme="dark"] .shopify-themes-dropdown-panel,
html[data-theme="dark"] .shopify-themes-dropdown-panel.dropdown-options,
html[data-theme="dark"] #brandAdsScalingDropdown {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .shopify-themes-dropdown-panel input[type="checkbox"],
html[data-theme="dark"] #brandAdsScalingDropdown input[type="checkbox"] {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .shopify-themes-dropdown-panel input[type="checkbox"]:hover,
html[data-theme="dark"] #brandAdsScalingDropdown input[type="checkbox"]:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .shopify-themes-dropdown-panel input[type="checkbox"]:checked,
html[data-theme="dark"] #brandAdsScalingDropdown input[type="checkbox"]:checked {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
}
html[data-theme="dark"] .shopify-themes-list,
html[data-theme="dark"] #brandAdsScalingList {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .shopify-theme-panel-actions,
html[data-theme="dark"] .explore-shopify-theme-footer.shopify-theme-panel-actions,
html[data-theme="dark"] #brandAdsScalingDropdown .shopify-theme-panel-actions {
    background: var(--dk-surface) !important;
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .explore-panel-footer-btn--secondary {
    background: var(--dk-surface-deep) !important;
    color: var(--dk-text-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .explore-panel-footer-btn--secondary:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .explore-panel-footer-btn--primary {
    background: var(--dk-accent) !important;
    color: #fff !important;
    border-color: var(--dk-accent) !important;
}
html[data-theme="dark"] #brandAdsCountryDropdown,
html[data-theme="dark"] #brandAdsLanguageDropdown {
    background: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #brandAdsCountryDropdown input.vc-mode-cb,
html[data-theme="dark"] #brandAdsLanguageDropdown input.vc-mode-cb,
html[data-theme="dark"] .visitors-country-dropdown-panel input.vc-mode-cb {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] #brandAdsCountryDropdown input.vc-mode-cb:checked,
html[data-theme="dark"] #brandAdsLanguageDropdown input.vc-mode-cb:checked,
html[data-theme="dark"] .visitors-country-dropdown-panel input.vc-mode-cb:checked {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
}
html[data-theme="dark"] .dropdown-option.selected,
html[data-theme="dark"] .new-page-wrapper .dropdown-option.selected {
    background: rgba(34, 90, 234, 0.12) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .dropdown-option.selected:hover,
html[data-theme="dark"] .dropdown-option.selected.highlighted,
html[data-theme="dark"] .new-page-wrapper .dropdown-option.selected:hover {
    background: rgba(34, 90, 234, 0.18) !important;
    color: #bfdbfe !important;
}
html[data-theme="dark"] .simple-searchable-dropdown .dropdown-option-empty {
    color: var(--dk-text-3) !important;
    border-top-color: var(--dk-border) !important;
}
/* Panel is portaled to <body>, so do not require page-wrapper ancestors. */
html[data-theme="dark"] .shopify-theme-select-all-row,
html[data-theme="dark"] .new-page-wrapper .shopify-theme-select-all-row,
html[data-theme="dark"] .landers-page-wrapper .shopify-theme-select-all-row {
    background: var(--dk-surface) !important;
    border-top-color: var(--dk-border) !important;
    border-bottom-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .shopify-theme-select-all-row:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .shopify-theme-select-all-row input[type="checkbox"],
html[data-theme="dark"] .shopify-theme-select-all-row input[type="checkbox"]:hover {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .shopify-theme-select-all-row input[type="checkbox"]:checked,
html[data-theme="dark"] .shopify-theme-select-all-row input[type="checkbox"]:checked:hover,
html[data-theme="dark"] .shopify-theme-select-all-row input[type="checkbox"]:indeterminate,
html[data-theme="dark"] .shopify-theme-select-all-row input[type="checkbox"]:indeterminate:hover {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
}
html[data-theme="dark"] .shopify-theme-panel-actions,
html[data-theme="dark"] .new-page-wrapper .shopify-theme-panel-actions,
html[data-theme="dark"] .explore-shopify-theme-footer.shopify-theme-panel-actions {
    border-top-color: var(--dk-border) !important;
}

/* Store-created Lightpick calendar (explore-shops filters bar) */
html[data-theme="dark"] .lightpick.lightpick--explore-shops {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__month-title,
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__days-of-the-week {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__day {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__day.is-today {
    border-color: rgba(34, 90, 234, 0.45) !important;
}
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__day.is-in-range,
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__day.is-start-date,
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__day.is-end-date {
    background: rgba(34, 90, 234, 0.2) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__day:not(.is-disabled):hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__month-title > .lightpick__select,
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__select-months,
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__select-years {
    color: var(--dk-text-2) !important;
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color-scheme: dark;
}
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__previous-action,
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__next-action,
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__reset-action {
    color: var(--dk-text-2) !important;
    border-color: var(--dk-border-strong) !important;
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__previous-action:hover,
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__next-action:hover,
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__reset-action:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__presets {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__presets > div {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__inner {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .lightpick.lightpick--explore-shops .preset-range,
html[data-theme="dark"] .lightpick.lightpick--explore-shops .preset-heading {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .lightpick.lightpick--explore-shops .preset-range:hover,
html[data-theme="dark"] .lightpick.lightpick--explore-shops .preset-heading:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .lightpick.lightpick--explore-shops .preset-range.selected {
    background: rgba(34, 90, 234, 0.2) !important;
    color: var(--dk-accent) !important;
}

html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__presets .preset-heading-chevron {
    color: var(--dk-text-3) !important;
}

html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__months {
    background: var(--dk-surface-2) !important;
}

html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__month {
    background: var(--dk-surface-2) !important;
}

html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__day-of-the-week {
    color: var(--dk-text-3) !important;
}

html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__close-action {
    color: var(--dk-text-2) !important;
    border: none !important;
    background: var(--dk-surface-deep) !important;
}

html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__close-action:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__footer {
    background: var(--dk-surface-deep) !important;
    border-top-color: var(--dk-border) !important;
}

html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__footer-message {
    color: #fbbf24 !important;
}

html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__apply-action {
    background: var(--dk-accent) !important;
    color: #fff !important;
    border-color: transparent !important;
}

html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__apply-action:hover {
    background: #1a4acc !important;
    color: #fff !important;
}

html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__day.is-start-date,
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__day.is-end-date,
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__day.is-start-date:hover,
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__day.is-end-date:hover {
    background: var(--dk-accent) !important;
    color: #fff !important;
}

html[data-theme="dark"] .landers-page-wrapper #landers-minimal-filters .store-created-filter-wrapper > #storeCreatedFilterTrigger.filter-select.es-filter-control:not(.has-value),
html[data-theme="dark"] .explore-filters-scope .store-created-filter-wrapper > #storeCreatedFilterTrigger.filter-select.es-filter-control:not(.has-value),
html[data-theme="dark"] .explore-filters-scope .store-created-filter-wrapper > #landersPageCreatedFilterTrigger.filter-select.es-filter-control:not(.has-value),
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .store-created-filter-wrapper > #landersPageCreatedFilterTrigger.filter-select.es-filter-control:not(.has-value) {
    border-color: var(--dk-filter-accent-border) !important;
}

html[data-theme="dark"] .store-created-filter-wrapper::after {
    border-right-color: var(--dk-text-3) !important;
    border-bottom-color: var(--dk-text-3) !important;
}

/* Results meta bar */
html[data-theme="dark"] .new-page-wrapper .explore-shops-results-meta,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-results-meta,
html[data-theme="dark"] .brands-page-wrapper .explore-shops-results-meta,
html[data-theme="dark"] #explore-shops-results-meta {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-results-meta__pill,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-results-meta__pill,
html[data-theme="dark"] .brands-page-wrapper .explore-shops-results-meta__pill,
html[data-theme="dark"] #explore-shops-results-meta .explore-shops-results-meta__pill {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-results-meta__icon,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-results-meta__icon {
    background: rgba(34, 90, 234, 0.15) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-results-meta__lock,
html[data-theme="dark"] #explore-shops-results-meta .explore-shops-results-meta__lock {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-results-meta__lock:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
/* Results meta — hardcoded #0f172a / #334155 on dark pills */
html[data-theme="dark"] .new-page-wrapper .explore-shops-results-meta__count-text,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-results-meta__count-text,
html[data-theme="dark"] .brands-page-wrapper .explore-shops-results-meta__count-text {
    color: #ffffff !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-results-meta__total,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-results-meta__total,
html[data-theme="dark"] .brands-page-wrapper .explore-shops-results-meta__total {
    color: #ffffff !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-results-meta__suffix,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-results-meta__suffix,
html[data-theme="dark"] .brands-page-wrapper .explore-shops-results-meta__suffix {
    color: #ffffff !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-results-meta__icon,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-results-meta__icon {
    background: rgba(34, 90, 234, 0.15) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-results-meta__pill.is-empty,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-results-meta__pill.is-empty,
html[data-theme="dark"] .brands-page-wrapper .explore-shops-results-meta__pill.is-empty {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-results-meta__pill.is-empty .explore-shops-results-meta__icon,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-results-meta__pill.is-empty .explore-shops-results-meta__icon {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-results-meta__pill.is-empty .explore-shops-results-meta__total,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-results-meta__pill.is-empty .explore-shops-results-meta__total,
html[data-theme="dark"] .new-page-wrapper .explore-shops-results-meta__pill.is-loading .explore-shops-results-meta__total,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-results-meta__pill.is-loading .explore-shops-results-meta__total,
html[data-theme="dark"] .brands-page-wrapper .explore-shops-results-meta__pill.is-empty .explore-shops-results-meta__total,
html[data-theme="dark"] .brands-page-wrapper .explore-shops-results-meta__pill.is-loading .explore-shops-results-meta__total {
    color: var(--dk-text-2) !important;
}

/* Shared table card + skeleton */
html[data-theme="dark"] .table-wrapper {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .skeleton-loader:not(.std-visitors-skel-block) {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}

/* Explore Shops table — hardcoded !important whites in explore-shops-page.css */
html[data-theme="dark"] .shops-table thead,
html[data-theme="dark"] .shops-table thead th {
    background: var(--dk-surface-deep) !important;
    color: #ffffff !important;
    box-shadow: 0 1px 0 var(--dk-border) !important;
}
html[data-theme="dark"] .shops-table thead th:first-child {
    background: var(--dk-surface-deep) !important;
    box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .shops-table tbody td:first-child {
    background: var(--dk-surface) !important;
    box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .shops-table tbody td {
    background: var(--dk-surface) !important;
    color: var(--dk-text) !important;
    transition: background-color 0.14s ease;
}
html[data-theme="dark"] .shops-table tbody tr:nth-child(even) td,
html[data-theme="dark"] .new-page-wrapper .shops-table tbody tr:nth-child(even) td:first-child,
html[data-theme="dark"] .explore-shops-page-wrapper .shops-table tbody tr:nth-child(even) td,
html[data-theme="dark"] .explore-shops-page-wrapper .shops-table tbody tr:nth-child(even) td:first-child {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .new-page-wrapper tr:hover,
html[data-theme="dark"] .landers-page-wrapper tr:hover,
html[data-theme="dark"] .explore-shops-page-wrapper tr:hover,
html[data-theme="dark"] .brands-page-wrapper tr:hover {
    background-color: transparent !important;
}
html[data-theme="dark"] .shops-table tbody tr:hover td,
html[data-theme="dark"] .shops-table tbody tr:hover td:first-child,
html[data-theme="dark"] .new-page-wrapper .shops-table tbody tr:hover td,
html[data-theme="dark"] .new-page-wrapper .shops-table tbody tr:hover td:first-child,
html[data-theme="dark"] .explore-shops-page-wrapper .shops-table tbody tr:hover td,
html[data-theme="dark"] .explore-shops-page-wrapper .shops-table tbody tr:hover td:first-child,
html[data-theme="dark"] .landers-page-wrapper .shops-table tbody tr:hover td,
html[data-theme="dark"] .landers-page-wrapper .shops-table tbody tr:hover td:first-child,
html[data-theme="dark"] .brands-page-wrapper .shops-table.brands-table tbody tr:hover td,
html[data-theme="dark"] .brands-page-wrapper .shops-table.brands-table tbody tr:hover td.brands-select-cell,
html[data-theme="dark"] .brands-page-wrapper .shops-table.brands-table tbody tr:hover td.brands-brand-cell,
html[data-theme="dark"] .brands-page-wrapper .brands-table tbody tr:hover td,
html[data-theme="dark"] .brands-page-wrapper .brands-table tbody tr:hover td:first-child {
    background: var(--es2-row-hover) !important;
}
html[data-theme="dark"] .brands-page-wrapper .shops-table.brands-table tbody tr.is-selected:hover td,
html[data-theme="dark"] .brands-page-wrapper .shops-table.brands-table tbody tr.is-selected:hover td.brands-select-cell,
html[data-theme="dark"] .brands-page-wrapper .shops-table.brands-table tbody tr.is-selected:hover td.brands-brand-cell {
    background: var(--es2-row-selected-hover) !important;
}
html[data-theme="dark"] .shops-table tbody tr.explore-search-track-row td {
    background: rgba(245, 158, 11, 0.12) !important;
}
html[data-theme="dark"] .shops-table tbody tr.explore-search-track-row:hover td {
    background: rgba(245, 158, 11, 0.2) !important;
}
html[data-theme="dark"] .shops-table th:not(:last-child),
html[data-theme="dark"] .shops-table td:not(:last-child) {
    border-right-color: var(--dk-border) !important;
}
html[data-theme="dark"] .shops-table th.sortable:hover,
html[data-theme="dark"] .shops-table th.sortable:hover:first-child {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .shops-table .store-actions-row .store-details-link,
html[data-theme="dark"] .shops-table .explore-shop-infos-details-btn {
    color: var(--dk-primary, #5b8cff) !important;
    background: rgba(34, 90, 234, 0.16) !important;
    border-color: rgba(91, 140, 255, 0.35) !important;
}
html[data-theme="dark"] .shops-table .store-actions-row .store-details-link:hover,
html[data-theme="dark"] .shops-table .explore-shop-infos-details-btn:hover,
html[data-theme="dark"] .shops-table .explore-shop-infos-details-btn:focus-visible {
    color: var(--dk-primary, #5b8cff) !important;
    background: rgba(34, 90, 234, 0.24) !important;
    border-color: var(--dk-primary, #5b8cff) !important;
}
html[data-theme="dark"] .shops-table .explore-shop-infos-details-btn.is-track {
    color: var(--dk-text-2) !important;
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .shops-table .explore-shop-infos-icon-btn {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .shops-table .explore-shop-infos-icon-btn:hover,
html[data-theme="dark"] .shops-table .explore-shop-infos-icon-btn:focus-visible {
    color: var(--dk-accent) !important;
    background: rgba(34, 90, 234, 0.12) !important;
}
html[data-theme="dark"] .shops-table .explore-shop-infos-wrap .explore-store-subdomains-toggle {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .shops-table .explore-shop-infos-wrap .explore-store-subdomains-toggle:hover,
html[data-theme="dark"] .shops-table .explore-shop-infos-wrap .explore-store-subdomains.is-open .explore-store-subdomains-toggle {
    color: var(--dk-accent) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
    background: rgba(34, 90, 234, 0.1) !important;
}
html[data-theme="dark"] .shops-table .landers-url-wrap .landers-url-visit,
html[data-theme="dark"] .shops-table .landers-action-pill--visit {
    color: var(--dk-text-2) !important;
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .shops-table .landers-url-wrap .landers-url-visit:hover,
html[data-theme="dark"] .shops-table .landers-action-pill--visit:hover {
    color: var(--dk-accent) !important;
    background: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-metric-data-card,
html[data-theme="dark"] .landers-page-wrapper .explore-metric-data-card {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-revenue-label,
html[data-theme="dark"] .landers-page-wrapper .explore-revenue-label,
html[data-theme="dark"] .new-page-wrapper .explore-revenue-empty,
html[data-theme="dark"] .landers-page-wrapper .explore-revenue-empty {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-revenue-value,
html[data-theme="dark"] .landers-page-wrapper .explore-revenue-value,
html[data-theme="dark"] .new-page-wrapper .monthly-visits-number,
html[data-theme="dark"] .landers-page-wrapper .monthly-visits-number,
html[data-theme="dark"] .landers-page-wrapper .landers-store-visits-value {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-store-visits-unit {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .new-page-wrapper .monthly-visits-more-flags,
html[data-theme="dark"] .landers-page-wrapper .monthly-visits-more-flags {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-ad-targeting-info.monthly-visits-flags {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-ad-targeting-info.monthly-visits-flags:hover {
    color: var(--dk-text) !important;
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-ad-targeting-tt-title {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-ad-targeting-tt-section + .landers-ad-targeting-tt-section {
    border-top-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .visitors-country-table .vc-flag,
html[data-theme="dark"] .visitors-country-table .vc-px-icon,
html[data-theme="dark"] .new-page-wrapper .monthly-visits-flag,
html[data-theme="dark"] .landers-page-wrapper .monthly-visits-flag,
html[data-theme="dark"] .std-similar-explore-mount .monthly-visits-flag,
html[data-theme="dark"] .new-page-wrapper .monthly-visits-tt-flag,
html[data-theme="dark"] .landers-page-wrapper .monthly-visits-tt-flag,
html[data-theme="dark"] .std-similar-explore-mount .monthly-visits-tt-flag,
html[data-theme="dark"] .landers-page-wrapper .landers-ad-targeting-lang-item .monthly-visits-tt-flag {
    background: transparent !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .new-page-wrapper .monthly-visits-flags-tooltip,
html[data-theme="dark"] .landers-page-wrapper .monthly-visits-flags-tooltip,
html[data-theme="dark"] .new-page-wrapper .landers-ad-targeting-tooltip.monthly-visits-flags-tooltip,
html[data-theme="dark"] .landers-page-wrapper .landers-ad-targeting-tooltip.monthly-visits-flags-tooltip {
    background: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .new-page-wrapper .monthly-visits-tt-code,
html[data-theme="dark"] .landers-page-wrapper .monthly-visits-tt-code {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .new-page-wrapper .monthly-visits-tt-share,
html[data-theme="dark"] .landers-page-wrapper .monthly-visits-tt-share {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .visitors-country-table .vc-name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .visitors-country-table .vc-row-count,
html[data-theme="dark"] .visitors-country-table .vc-th-label .vc-help-svg {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .visitors-country-table thead th,
html[data-theme="dark"] .visitors-country-table .vc-th-label {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .filter-item--explore-pixels #pixelsFilterTrigger svg:first-of-type {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-advertiser-name,
html[data-theme="dark"] .landers-primary-title,
html[data-theme="dark"] .landers-active-volume {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-favorite-toggle:not(.is-favorited) svg {
    stroke: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-primary-link .landers-url-link {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-primary-link .landers-url-link:hover {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .landers-advertiser-domain {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-based-in-flag {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .landers-store-created {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-store-created-age {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-store-info,
html[data-theme="dark"] .landers-action-pill {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-store-info:hover,
html[data-theme="dark"] .landers-store-info:focus-visible,
html[data-theme="dark"] .landers-action-pill:hover,
html[data-theme="dark"] .landers-action-pill:focus-visible {
    color: var(--dk-accent) !important;
    border-color: rgba(34, 90, 234, 0.55) !important;
    background: rgba(34, 90, 234, 0.16) !important;
}
html[data-theme="dark"] .landers-store-info-tooltip-head {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text-2) !important;
    border-bottom-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .landers-store-info-meta {
    color: var(--dk-text) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-store-info-meta-label {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-store-info-section + .landers-store-info-section {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-store-info-section-title {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-store-info-chip {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-store-info-empty {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-store-info-portal {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme="dark"] .landers-page-info-footer,
html[data-theme="dark"] .landers-store-info-footer {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-store-info-portal .landers-store-info-footer {
    background: var(--dk-surface-2) !important;
    box-shadow: 0 -8px 14px -8px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .landers-page-info-all-advertisers-btn,
html[data-theme="dark"] .landers-store-info-view-store-btn,
html[data-theme="dark"] .landers-eu-info-view-all-btn {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-eu-info-percent-badge {
    background: rgba(75, 121, 255, 0.18) !important;
    color: #8fb0ff !important;
}
html[data-theme="dark"] .landers-eu-info-spark {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-eu-info-country-name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-eu-info-country-more {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-eu-info-country-flag {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-page-info-spark-skeleton span {
    background: linear-gradient(90deg, var(--dk-surface-3) 0%, var(--dk-surface-2) 50%, var(--dk-surface-3) 100%) !important;
}
html[data-theme="dark"] .landers-advertisers-modal__dialog {
    background: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border-strong);
}
html[data-theme="dark"] .landers-advertisers-modal__head {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-advertisers-modal__title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-advertisers-modal__sub .landers-url-link {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-advertisers-modal__sub .landers-url-link:hover {
    color: var(--dk-accent, #6b9fff) !important;
}
html[data-theme="dark"] .landers-advertisers-acc {
    border-color: var(--dk-border) !important;
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .landers-advertisers-acc__head {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .landers-advertisers-acc__head:hover {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .landers-advertisers-acc__name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-advertisers-acc__body {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-page-info-icon--svg {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-url-tooltip-portal {
    background: var(--dk-surface-3) !important;
    border: 1px solid var(--dk-border-strong) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-active-view-btn {
    background: #2563eb !important;
    background-color: #2563eb !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .2), inset 0 6px 12px 0 hsla(0, 0%, 100%, .12), 0 1px 2px 0 rgba(8, 8, 8, .2), 0 4px 4px 0 rgba(8, 8, 8, .08) !important;
    transition: background 0.3s ease, transform 0.12s ease !important;
}
html[data-theme="dark"] .landers-active-view-btn:hover {
    background: #1d4ed8 !important;
    background-color: #1d4ed8 !important;
    border-color: transparent !important;
    color: #fff !important;
}
html[data-theme="dark"] .landers-active-view-btn:active {
    transform: translateY(1px) !important;
}

/* Landers page — screenshot preview lightbox (appended to body, outside page wrapper) */
html[data-theme="dark"] .landers-screenshot-lightbox__overlay {
    background: rgba(0, 0, 0, 0.82) !important;
}
html[data-theme="dark"] .landers-screenshot-lightbox__content {
    background: var(--dk-surface) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.65) !important;
}
html[data-theme="dark"] .landers-screenshot-lightbox__header {
    background: var(--dk-surface-2) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-screenshot-lightbox__title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-screenshot-lightbox__url {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-screenshot-lightbox__url:hover {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .landers-screenshot-lightbox__close {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-screenshot-lightbox__close:hover {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-screenshot-lightbox__scroller {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .landers-screenshot-lightbox__error {
    color: var(--dk-text-2) !important;
}

/* Landers page — table polish (chips, metrics, thumbnails) */
html[data-theme="dark"] .landers-page-wrapper .explore-metric-data-card {
    box-shadow: none !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-running-time-value {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-running-time-value--empty,
html[data-theme="dark"] .landers-page-wrapper .landers-metric-empty {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-screenshot-wrap.is-error::after {
    color: var(--dk-text-2) !important;
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-screenshot-link:hover .landers-screenshot-wrap {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-growth-dropdown-panel.pixels-rules-dropdown-panel {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-growth-dropdown-panel .explore-vc-footer {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-page-wrapper .explore-wlads-empty {
    color: var(--dk-text-3) !important;
}

html[data-theme="dark"] .visual-search-result-count,
html[data-theme="dark"] .vs-camera-tooltip-body {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .lightpick.lightpick--explore-shops .lightpick__day.is-disabled {
    color: var(--dk-text-3) !important;
    opacity: 0.45;
}
html[data-theme="dark"] .dropdown-option,
html[data-theme="dark"] .dropdown-option-text {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .shops-table .store-tag-row > .store-category {
    background: var(--dk-surface-deep) !important;
    color: var(--dk-text-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .shops-table .store-tag-row .explore-meta-wh-link,
html[data-theme="dark"] .shops-table .store-tag-row .explore-meta-fb-link,
html[data-theme="dark"] .shops-table .landers-advertiser-tag-row .explore-meta-wh-link,
html[data-theme="dark"] .shops-table .landers-advertiser-tag-row .explore-meta-fb-link,
html[data-theme="dark"] .shops-table .landers-primary-adlibrary .explore-meta-wh-link,
html[data-theme="dark"] .shops-table .landers-primary-adlibrary .explore-meta-fb-link {
    color: var(--dk-accent) !important;
    background: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
}
html[data-theme="dark"] .niche-tag-label {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .niche-tag-parent {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .niche-badges-pill.niche-level-2 {
    background: rgba(34, 90, 234, 0.22) !important;
    color: #a8c4ff !important;
}

/* Store Tracker table (Salestracker.php — DataTables chrome) */
html[data-theme="dark"] #store-table_wrapper .dataTables_length label,
html[data-theme="dark"] #store-table_wrapper .dataTables_filter label,
html[data-theme="dark"] #store-table_wrapper .dataTables_info,
html[data-theme="dark"] #table-skeleton.st-table-skeleton-wrap .dataTables_length label,
html[data-theme="dark"] #table-skeleton.st-table-skeleton-wrap .dataTables_filter label,
html[data-theme="dark"] #table-skeleton.st-table-skeleton-wrap .dataTables_info {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #store-table_wrapper .dataTables_length select,
html[data-theme="dark"] #store-table_wrapper .dataTables_filter input,
html[data-theme="dark"] #table-skeleton.st-table-skeleton-wrap .dataTables_length select,
html[data-theme="dark"] #table-skeleton.st-table-skeleton-wrap .dataTables_filter input {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] #store-table_wrapper .dataTables_filter input::placeholder {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] #store-table_wrapper .dataTables_paginate .paginate_button {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #store-table_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #store-table_wrapper .dataTables_paginate .paginate_button.current {
    background: rgba(34, 90, 234, 0.18) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] #store-table_wrapper .dataTables_paginate .paginate_button.disabled {
    opacity: 0.45;
}
html[data-theme="dark"] #store-table_wrapper .dataTables_processing,
html[data-theme="dark"] #table-skeleton.st-table-skeleton-wrap .dataTables_processing,
html[data-theme="dark"] div.dataTables_processing {
    color: var(--dk-text-2) !important;
    background: transparent !important;
}

/* Store Tracker — add-store search bar */
html[data-theme="dark"] .search-bar-2 .store-tracker-input.w-input {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-filter-accent-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .search-bar-2 .store-tracker-input.w-input::placeholder {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .search-bar-2 .store-tracker-input.w-input:hover,
html[data-theme="dark"] .search-bar-2 .store-tracker-input.w-input:focus {
    background: var(--dk-surface-3) !important;
    border-color: rgba(34, 90, 234, 0.45) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 0 0 2px rgba(34, 90, 234, 0.2) !important;
}
html[data-theme="dark"] .search-bar-2 .applly-filter.w-button:disabled,
html[data-theme="dark"] .search-bar-2 .applly-filter.w-button[disabled] {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] #table-skeleton.st-table-skeleton-wrap .dataTables_paginate .paginate_button {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #table-skeleton.st-table-skeleton-wrap .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #table-skeleton.st-table-skeleton-wrap .dataTables_paginate .paginate_button.current {
    background: rgba(34, 90, 234, 0.18) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] #table-skeleton.st-table-skeleton-wrap .dataTables_filter input::placeholder {
    color: var(--dk-text-3) !important;
}

/* Sparkline custom tooltip (explore shops, salestracker, etc.) */
html[data-theme="dark"] .spark-custom-tooltip {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .spark-custom-tooltip-date,
html[data-theme="dark"] .spark-custom-tooltip-value {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .spark-custom-tooltip-date {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .spark-custom-tooltip-estimate {
    color: #facc15 !important;
}
html[data-theme="dark"] .spark-estimate-badge {
    fill: rgba(120, 53, 15, 0.55) !important;
    stroke: #fbbf24 !important;
}
html[data-theme="dark"] .spark-estimate-label {
    fill: #fde68a !important;
}
html[data-theme="dark"] .spark-estimate-point {
    fill: rgba(120, 53, 15, 0.35) !important;
    stroke: #fbbf24 !important;
}
html[data-theme="dark"] .spark-estimate-connector {
    stroke: #fbbf24 !important;
}

html[data-theme="dark"] .explore-table-empty-state__icon {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-page-wrapper .explore-shops-title-icon {
    background: rgba(34, 90, 234, 0.15) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .explore-table-empty-state__title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-table-empty-state__text {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .explore-table-empty-state__btn {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--dk-text-2) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .explore-table-empty-state__btn:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .shops-table tbody tr.explore-table-empty-row:hover td,
html[data-theme="dark"] .shops-table tbody tr.explore-table-empty-row:hover td:first-child,
html[data-theme="dark"] .new-page-wrapper .shops-table tbody tr.explore-table-empty-row:hover td,
html[data-theme="dark"] .new-page-wrapper .shops-table tbody tr.explore-table-empty-row:hover td:first-child,
html[data-theme="dark"] .landers-page-wrapper .shops-table tbody tr.explore-table-empty-row:hover td,
html[data-theme="dark"] .landers-page-wrapper .shops-table tbody tr.explore-table-empty-row:hover td:first-child {
    background: transparent !important;
    cursor: default !important;
}

/* Shimmer / skeleton loaders */
html[data-theme="dark"] .explore-wlads-skel--shimmer,
html[data-theme="dark"] .st-table-skeleton-wrap .skeleton-shimmer,
html[data-theme="dark"] .explore-shops-results-meta__pill.is-skeleton .explore-shops-results-meta__total,
html[data-theme="dark"] .skel-line,
html[data-theme="dark"] .skel-avatar,
html[data-theme="dark"] .skel-thumb,
html[data-theme="dark"] .se-skel-shimmer,
html[data-theme="dark"] #table-skeleton.st-table-skeleton-wrap .st-sk-block,
html[data-theme="dark"] .visual-search-skeleton-img,
html[data-theme="dark"] .visual-search-skeleton-line,
html[data-theme="dark"] .landers-page-wrapper .skel-line,
html[data-theme="dark"] .landers-page-wrapper .skel-avatar,
html[data-theme="dark"] .landers-page-wrapper .skel-thumb,
html[data-theme="dark"] .landers-page-wrapper .landers-table-skel-bar {
    background-color: var(--dk-surface-deep) !important;
    background-image: linear-gradient(
        90deg,
        var(--dk-surface-deep) 0%,
        var(--dk-surface-2) 42%,
        var(--dk-surface-3) 58%,
        var(--dk-surface-deep) 100%
    ) !important;
    background-size: 200% 100% !important;
    background-repeat: no-repeat !important;
    border: none !important;
    animation: exploreShopsShimmer 1.35s ease-in-out infinite !important;
}
html[data-theme="dark"] .explore-wlads-skel--shimmer,
html[data-theme="dark"] .landers-page-wrapper .explore-wlads-skel--shimmer {
    animation: exploreWladsSkelShimmer 1.35s ease-in-out infinite !important;
}
html[data-theme="dark"] .explore-shops-results-meta__pill.is-skeleton .explore-shops-results-meta__total {
    animation: explore-shops-count-shimmer 1.35s ease-in-out infinite !important;
}
html[data-theme="dark"] .explore-shops-results-meta__pill.is-skeleton .explore-shops-results-meta__suffix {
    background: none !important;
    color: var(--dk-text-muted) !important;
}
html[data-theme="dark"] .skeleton-row {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .visual-search-skeleton-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .explore-shops-results-wrap.is-page-loading::after {
    background: rgba(14, 16, 20, 0.55) !important;
}
html[data-theme="dark"] .explore-shops-results-wrap.is-page-loading::before {
    border-color: var(--dk-border) !important;
    border-top-color: var(--dk-accent) !important;
}
html[data-theme="dark"] .search-suggestion-loading-dot {
    background: var(--dk-accent) !important;
}

/* Metric period toggles + trend badges */
html[data-theme="dark"] .explore-metric-period-toggle.explore-segmented,
html[data-theme="dark"] .landers-page-wrapper .explore-metric-period-toggle.explore-segmented,
html[data-theme="dark"] .new-page-wrapper .explore-metric-period-toggle.explore-segmented,
html[data-theme="dark"] .std-similar-explore-mount .explore-metric-period-toggle.explore-segmented {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .explore-metric-period-toggle.explore-segmented .explore-period-btn:not(.active),
html[data-theme="dark"] .landers-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn:not(.active),
html[data-theme="dark"] .new-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn:not(.active),
html[data-theme="dark"] .std-similar-explore-mount .explore-metric-period-toggle.explore-segmented .explore-period-btn:not(.active) {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--dk-text-3) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .explore-metric-period-toggle.explore-segmented .explore-period-btn.active,
html[data-theme="dark"] .landers-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn.active,
html[data-theme="dark"] .new-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn.active,
html[data-theme="dark"] .std-similar-explore-mount .explore-metric-period-toggle.explore-segmented .explore-period-btn.active {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), inset 0 0 0 1px var(--dk-border-strong) !important;
}
html[data-theme="dark"] .explore-metric-period-toggle.explore-segmented .explore-period-btn:hover:not(.active),
html[data-theme="dark"] .landers-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn:hover:not(.active),
html[data-theme="dark"] .new-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn:hover:not(.active),
html[data-theme="dark"] .std-similar-explore-mount .explore-metric-period-toggle.explore-segmented .explore-period-btn:hover:not(.active) {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .explore-revchg-badge,
html[data-theme="dark"] .landers-page-wrapper .explore-revchg-badge,
html[data-theme="dark"] .landers-store-info-portal .explore-revchg-badge {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .explore-revchg-badge.trend-neutral,
html[data-theme="dark"] .landers-page-wrapper .explore-revchg-badge.trend-neutral,
html[data-theme="dark"] .landers-store-info-portal .explore-revchg-badge.trend-neutral {
    background: var(--dk-surface-deep) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-store-info-portal .explore-revchg-badge.trend-up,
html[data-theme="dark"] .landers-page-info-meta .explore-revchg-badge.trend-up {
    background: rgba(34, 197, 94, 0.12) !important;
    border-color: rgba(34, 197, 94, 0.35) !important;
    color: #4ade80 !important;
}
html[data-theme="dark"] .landers-store-info-portal .explore-revchg-badge.trend-down,
html[data-theme="dark"] .landers-page-info-meta .explore-revchg-badge.trend-down {
    background: rgba(244, 63, 94, 0.12) !important;
    border-color: rgba(244, 63, 94, 0.35) !important;
    color: #fb7185 !important;
}
html[data-theme="dark"] .landers-page-info-growth-period {
    color: var(--dk-text-3) !important;
}

/* Store icon placeholder */
html[data-theme="dark"] .st-store-icon {
    background: var(--dk-surface-2) !important;
}

/* Explore shops — store logos / product PNGs often use dark art on transparency */
html[data-theme="dark"] .new-page-wrapper .store-icon-default,
html[data-theme="dark"] .landers-page-wrapper .store-icon-default,
html[data-theme="dark"] .std-similar-explore-mount .store-icon-default {
    background: #fff !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}
html[data-theme="dark"] .new-page-wrapper .store-icon-default > img,
html[data-theme="dark"] .new-page-wrapper .store-icon-default .store-icon,
html[data-theme="dark"] .landers-page-wrapper .store-icon-default > img,
html[data-theme="dark"] .landers-page-wrapper .store-icon-default .store-icon,
html[data-theme="dark"] .std-similar-explore-mount .store-icon-default > img,
html[data-theme="dark"] .std-similar-explore-mount .store-icon-default .store-icon {
    background: #fff !important;
}
html[data-theme="dark"] .explore-shop-infos-name-icon,
html[data-theme="dark"] .explore-shop-screenshot-wrap--icon,
html[data-theme="dark"] .explore-shop-preview.is-icon-fallback .explore-shop-screenshot-wrap {
    background: #fff !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* JS-rendered tile region line (inline color:#000000) */
html[data-theme="dark"] .explore-shops-tile-region[style*="color:#000000"],
html[data-theme="dark"] .explore-shops-tile-region[style*="color: #000000"] {
    color: var(--dk-text-2) !important;
}

/* Tile view layout toggle + cards */
html[data-theme="dark"] #explore-shops-view-toggle,
html[data-theme="dark"] .explore-shops-view-toggle-btn {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #explore-shops-view-toggle:hover,
html[data-theme="dark"] .explore-shops-view-toggle-btn:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #explore-shops-view-toggle[aria-pressed="true"],
html[data-theme="dark"] .explore-shops-view-toggle-btn[aria-pressed="true"] {
    background: rgba(34, 90, 234, 0.14) !important;
    border-color: rgba(96, 165, 250, 0.45) !important;
    color: #93c5fd !important;
}
html[data-theme="dark"] #explore-shops-view-toggle .text-gray-500,
html[data-theme="dark"] .explore-shops-view-toggle-btn__icon {
    color: currentColor !important;
}
html[data-theme="dark"] .explore-shops-tiles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 12px;
}
html[data-theme="dark"] .explore-shops-tile {
    background: var(--dk-surface) !important;
    border: 1px solid var(--dk-border) !important;
    border-radius: 12px !important;
    color: var(--dk-text) !important;
    overflow: hidden;
}
html[data-theme="dark"] .explore-shops-tile-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-shops-tile-kpi-label,
html[data-theme="dark"] .explore-shops-tile-rank {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .explore-shops-tile-kpi-value {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-shops-tile.explore-shops-tile--navigable:hover,
html[data-theme="dark"] .explore-shops-tile.explore-shops-tile--track:hover {
    background: var(--dk-surface-2) !important;
    border-color: rgba(34, 90, 234, 0.45) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .explore-shops-tiles-error {
    color: var(--dk-text-2) !important;
}

/* Explore-shops tile view sub-components — dark overrides */
html[data-theme="dark"] .explore-shops-tile {
    padding: 0 !important;
    gap: 0 !important;
}
html[data-theme="dark"] .explore-shops-tile__preview {
    background: #0f172a !important;
}
html[data-theme="dark"] .explore-shops-tile__domain {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] a.explore-shops-tile__domain:hover {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-shops-tile__url {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .explore-shops-tile-rank {
    background: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border) !important;
}
html[data-theme="dark"] .explore-shops-tile-region {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .explore-shops-tile__meta,
html[data-theme="dark"] .explore-shops-tile .store-creation-date {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .explore-shops-tile-tp__score {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-shops-tile-tp__reviews,
html[data-theme="dark"] .explore-shops-tile-tp__empty {
    color: var(--dk-text-3, #94a3b8) !important;
}
html[data-theme="dark"] .explore-shops-tile-footer {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .explore-shops-tile-footer .explore-email-chip {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-shops-tile-footer a.explore-email-chip:hover {
    background: var(--dk-surface-3, #334155) !important;
    border-color: var(--dk-border-strong, #475569) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-shops-tile-footer .explore-email-chip.is-empty {
    color: var(--dk-text-3, #94a3b8) !important;
}
html[data-theme="dark"] .explore-shops-tile-footer .explore-store-visit-link {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .explore-shops-tile-footer .store-details-link {
    background: rgba(34, 90, 234, 0.16) !important;
    border-color: rgba(91, 140, 255, 0.35) !important;
    color: var(--dk-primary, #5b8cff) !important;
}
html[data-theme="dark"] .explore-shops-tile-footer .explore-store-visit-link:hover,
html[data-theme="dark"] .explore-shops-tile-footer .store-details-link:hover {
    background: rgba(34, 90, 234, 0.24) !important;
    border-color: var(--dk-primary, #5b8cff) !important;
    color: var(--dk-primary, #5b8cff) !important;
}
html[data-theme="dark"] .explore-shops-tile-footer .explore-meta-wh-link,
html[data-theme="dark"] .explore-shops-tile-footer .explore-meta-fb-link {
    background: rgba(34, 90, 234, 0.16) !important;
    border-color: rgba(91, 140, 255, 0.35) !important;
    color: var(--dk-primary, #5b8cff) !important;
}
html[data-theme="dark"] .explore-shops-tile-footer .explore-meta-wh-link:hover,
html[data-theme="dark"] .explore-shops-tile-footer .explore-meta-fb-link:hover {
    background: rgba(34, 90, 234, 0.28) !important;
    border-color: var(--dk-primary, #5b8cff) !important;
}
html[data-theme="dark"] .landers-page-wrapper .advertisers-tile__head .explore-meta-wh-link,
html[data-theme="dark"] .landers-page-wrapper .advertisers-tile__head .explore-meta-fb-link {
    background: rgba(34, 90, 234, 0.16) !important;
    border-color: rgba(91, 140, 255, 0.35) !important;
    color: var(--dk-primary, #5b8cff) !important;
}
html[data-theme="dark"] .landers-page-wrapper .advertisers-tile__head .explore-meta-wh-link:hover,
html[data-theme="dark"] .landers-page-wrapper .advertisers-tile__head .explore-meta-fb-link:hover {
    background: rgba(34, 90, 234, 0.28) !important;
    border-color: var(--dk-primary, #5b8cff) !important;
}

/* Explore-shops tile metrics panel — dark overrides */
html[data-theme="dark"] .explore-shops-tile__metrics-panel {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .explore-shops-tile__metric-item-label {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .explore-shops-tile-flag {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .explore-shops-tile-chart__head .explore-shops-tile-kpi-value,
html[data-theme="dark"] .explore-shops-tile-chart__head .landers-active-volume {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-shops-tile__kpi-panel {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: var(--dk-border) !important;
}

/* Landers tile view */
html[data-theme="dark"] .landers-page-wrapper .explore-shops-tiles-grid.landers-tiles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 14px;
}
html[data-theme="dark"] .landers-page-wrapper .landers-tile {
    background: var(--dk-surface) !important;
    border: 1px solid var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-tile:hover {
    border-color: rgba(34, 90, 234, 0.45) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-tile__preview {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-tile__title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-tile__rank {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-tile__kpi {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-tile__metrics-panel {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-tile__metric-item-label {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-tile__kpi-panel {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-tile__metric-kpi[data-metric="eu_uk"]:not(:first-child) {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-page-wrapper .landers-tile-chart__head .landers-tile-kpi-value,
html[data-theme="dark"] .landers-page-wrapper .landers-tile-chart__head .landers-active-volume {
    color: var(--dk-text) !important;
}

/* Infinite scroll / end labels */
html[data-theme="dark"] .explore-shops-infinite-end,
html[data-theme="dark"] .explore-shops-infinite-loading__inner {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-infinite-end,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-infinite-end {
    background: var(--dk-bg) !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-infinite-end::before,
html[data-theme="dark"] .new-page-wrapper .explore-shops-infinite-end::after,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-infinite-end::before,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-infinite-end::after {
    background: linear-gradient(90deg, transparent, var(--dk-border), transparent) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-infinite-loading__inner,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-infinite-loading__inner {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-infinite-loading__spinner,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-infinite-loading__spinner {
    border-color: var(--dk-border) !important;
    border-top-color: var(--dk-accent) !important;
    border-right-color: rgba(34, 90, 234, 0.55) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-infinite-loading,
html[data-theme="dark"] .landers-page-wrapper .explore-shops-infinite-loading {
    background: linear-gradient(180deg, rgba(15, 18, 25, 0) 0%, var(--dk-bg) 70%) !important;
}

/* Category hierarchical dropdown (panel head/columns/search focus whites) */
html[data-theme="dark"] .explore-hierarchical-panel-head,
html[data-theme="dark"] .explore-hierarchical-column,
html[data-theme="dark"] .explore-hierarchical-panel-foot,
html[data-theme="dark"] .category-hierarchical-dropdown-panel.dropdown-options {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .explore-hierarchical-panel-title,
html[data-theme="dark"] .explore-hierarchical-column-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-hierarchical-search-input {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-hierarchical-search-input:focus {
    background: var(--dk-surface-3) !important;
    border-color: rgba(34, 90, 234, 0.45) !important;
    box-shadow: 0 0 0 2px rgba(34, 90, 234, 0.2) !important;
}
html[data-theme="dark"] .filter-item--niche .explore-niche-search-box,
html[data-theme="dark"] .category-hierarchical-dropdown-panel--niche .explore-niche-search-box {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .filter-item--niche .explore-niche-search-box:focus-within,
html[data-theme="dark"] .category-hierarchical-dropdown-panel--niche .explore-niche-search-box:focus-within {
    background: var(--dk-surface-3) !important;
    border-color: rgba(34, 90, 234, 0.45) !important;
    box-shadow: 0 0 0 2px rgba(34, 90, 234, 0.2) !important;
}
html[data-theme="dark"] .explore-hierarchical-item {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .explore-hierarchical-item:hover,
html[data-theme="dark"] .explore-hierarchical-item.is-preview {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-hierarchical-item.is-selected {
    background: rgba(34, 90, 234, 0.12) !important;
    border-left-color: var(--dk-accent) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-hierarchical-item.is-selected .explore-hierarchical-item-arrow {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .filter-item--niche .explore-hierarchical-item:has(.explore-custom-checkbox.is-checked),
html[data-theme="dark"] .category-hierarchical-dropdown-panel[data-custom-dropdown-for="category_v2"] .explore-hierarchical-item:has(.explore-custom-checkbox.is-checked) {
    background: rgba(34, 90, 234, 0.12) !important;
    color: var(--dk-text) !important;
}
/* Niche cascade custom checkboxes — match pixels/VC dark treatment */
html[data-theme="dark"] .filter-item--niche .explore-custom-checkbox,
html[data-theme="dark"] .category-hierarchical-dropdown-panel[data-custom-dropdown-for="category_v2"] .explore-custom-checkbox,
html[data-theme="dark"] .category-hierarchical-dropdown-panel--niche .explore-custom-checkbox {
    background-color: var(--dk-surface-deep) !important;
    background-image: none !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .filter-item--niche .explore-hierarchical-item:hover .explore-custom-checkbox:not(.is-checked),
html[data-theme="dark"] .category-hierarchical-dropdown-panel[data-custom-dropdown-for="category_v2"] .explore-hierarchical-item:hover .explore-custom-checkbox:not(.is-checked),
html[data-theme="dark"] .category-hierarchical-dropdown-panel--niche .explore-hierarchical-item:hover .explore-custom-checkbox:not(.is-checked) {
    background-color: var(--dk-surface-3) !important;
    border-color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .filter-item--niche .explore-custom-checkbox.is-checked,
html[data-theme="dark"] .category-hierarchical-dropdown-panel[data-custom-dropdown-for="category_v2"] .explore-custom-checkbox.is-checked,
html[data-theme="dark"] .category-hierarchical-dropdown-panel--niche .explore-custom-checkbox.is-checked {
    background-color: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2 5.25L4 7.25L8 3.25' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 8px 8px !important;
}
html[data-theme="dark"] .explore-hierarchical-bulk-btn {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-muted) !important;
}
html[data-theme="dark"] .explore-hierarchical-bulk-btn:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .explore-hierarchical-bulk-btn[data-bulk="none"]:hover {
    color: #f87171 !important;
    border-color: rgba(248, 113, 113, 0.35) !important;
}
html[data-theme="dark"] .explore-hierarchical-back:hover,
html[data-theme="dark"] .explore-hierarchical-panel-close:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}

/* Country flag dropdown (native country filter companion) */
html[data-theme="dark"] .es-country-flag-dropdown {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .es-country-flag-search-wrap {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .es-country-flag-search {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

/* Trustpilot dropdown (inline background:#fff on #trustpilotDropdown) */
html[data-theme="dark"] #trustpilotDropdown,
html[data-theme="dark"] .trustpilot-dropdown {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] #trustpilotDropdown div[style*="background:#fff"],
html[data-theme="dark"] #trustpilotDropdown div[style*="background: #fff"] {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] #trustpilotDropdown input {
    background: transparent !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #trustpilotDropdown > div:last-child {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] #clearTrustpilotFilter {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #clearTrustpilotFilter:hover {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #trustpilotDropdown div[style*="color:#1e293b"],
html[data-theme="dark"] #trustpilotDropdown div[style*="color: #1e293b"] {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #trustpilotDropdown .tp-input,
html[data-theme="dark"] #trustpilotDropdown input.tp-input,
html[data-theme="dark"] #trustpilotDropdown input[style*="color:#1e293b"],
html[data-theme="dark"] #trustpilotDropdown input[style*="color: #1e293b"] {
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] #trustpilotDropdown > div[style*="border-top"] {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] #trustpilotDropdown .tp-preset-chip:not(.active) {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #trustpilotDropdown .tp-preset-chip {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] #trustpilotDropdown .tp-preset-chip.active {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] .tp-range-track {
    background: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .tp-range-fill {
    background: var(--dk-accent) !important;
}
html[data-theme="dark"] .tp-range-wrap input[type="range"]::-webkit-slider-thumb {
    background: var(--dk-surface) !important;
    border: 2px solid var(--dk-accent) !important;
}
html[data-theme="dark"] .tp-range-wrap input[type="range"]::-moz-range-thumb {
    background: var(--dk-surface) !important;
    border: 2px solid var(--dk-accent) !important;
}

/* Visitors country + pixels filter panels (tables, footers, bulk actions) */
html[data-theme="dark"] .visitors-country-dropdown-panel,
html[data-theme="dark"] .pixels-rules-dropdown-panel {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .visitors-country-table thead th {
    background: var(--dk-surface-deep) !important;
    color: var(--dk-text-2) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .visitors-country-table tbody td {
    background: var(--dk-surface-2) !important;
    border-bottom-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .visitors-country-table tbody tr:hover td {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .visitors-country-table-wrap {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .visitors-country-panel-summary,
html[data-theme="dark"] .pixels-bulk-actions,
html[data-theme="dark"] .pixels-rules-bulk-actions {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-rules-skel-row td {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-rules-skel-icon,
html[data-theme="dark"] .landers-rules-skel-bar,
html[data-theme="dark"] .landers-rules-skel-cb {
    background: linear-gradient(90deg, var(--dk-surface-3) 0%, var(--dk-surface-2) 45%, var(--dk-surface-3) 55%, var(--dk-surface-3) 100%) !important;
    background-size: 200% 100% !important;
    animation: exploreShopsShimmer 1.35s ease-in-out infinite !important;
}
html[data-theme="dark"] .pixels-bulk-actions-btn {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .pixels-bulk-actions-btn:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .explore-vc-footer,
html[data-theme="dark"] .visitors-country-dropdown-panel .shopify-theme-panel-actions,
html[data-theme="dark"] .explore-shopify-theme-footer.shopify-theme-panel-actions {
    background: var(--dk-surface) !important;
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .explore-vc-footer-btn--secondary {
    color: var(--dk-text-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .explore-vc-footer-btn--secondary:hover {
    color: var(--dk-text) !important;
    border-color: var(--dk-border-strong) !important;
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .explore-panel-footer-btn--secondary {
    color: var(--dk-text-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .explore-panel-footer-btn--secondary:hover {
    color: var(--dk-text) !important;
    border-color: var(--dk-border-strong) !important;
}

/* Landers growth / rules dropdown panels */
html[data-theme="dark"] .landers-growth-dropdown-panel,
html[data-theme="dark"] .landers-rules-dropdown-panel {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .landers-growth-dropdown-panel .timeframe-pill {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-growth-dropdown-panel .timeframe-pill:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .landers-growth-dropdown-panel .landers-growth-period-pill.active,
html[data-theme="dark"] .landers-growth-dropdown-panel .landers-growth-preset-pill.active,
html[data-theme="dark"] .landers-growth-dropdown-panel .landers-traffic-growth-period-pill.active,
html[data-theme="dark"] .landers-growth-dropdown-panel .landers-traffic-growth-preset-pill.active,
html[data-theme="dark"] .landers-growth-dropdown-panel .landers-page-active-ads-preset-pill.active,
html[data-theme="dark"] .landers-growth-dropdown-panel .landers-page-active-ads-growth-preset-pill.active,
html[data-theme="dark"] .landers-growth-dropdown-panel .landers-page-active-ads-growth-period-pill.active,
html[data-theme="dark"] .landers-growth-dropdown-panel .landers-page-likes-preset-pill.active,
html[data-theme="dark"] .landers-growth-dropdown-panel .landers-page-ig-preset-pill.active,
html[data-theme="dark"] .landers-growth-dropdown-panel .timeframe-pill.active {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] .landers-growth-dropdown-panel .explore-vc-footer {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-growth-dropdown-panel .range-slider-input-wrap {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .landers-growth-dropdown-panel .range-slider-input-wrap:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-hov, #475569) !important;
}
html[data-theme="dark"] .landers-growth-dropdown-panel .range-slider-input-wrap:focus-within {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.35) !important;
}
html[data-theme="dark"] .landers-growth-dropdown-panel .range-slider-input {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-growth-dropdown-panel .landers-page-range-track-wrap .range-slider-track {
    background: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-growth-dropdown-panel .landers-page-range-track-wrap .range-slider-fill {
    background: var(--dk-accent) !important;
}
html[data-theme="dark"] .landers-growth-dropdown-panel .landers-page-range-track-wrap input[type="range"]::-webkit-slider-thumb {
    background: var(--dk-accent) !important;
    border-color: var(--dk-surface) !important;
}
html[data-theme="dark"] .landers-growth-dropdown-panel .landers-page-range-track-wrap input[type="range"]::-moz-range-thumb {
    background: var(--dk-accent) !important;
    border-color: var(--dk-surface) !important;
}
html[data-theme="dark"] .landers-growth-input-sep {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .range-slider-thumb-label {
    background: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] .range-slider-thumb-label::after {
    border-top-color: var(--dk-accent) !important;
}
html[data-theme="dark"] .range-slider-ceiling {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-growth-dropdown-panel .range-slider-input-wrap--stacked:focus-within,
html[data-theme="dark"] .range-slider-dropdown .range-slider-input-wrap--stacked:focus-within {
    border-color: var(--dk-accent) !important;
    box-shadow: 0 0 0 2px rgba(34, 90, 234, 0.25) !important;
}

/* EU/UK CPM field — clean input surface in dark mode (raised, clearly a field) */
html[data-theme="dark"] .landers-eu-cpm-row {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .landers-eu-cpm-row:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-hov, #475569) !important;
}
html[data-theme="dark"] .landers-eu-cpm-row:focus-within {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-accent) !important;
    box-shadow: 0 0 0 2px rgba(34, 90, 234, 0.25) !important;
}
html[data-theme="dark"] .landers-eu-cpm-input.range-slider-input {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-eu-cpm-prefix {
    color: var(--dk-text-3) !important;
}

/* EU/UK expandable accordion (flush under row, sticky with lander on h-scroll) */
html[data-theme="dark"] .landers-page-wrapper .shops-table tbody tr.landers-eu-xrow > td.landers-eu-xcell,
html[data-theme="dark"] .new-page-wrapper .shops-table tbody tr.landers-eu-xrow > td.landers-eu-xcell,
html[data-theme="dark"] tr.landers-eu-xrow > td.landers-eu-xcell,
html[data-theme="dark"] .landers-page-wrapper .shops-table tbody tr.landers-eu-xrow:hover > td.landers-eu-xcell,
html[data-theme="dark"] .new-page-wrapper .shops-table tbody tr.landers-eu-xrow:hover > td.landers-eu-xcell,
html[data-theme="dark"] .landers-page-wrapper .shops-table tbody tr.landers-eu-xrow:nth-child(even) > td.landers-eu-xcell,
html[data-theme="dark"] .new-page-wrapper .shops-table tbody tr.landers-eu-xrow:nth-child(even) > td.landers-eu-xcell {
    border-bottom-color: var(--dk-border-strong) !important;
    background: var(--dk-surface) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .landers-eu-accordion--row {
    background: var(--dk-surface) !important;
}
html[data-theme="dark"] .landers-eu-strip {
    background: transparent !important;
    border-top: none !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-eu-strip:hover {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-eu-accordion.is-open .landers-eu-strip {
    background: transparent !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-eu-strip-teaser {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-eu-strip-chevron {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-eu-accordion--tile .landers-eu-strip {
    border-color: var(--dk-border) !important;
    background: transparent !important;
}
html[data-theme="dark"] .landers-eu-panel {
    background: var(--dk-surface) !important;
    border-top-color: var(--dk-border) !important;
    border-bottom: none !important;
}
html[data-theme="dark"] .landers-eu-panel-inner {
    scrollbar-color: var(--dk-border-strong) transparent;
}
html[data-theme="dark"] .landers-eu-panel-inner::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .landers-eu-panel-inner::-webkit-scrollbar-thumb:hover {
    background: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-eu-accordion--tile .landers-eu-panel {
    border-bottom-width: 1px !important;
}
html[data-theme="dark"] .landers-eu-accordion--tile .landers-eu-panel {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-eu-sep {
    background: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-eu-panel-tf {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-eu-panel-tf-pill {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-eu-panel-tf-pill:hover {
    color: var(--dk-accent, #6b9fff) !important;
}
html[data-theme="dark"] .landers-eu-panel-tf-pill.is-active {
    background: #225aea !important;
    color: #fff !important;
}
html[data-theme="dark"] .landers-eu-age-panel-label,
html[data-theme="dark"] .landers-eu-age-panel-pct {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-eu-age-panel-row.is-top .landers-eu-age-panel-label,
html[data-theme="dark"] .landers-eu-age-panel-row.is-top .landers-eu-age-panel-pct {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-eu-age-panel-track {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .landers-eu-age-panel-fill {
    background: #60a5fa !important;
}
html[data-theme="dark"] .landers-eu-age-panel-row.is-top .landers-eu-age-panel-fill {
    background: #3b82f6 !important;
}
html[data-theme="dark"] .landers-eu-stat-value {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-eu-money {
    color: #4ade80 !important;
}
html[data-theme="dark"] .landers-eu-stat-pct {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-eu-countries-btn,
html[data-theme="dark"] .landers-eu-countries-view,
html[data-theme="dark"] .landers-eu-countries-arrow {
    color: var(--dk-accent, #6b9fff) !important;
}
html[data-theme="dark"] .landers-eu-countries-btn:hover {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .landers-eu-flag {
    border-color: var(--dk-surface) !important;
    box-shadow: 0 0 0 1px var(--dk-border) !important;
}
/* Breakdown modal */
html[data-theme="dark"] .landers-eu-modal__dialog {
    background: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border-strong) !important;
}
html[data-theme="dark"] .landers-eu-modal__head {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-eu-modal__title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-eu-modal__sub,
html[data-theme="dark"] .landers-eu-modal__sub .landers-url-link {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-eu-modal__sub .landers-url-link:hover {
    color: var(--dk-accent, #6b9fff) !important;
}
html[data-theme="dark"] .landers-eu-modal__close {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-eu-modal__close:hover {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-eu-modal-trend {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-eu-modal-split__trend {
    border-left-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-eu-modal-ads {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-eu-modal-avg-row {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-eu-modal-avg__value {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-eu-ag-bar,
html[data-theme="dark"] .landers-eu-gender-bar,
html[data-theme="dark"] .landers-eu-cbar {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .landers-eu-ag-total,
html[data-theme="dark"] .landers-eu-creach {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-eu-gl {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .landers-eu-crow {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .landers-eu-cspend {
    color: #4ade80 !important;
}
html[data-theme="dark"] .landers-eu-gender-hint {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .landers-eu-gender-pct-label {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .landers-eu-gender-pct-swatch--unknown {
    background: var(--dk-border-strong) !important;
}

/* Legacy sort button + page-level checkbox paint */
html[data-theme="dark"] .sort-button {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .sort-button:hover {
    background-color: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .new-page-wrapper input[type="checkbox"]::before,
html[data-theme="dark"] .landers-page-wrapper input[type="checkbox"]::before {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}

/* Store Tracker page chrome (Salestracker.php inline styles) */
html[data-theme="dark"] .auth-toast-content {
    background-color: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .auth-toast-message {
    color: var(--dk-text) !important;
    border-left-color: var(--dk-border) !important;
}
html[data-theme="dark"] .sidebar-toggle {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .sidebar-toggle svg {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .shops-table .store-tag-row .explore-meta-wh-link:hover,
html[data-theme="dark"] .shops-table .store-tag-row .explore-meta-fb-link:hover,
html[data-theme="dark"] .shops-table .landers-advertiser-tag-row .explore-meta-wh-link:hover,
html[data-theme="dark"] .shops-table .landers-advertiser-tag-row .explore-meta-fb-link:hover,
html[data-theme="dark"] .shops-table .landers-primary-adlibrary .explore-meta-wh-link:hover,
html[data-theme="dark"] .shops-table .landers-primary-adlibrary .explore-meta-fb-link:hover {
    background: rgba(34, 90, 234, 0.18) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
}

/* Search suggestions dropdown */
html[data-theme="dark"] .search-suggestions,
html[data-theme="dark"] .search-suggestions-dropdown {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .search-suggestion-item {
    border-bottom-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .search-suggestion-item:hover,
html[data-theme="dark"] .search-suggestion-item.is-highlighted {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .search-suggestion-loading-row,
html[data-theme="dark"] .search-suggestion-loading-row:hover {
    background: var(--dk-surface-deep) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .search-suggestion-item.search-suggestion-track-new {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .search-suggestion-item.search-suggestion-track-new:hover {
    background: rgba(34, 90, 234, 0.12) !important;
}
html[data-theme="dark"] .search-suggestion-item.search-suggestion-track-store {
    background: rgba(245, 158, 11, 0.12) !important;
}
html[data-theme="dark"] .search-suggestion-item.search-suggestion-track-store:hover {
    background: rgba(245, 158, 11, 0.2) !important;
}
html[data-theme="dark"] .search-suggestion-name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .search-suggestion-track-hint,
html[data-theme="dark"] .search-suggestion-loading-text {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .search-suggestion-icon {
    border-color: var(--dk-border) !important;
}

/* Visual search — image results, ad mode, loading states */
html[data-theme="dark"] .visual-search-panel,
html[data-theme="dark"] .visual-search-upload-zone,
html[data-theme="dark"] .visual-search-grid-wrap {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .visual-search-card {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .visual-search-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .visual-search-card-img-wrap {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .visual-search-card-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .visual-search-card-meta {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .visual-search-price-pill {
    background: rgba(34, 197, 94, 0.12) !important;
    color: #86efac !important;
}
html[data-theme="dark"] .visual-search-visits-stat {
    color: #fff !important;
}
html[data-theme="dark"] .visual-search-result-count {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .visual-search-empty-state,
html[data-theme="dark"] .visual-search-meta-ads-empty,
html[data-theme="dark"] .visual-search-meta-ads-loading {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .visual-search-empty-title,
html[data-theme="dark"] .visual-search-loading-text {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .visual-search-empty-sub {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] #visual-search-exit-btn,
html[data-theme="dark"] .visual-search-exit-btn-top-el {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #visual-search-exit-btn:hover,
html[data-theme="dark"] .visual-search-exit-btn-top-el:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .visual-search-query-thumb {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .visual-search-loading-spinner {
    border-color: var(--dk-border) !important;
    border-top-color: var(--dk-text) !important;
}
html[data-theme="dark"] .visual-search-meta-ads-wrap {
    background: transparent !important;
}
html[data-theme="dark"] .visual-search-card-link--secondary {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .visual-search-card-link--secondary:hover {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .visual-search-card-link--meta {
    background: var(--dk-surface-2) !important;
    border-color: rgba(24, 119, 242, 0.45) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .visual-search-card-link--meta:hover {
    background: rgba(24, 119, 242, 0.15) !important;
    border-color: rgba(24, 119, 242, 0.55) !important;
    color: #bfdbfe !important;
}
html[data-theme="dark"] .vs-modal-backdrop {
    background: rgba(0, 0, 0, 0.65) !important;
}

/* WL ads hover cards + action buttons */
html[data-theme="dark"] .new-page-wrapper .explore-wlads-hovercard,
html[data-theme="dark"] .landers-page-wrapper .explore-wlads-hovercard {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-wlads-btn-magic,
html[data-theme="dark"] .landers-page-wrapper .explore-wlads-btn-magic {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-wlads-btn-magic:hover,
html[data-theme="dark"] .landers-page-wrapper .explore-wlads-btn-magic:hover {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-wlads-btn-details,
html[data-theme="dark"] .new-page-wrapper .explore-wlads-btn-transcribe,
html[data-theme="dark"] .landers-page-wrapper .explore-wlads-btn-details,
html[data-theme="dark"] .landers-page-wrapper .explore-wlads-btn-transcribe,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-wlads-btn-details,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-wlads-btn-transcribe {
    background: #2563eb !important;
    background-color: #2563eb !important;
    border: 1px solid transparent !important;
    color: #fff !important;
    font-weight: 600 !important;
    box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .2), inset 0 6px 12px 0 hsla(0, 0%, 100%, .12), 0 1px 2px 0 rgba(8, 8, 8, .2), 0 4px 4px 0 rgba(8, 8, 8, .08) !important;
    transition: background 0.3s ease, transform 0.12s ease !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-wlads-btn-details:hover,
html[data-theme="dark"] .new-page-wrapper .explore-wlads-btn-transcribe:hover:not(:disabled),
html[data-theme="dark"] .landers-page-wrapper .explore-wlads-btn-details:hover,
html[data-theme="dark"] .landers-page-wrapper .explore-wlads-btn-transcribe:hover:not(:disabled),
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-wlads-btn-details:hover,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-wlads-btn-transcribe:hover:not(:disabled) {
    background: #1d4ed8 !important;
    background-color: #1d4ed8 !important;
    border-color: transparent !important;
    color: #fff !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-wlads-btn-details:active,
html[data-theme="dark"] .new-page-wrapper .explore-wlads-btn-transcribe:active:not(:disabled),
html[data-theme="dark"] .landers-page-wrapper .explore-wlads-btn-details:active,
html[data-theme="dark"] .landers-page-wrapper .explore-wlads-btn-transcribe:active:not(:disabled),
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-wlads-btn-details:active,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-wlads-btn-transcribe:active:not(:disabled) {
    transform: translateY(1px) !important;
}
html[data-theme="dark"] #explore-best-product-flyout .best-product-image,
html[data-theme="dark"] #explore-best-product-flyout .best-product-image-placeholder,
html[data-theme="dark"] #explore-best-product-flyout .best-product-image-placeholder--svg,
html[data-theme="dark"] #explore-best-product-flyout .explore-best-product-flyout-zoom-inner,
html[data-theme="dark"] .new-page-wrapper .best-product-image,
html[data-theme="dark"] .new-page-wrapper .best-product-image-placeholder,
html[data-theme="dark"] .new-page-wrapper .best-product-image-placeholder--svg,
html[data-theme="dark"] .new-page-wrapper .best-product-image-zoom-inner,
html[data-theme="dark"] .landers-page-wrapper .best-product-image,
html[data-theme="dark"] .landers-page-wrapper .best-product-image-placeholder,
html[data-theme="dark"] .landers-page-wrapper .best-product-image-placeholder--svg,
html[data-theme="dark"] .landers-page-wrapper .best-product-image-zoom-inner,
html[data-theme="dark"] .std-similar-explore-mount .best-product-image,
html[data-theme="dark"] .std-similar-explore-mount .best-product-image-placeholder,
html[data-theme="dark"] .std-similar-explore-mount .best-product-image-placeholder--svg,
html[data-theme="dark"] .std-similar-explore-mount .best-product-image-zoom-inner {
    background: #fff !important;
}
html[data-theme="dark"] #explore-best-product-flyout .explore-best-product-flyout-title {
    color: var(--dk-text) !important;
    border-bottom-color: var(--dk-border) !important;
}
/* Flyout clones .best-product-price-badge (white overlay text) but restyles it for the panel;
   in dark mode --es2-text is light while background stays #f1f5f9 → unreadable. */
html[data-theme="dark"] #explore-best-product-flyout .explore-best-product-flyout-zoom-inner .best-product-price-badge,
html[data-theme="dark"] #std-similar-best-product-flyout .explore-best-product-flyout-zoom-inner .best-product-price-badge {
    color: var(--dk-text) !important;
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: none !important;
}

/* Store Tracker — action buttons + auth gate modal */
html[data-theme="dark"] .st-action-btn {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .st-action-btn:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .st-action-view:hover {
    background: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .st-action-brand:hover {
    background: rgba(99, 102, 241, 0.15) !important;
    border-color: rgba(99, 102, 241, 0.35) !important;
    color: #a5b4fc !important;
}
html[data-theme="dark"] .st-action-delete:hover {
    background: rgba(244, 63, 94, 0.12) !important;
    border-color: rgba(244, 63, 94, 0.35) !important;
    color: #fda4af !important;
}
html[data-theme="dark"] .brands-page-wrapper .st-action-save:hover {
    background: rgba(99, 102, 241, 0.15) !important;
    border-color: rgba(99, 102, 241, 0.35) !important;
    color: #a5b4fc !important;
}
html[data-theme="dark"] .auth-modal-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .auth-modal-message {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .auth-modal-button.secondary {
    background: var(--dk-surface-3) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .auth-modal-button.secondary:hover {
    background: rgba(34, 90, 234, 0.2) !important;
}
html[data-theme="dark"] #store-table_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current),
html[data-theme="dark"] #table-skeleton.st-table-skeleton-wrap .dataTables_paginate .paginate_button:hover:not(.disabled):not(.current) {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #store-table.st-metrics-table tbody td,
html[data-theme="dark"] #table-skeleton table.st-metrics-table tbody td {
    background: var(--dk-surface) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #store-table.st-metrics-table tbody tr:nth-child(even) td,
html[data-theme="dark"] #table-skeleton table.st-metrics-table tbody tr:nth-child(even) td {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] #store-table.st-metrics-table tbody tr:hover td,
html[data-theme="dark"] #table-skeleton table.st-metrics-table tbody tr:hover td {
    background: var(--es2-row-hover) !important;
}
html[data-theme="dark"] #store-table.st-metrics-table tbody tr.selected td {
    background: var(--es2-row-selected) !important;
}
html[data-theme="dark"] #store-table.st-metrics-table tbody tr.selected:hover td {
    background: var(--es2-row-selected-hover) !important;
}
html[data-theme="dark"] #store-table .store-name,
html[data-theme="dark"] #table-skeleton .store-name,
html[data-theme="dark"] .st-metrics-table .store-name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #store-table .store-link:hover .store-name,
html[data-theme="dark"] #table-skeleton .store-link:hover .store-name {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .explore-period-btn:not(.active) {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .explore-period-btn:hover:not(.active) {
    border-color: rgba(34, 90, 234, 0.45) !important;
    color: var(--dk-accent) !important;
}
/* Segmented growth toggles (landers / explore table cells) — override generic .explore-period-btn above */
html[data-theme="dark"] .explore-metric-period-toggle.explore-segmented .explore-period-btn:not(.active),
html[data-theme="dark"] .landers-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn:not(.active),
html[data-theme="dark"] .new-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn:not(.active),
html[data-theme="dark"] .brands-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn:not(.active),
html[data-theme="dark"] .std-similar-explore-mount .explore-metric-period-toggle.explore-segmented .explore-period-btn:not(.active) {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .explore-metric-period-toggle.explore-segmented .explore-period-btn.active,
html[data-theme="dark"] .landers-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn.active,
html[data-theme="dark"] .new-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn.active,
html[data-theme="dark"] .brands-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn.active,
html[data-theme="dark"] .std-similar-explore-mount .explore-metric-period-toggle.explore-segmented .explore-period-btn.active {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
    border-color: transparent !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), inset 0 0 0 1px var(--dk-border-strong) !important;
}
html[data-theme="dark"] .explore-metric-period-toggle.explore-segmented .explore-period-btn:hover:not(.active),
html[data-theme="dark"] .landers-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn:hover:not(.active),
html[data-theme="dark"] .new-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn:hover:not(.active),
html[data-theme="dark"] .brands-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn:hover:not(.active),
html[data-theme="dark"] .std-similar-explore-mount .explore-metric-period-toggle.explore-segmented .explore-period-btn:hover:not(.active) {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: transparent !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .es-country-flag-option:hover,
html[data-theme="dark"] .es-country-flag-option.is-selected {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .es-country-flag-option {
    color: var(--dk-text-2) !important;
}

/* Credits / plan chips in header */
html[data-theme="dark"] .new-page-wrapper .explore-shops-topbar .bg-green-50,
html[data-theme="dark"] .new-page-wrapper .explore-shops-topbar .bg-blue-50 {
    background-color: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
}
html[data-theme="dark"] .new-page-wrapper .explore-shops-topbar .text-green-700,
html[data-theme="dark"] .new-page-wrapper .explore-shops-topbar .text-blue-700 {
    color: var(--dk-accent) !important;
}

/* Legacy nav-menu items (Salestracker sidebar accordion categories) */
html[data-theme="dark"] .nav-sidebar-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .nav-menu-item {
    color: var(--dk-text-2) !important;
    border-color: var(--dk-border) !important;
    background: transparent !important;
}
html[data-theme="dark"] .nav-menu-item:hover {
    color: var(--dk-text) !important;
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .nav-menu-item.active {
    color: var(--dk-accent) !important;
    background: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
}

html[data-theme="dark"] .sidebar-toggle {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .sidebar-toggle:hover {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .sidebar-toggle svg {
    color: var(--dk-text-2) !important;
}

/* Category hierarchical filter (niche picker) */
html[data-theme="dark"] .chf-root.chf-theme-light {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .chf-root.chf-theme-light .cat-search-box {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .chf-root.chf-theme-light .cat-search-box:focus-within {
    border-color: rgba(34, 90, 234, 0.45) !important;
    background: var(--dk-surface-2) !important;
    box-shadow: 0 0 0 2px rgba(34, 90, 234, 0.2) !important;
}
html[data-theme="dark"] .chf-root.chf-theme-light .cat-search-box svg {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .chf-root.chf-theme-light .cat-search-box input {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .chf-root.chf-theme-light .cat-search-box input::placeholder {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .chf-root.chf-theme-light .chf-col + .chf-col {
    border-left-color: var(--dk-border) !important;
}
html[data-theme="dark"] .chf-root.chf-theme-light .cat-item {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .chf-root.chf-theme-light .cat-item:hover {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .chf-root.chf-theme-light .cat-item--drilled,
html[data-theme="dark"] .chf-root.chf-theme-light .cat-item--selected {
    background: rgba(34, 90, 234, 0.12) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .chf-root.chf-theme-light .cat-item--drilled .cat-item-name,
html[data-theme="dark"] .chf-root.chf-theme-light .cat-item--selected .cat-item-name {
    color: var(--dk-text) !important;
}

/* DataTables default stylesheet leak */
html[data-theme="dark"] table.dataTable tbody tr {
    background-color: transparent !important;
}
html[data-theme="dark"] table.dataTable.display tbody tr.even > .sorting_1,
html[data-theme="dark"] table.dataTable.display tbody tr.odd > .sorting_1,
html[data-theme="dark"] table.dataTable.stripe tbody tr.odd,
html[data-theme="dark"] table.dataTable.stripe tbody tr.even {
    background-color: transparent !important;
}

/* ── Saved Ads page (Savedads.php) ─────────────────────────────────────── */

/* Sidebar */
html[data-theme="dark"] .saved-ads-page-shell .sidebar {
    background-color: var(--dk-surface) !important;
    border-right-color: var(--dk-border) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .saved-ads-page-shell #search-folders {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .saved-ads-page-shell #search-folders::placeholder {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .search-container svg circle,
html[data-theme="dark"] .saved-ads-page-shell .search-container svg path {
    stroke: var(--dk-text-3) !important;
}

/* Sidebar nav items */
html[data-theme="dark"] .saved-ads-page-shell .folders-header,
html[data-theme="dark"] .saved-ads-page-shell .folders-header span,
html[data-theme="dark"] .saved-ads-page-shell #folder-count {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .all-saved-ads span,
html[data-theme="dark"] .saved-ads-page-shell .folder-header .folder-name,
html[data-theme="dark"] .saved-ads-page-shell .folder-header span,
html[data-theme="dark"] .saved-ads-page-shell .board-item .board-name,
html[data-theme="dark"] .saved-ads-page-shell .board-item .ads-count,
html[data-theme="dark"] .saved-ads-page-shell .create-board span {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .all-saved-ads svg,
html[data-theme="dark"] .saved-ads-page-shell .folder-header svg,
html[data-theme="dark"] .saved-ads-page-shell .board-item svg {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .sidebar svg path[stroke="#525866"],
html[data-theme="dark"] .saved-ads-page-shell .sidebar svg path[stroke="#99A0AE"],
html[data-theme="dark"] .saved-ads-page-shell .sidebar svg path[stroke="#B0B0B0"] {
    stroke: var(--dk-text-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .separator-dot,
html[data-theme="dark"] .saved-ads-page-shell .folder-header div[style*="background-color: #CACFD8"] {
    background-color: var(--dk-border-strong) !important;
}

html[data-theme="dark"] .saved-ads-page-shell .folder-header:hover,
html[data-theme="dark"] .saved-ads-page-shell .board-item:hover,
html[data-theme="dark"] .saved-ads-page-shell .all-saved-ads:hover,
html[data-theme="dark"] .saved-ads-page-shell .create-board:hover {
    background-color: var(--dk-surface-2) !important;
}

html[data-theme="dark"] .saved-ads-page-shell .board-item.active-board,
html[data-theme="dark"] .saved-ads-page-shell .board-item.active-item,
html[data-theme="dark"] .saved-ads-page-shell #all-saved-ads.active-item {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .board-item.active-board .board-name,
html[data-theme="dark"] .saved-ads-page-shell .board-item.active-board .ads-count,
html[data-theme="dark"] .saved-ads-page-shell #all-saved-ads.active-item span {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .board-item.active-board svg,
html[data-theme="dark"] .saved-ads-page-shell #all-saved-ads.active-item svg {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .board-item.active-board .separator-dot {
    background-color: var(--dk-text) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .sidebar-folders-list > div[style*="color: #6b6b74"],
html[data-theme="dark"] .saved-ads-page-shell .sidebar-folders-list > div[style*="color: #888"] {
    color: var(--dk-text-3) !important;
}

/* Breadcrumbs & header actions */
html[data-theme="dark"] .saved-ads-page-shell .breadcrumb-wrapper {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .breadcrumb-wrapper:hover,
html[data-theme="dark"] .saved-ads-page-shell .breadcrumb-wrapper.active {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .breadcrumb-item,
html[data-theme="dark"] .saved-ads-page-shell .breadcrumbs .folder-name,
html[data-theme="dark"] .saved-ads-page-shell .breadcrumbs .board-name {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .create-board {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .breadcrumb-separator {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .breadcrumbs svg path[stroke="#0E121B"],
html[data-theme="dark"] .saved-ads-page-shell .breadcrumbs svg path[stroke="#99A0AE"] {
    stroke: var(--dk-text-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .breadcrumb-wrapper.active svg path,
html[data-theme="dark"] .saved-ads-page-shell #folder-breadcrumb.active svg path,
html[data-theme="dark"] .saved-ads-page-shell #board-breadcrumb.active svg path {
    stroke: var(--dk-text) !important;
}
html[data-theme="dark"] .saved-ads-page-shell #folder-breadcrumb.active .folder-name,
html[data-theme="dark"] .saved-ads-page-shell #board-breadcrumb.active .board-name,
html[data-theme="dark"] .saved-ads-page-shell #all-saved-ads-breadcrumb[style*="color: #0E121B"] {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .saved-ads-page-shell .folder-btn,
html[data-theme="dark"] .saved-ads-page-shell .more-btn,
html[data-theme="dark"] .saved-ads-page-shell #download-board-btn {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .folder-btn span,
html[data-theme="dark"] .saved-ads-page-shell .more-btn span,
html[data-theme="dark"] .saved-ads-page-shell #download-board-btn,
html[data-theme="dark"] .saved-ads-page-shell #download-board-btn .download-text {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .folder-btn svg path,
html[data-theme="dark"] .saved-ads-page-shell .more-btn svg path,
html[data-theme="dark"] .saved-ads-page-shell #download-board-btn svg path {
    stroke: var(--dk-text-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .folder-btn:hover,
html[data-theme="dark"] .saved-ads-page-shell .more-btn:hover,
html[data-theme="dark"] .saved-ads-page-shell #download-board-btn:hover {
    background-color: var(--dk-surface-3) !important;
}

html[data-theme="dark"] .saved-ads-page-shell .folder-dropdown-menu,
html[data-theme="dark"] .saved-ads-page-shell .dropdown-menu {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .folder-dropdown-menu .dropdown-item span,
html[data-theme="dark"] .saved-ads-page-shell .dropdown-menu .dropdown-item span {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .folder-dropdown-menu .dropdown-item svg path,
html[data-theme="dark"] .saved-ads-page-shell .dropdown-menu .dropdown-item svg path {
    stroke: var(--dk-text-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .folder-dropdown-menu .dropdown-item:hover,
html[data-theme="dark"] .saved-ads-page-shell .dropdown-menu .dropdown-item:hover {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .folder-dropdown-menu .delete-folder-option,
html[data-theme="dark"] .saved-ads-page-shell .dropdown-menu .delete-board-option {
    border-top-color: var(--dk-border) !important;
}

/* Modals */
html[data-theme="dark"] .saved-ads-page-shell #create-folder-modal > div,
html[data-theme="dark"] .saved-ads-page-shell #create-board-modal > div,
html[data-theme="dark"] .saved-ads-page-shell #delete-board-modal > div,
html[data-theme="dark"] .saved-ads-page-shell #rename-folder-modal > div,
html[data-theme="dark"] .saved-ads-page-shell #delete-folder-modal > div,
html[data-theme="dark"] .saved-ads-page-shell #edit-board-modal > div,
html[data-theme="dark"] .saved-ads-page-shell #shareable-link-modal > div {
    background-color: var(--dk-surface) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] .saved-ads-page-shell #create-folder-modal h3,
html[data-theme="dark"] .saved-ads-page-shell #create-board-modal h3,
html[data-theme="dark"] .saved-ads-page-shell #delete-board-modal h3,
html[data-theme="dark"] .saved-ads-page-shell #rename-folder-modal h3,
html[data-theme="dark"] .saved-ads-page-shell #delete-folder-modal h3,
html[data-theme="dark"] .saved-ads-page-shell #edit-board-modal h3,
html[data-theme="dark"] .saved-ads-page-shell #shareable-link-modal h3,
html[data-theme="dark"] .saved-ads-page-shell #edit-board-modal label {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .saved-ads-page-shell #delete-board-modal p,
html[data-theme="dark"] .saved-ads-page-shell #delete-folder-modal p,
html[data-theme="dark"] .saved-ads-page-shell #shareable-link-modal p,
html[data-theme="dark"] .saved-ads-page-shell #edit-board-modal p {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell #folder-name-input,
html[data-theme="dark"] .saved-ads-page-shell #board-name-input,
html[data-theme="dark"] .saved-ads-page-shell #rename-folder-input,
html[data-theme="dark"] .saved-ads-page-shell #edit-board-name,
html[data-theme="dark"] .saved-ads-page-shell #shareable-link-input {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .saved-ads-page-shell #cancel-folder-btn,
html[data-theme="dark"] .saved-ads-page-shell #cancel-board-btn,
html[data-theme="dark"] .saved-ads-page-shell #cancel-delete-board-btn,
html[data-theme="dark"] .saved-ads-page-shell #cancel-rename-folder-btn,
html[data-theme="dark"] .saved-ads-page-shell #cancel-delete-folder-btn,
html[data-theme="dark"] .saved-ads-page-shell #cancel-edit-board-btn {
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell #cancel-folder-btn:hover,
html[data-theme="dark"] .saved-ads-page-shell #cancel-board-btn:hover,
html[data-theme="dark"] .saved-ads-page-shell #cancel-delete-board-btn:hover,
html[data-theme="dark"] .saved-ads-page-shell #cancel-rename-folder-btn:hover,
html[data-theme="dark"] .saved-ads-page-shell #cancel-delete-folder-btn:hover,
html[data-theme="dark"] .saved-ads-page-shell #cancel-edit-board-btn:hover {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell #create-folder-btn[style*="background-color: #cccccc"],
html[data-theme="dark"] .saved-ads-page-shell #create-board-btn[style*="background-color: #cccccc"] {
    background-color: var(--dk-border-strong) !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .saved-ads-page-shell #edit-board-modal > div > div[style*="background-color: #f6f8fa"] {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .saved-ads-page-shell .download-spinner {
    border-color: rgba(166, 173, 187, 0.3) !important;
    border-top-color: var(--dk-text-2) !important;
}

/* Active nav: JS adds .active-item + inline #F3F4F6 (not .active like brand tracker) */
html[data-theme="dark"] .saved-ads-page-shell #all-saved-ads.active-item,
html[data-theme="dark"] .saved-ads-page-shell .board-item.active-item {
    background-color: rgba(34, 90, 234, 0.12) !important;
}
html[data-theme="dark"] .saved-ads-page-shell #all-saved-ads.active-item span,
html[data-theme="dark"] .saved-ads-page-shell #all-saved-ads.active-item svg {
    color: var(--dk-accent) !important;
}

/* Embedded breadcrumb styles paint hover/active as #0E121B */
html[data-theme="dark"] .saved-ads-page-shell .breadcrumb-wrapper:hover,
html[data-theme="dark"] .saved-ads-page-shell .breadcrumb-wrapper:hover .breadcrumb-item,
html[data-theme="dark"] .saved-ads-page-shell .breadcrumb-wrapper.active,
html[data-theme="dark"] .saved-ads-page-shell .breadcrumb-wrapper.active .breadcrumb-item {
    color: var(--dk-text) !important;
}

/* JS inline hover/selection fills */
html[data-theme="dark"] .saved-ads-page-shell .folder-header[style*="background-color: #f8f9fa"],
html[data-theme="dark"] .saved-ads-page-shell .folder-header[style*="background-color:#f8f9fa"],
html[data-theme="dark"] .saved-ads-page-shell .board-item[style*="background-color: #f8f9fa"],
html[data-theme="dark"] .saved-ads-page-shell .board-item[style*="background-color:#f8f9fa"],
html[data-theme="dark"] .saved-ads-page-shell .create-board[style*="background-color: #f0f0f0"],
html[data-theme="dark"] .saved-ads-page-shell .create-board[style*="background-color:#f0f0f0"],
html[data-theme="dark"] .saved-ads-page-shell .folder-dropdown-menu .dropdown-item[style*="background-color: #f8f9fa"],
html[data-theme="dark"] .saved-ads-page-shell .dropdown-menu .dropdown-item[style*="background-color: #f8f9fa"] {
    background-color: var(--dk-surface-2) !important;
}

/* Modal panels — inline `white` keyword on inner divs */
html[data-theme="dark"] .saved-ads-page-shell [id$="-modal"] > div[style*="background-color: white"],
html[data-theme="dark"] .saved-ads-page-shell [id$="-modal"] > div[style*="background-color:white"] {
    background-color: var(--dk-surface) !important;
}

/* Modal dismiss icons */
html[data-theme="dark"] .saved-ads-page-shell #close-delete-board-btn svg path,
html[data-theme="dark"] .saved-ads-page-shell #close-rename-folder-btn svg path,
html[data-theme="dark"] .saved-ads-page-shell #close-delete-folder-btn svg path,
html[data-theme="dark"] .saved-ads-page-shell #close-edit-board-btn svg path,
html[data-theme="dark"] .saved-ads-page-shell #close-share-modal-btn svg path,
html[data-theme="dark"] .saved-ads-page-shell #shareable-link-modal #copy-link-btn svg path {
    stroke: var(--dk-text-2) !important;
}

/* Save ad to board overlay on ad cards (ads.js .ad-overlay-container) */
html[data-theme="dark"] .ad-overlay-container {
    background-color: var(--dk-surface) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
    color: var(--dk-text);
}
html[data-theme="dark"] .ad-overlay-container h3,
html[data-theme="dark"] .ad-overlay-container .font-semibold,
html[data-theme="dark"] .ad-overlay-container .font-medium {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ad-overlay-container [style*="background-color: #EFF6FF"],
html[data-theme="dark"] .ad-overlay-container [style*="background-color:#EFF6FF"] {
    background-color: rgba(34, 90, 234, 0.12) !important;
}
html[data-theme="dark"] .ad-overlay-container [style*="background-color: #fee2e2"],
html[data-theme="dark"] .ad-overlay-container [style*="background-color:#fee2e2"] {
    background-color: rgba(239, 68, 68, 0.12) !important;
}
html[data-theme="dark"] .ad-overlay-container [style*="background-color: #F5F5F5"],
html[data-theme="dark"] .ad-overlay-container [style*="background-color:#F5F5F5"] {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .ad-overlay-container #overlay_search_input,
html[data-theme="dark"] .ad-overlay-container #overlay_delete_search_input,
html[data-theme="dark"] .ad-overlay-container #newFolderNameInput,
html[data-theme="dark"] .ad-overlay-container #newBoardNameInput {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ad-overlay-container #overlay_search_input::placeholder,
html[data-theme="dark"] .ad-overlay-container #overlay_delete_search_input::placeholder,
html[data-theme="dark"] .ad-overlay-container #newFolderNameInput::placeholder,
html[data-theme="dark"] .ad-overlay-container #newBoardNameInput::placeholder {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .ad-overlay-container #createFolderOverlay {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .ad-overlay-container [style*="color: #0E121B"],
html[data-theme="dark"] .ad-overlay-container [style*="color:#0E121B"],
html[data-theme="dark"] .ad-overlay-container [style*="color: #333"],
html[data-theme="dark"] .ad-overlay-container [style*="color:#333"] {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ad-overlay-container [style*="color: #525866"],
html[data-theme="dark"] .ad-overlay-container [style*="color:#525866"] {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .ad-overlay-container [style*="color: #dc2626"],
html[data-theme="dark"] .ad-overlay-container [style*="color:#dc2626"],
html[data-theme="dark"] .ad-overlay-container .font-medium[style*="color: #dc2626"],
html[data-theme="dark"] .ad-overlay-container .font-medium[style*="color:#dc2626"] {
    color: #f87171 !important;
}
html[data-theme="dark"] .ad-overlay-container [stroke="#0E121B"],
html[data-theme="dark"] .ad-overlay-container [stroke="#525866"],
html[data-theme="dark"] .ad-overlay-container [stroke="#B0B0B0"] {
    stroke: var(--dk-text-2);
}
html[data-theme="dark"] .ad-overlay-container [style*="background-color: #fee2e2"] [stroke="#dc2626"],
html[data-theme="dark"] .ad-overlay-container [style*="background-color:#fee2e2"] [stroke="#dc2626"] {
    stroke: #f87171;
}
html[data-theme="dark"] .ad-overlay-container .folder-header-overlay:hover,
html[data-theme="dark"] .ad-overlay-container .board-item-overlay:hover,
html[data-theme="dark"] .ad-overlay-container .create-board:hover,
html[data-theme="dark"] .ad-overlay-container .folder-header-overlay[style*="background-color: #F7F8FA"],
html[data-theme="dark"] .ad-overlay-container .folder-header-overlay[style*="background-color:#F7F8FA"],
html[data-theme="dark"] .ad-overlay-container .board-item-overlay[style*="background-color: #F7F8FA"],
html[data-theme="dark"] .ad-overlay-container .board-item-overlay[style*="background-color:#F7F8FA"],
html[data-theme="dark"] .ad-overlay-container .create-board[style*="background-color: #F7F8FA"],
html[data-theme="dark"] .ad-overlay-container .create-board[style*="background-color:#F7F8FA"] {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .ad-overlay-container .folder-name-overlay,
html[data-theme="dark"] .ad-overlay-container .board-item-overlay,
html[data-theme="dark"] .ad-overlay-container .board-item-overlay span {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .ad-overlay-container .text-gray-600,
html[data-theme="dark"] .ad-overlay-container .text-gray-500 {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .ad-overlay-container [style*="border: 1px solid #F2F2F2"],
html[data-theme="dark"] .ad-overlay-container [style*="border-bottom: 1px solid #F2F2F2"],
html[data-theme="dark"] .ad-overlay-container [style*="border-top: 1px solid #F2F2F2"] {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .ad-overlay-container #cancelNewFolder,
html[data-theme="dark"] .ad-overlay-container #cancelNewBoard {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .ad-overlay-container .animate-spin.border-gray-900 {
    border-color: var(--dk-text-2) transparent transparent transparent !important;
}

/* ── Brand tracker (Brands Tracker list + sidebar) ─────────────────────── */

html[data-theme="dark"] .dashboard-container .sidebar {
    background-color: var(--dk-surface) !important;
    border-right-color: var(--dk-border) !important;
    box-shadow: none !important;
    scrollbar-color: var(--dk-border-strong) transparent;
}
html[data-theme="dark"] .dashboard-container .sidebar::-webkit-scrollbar-thumb {
    background-color: var(--dk-border-strong);
}
html[data-theme="dark"] .dashboard-container #search-folders,
html[data-theme="dark"] .brands-page-wrapper .search-wrapper-brands-inner input[type="text"],
html[data-theme="dark"] #follow-brand-modal input[type="text"],
html[data-theme="dark"] .brand-overlay-container input[type="text"] {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brands-page-wrapper #brands-search,
html[data-theme="dark"] .brands-page-wrapper .brands-meta-search #brands-search {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-meta-search.search-wrapper,
html[data-theme="dark"] .brands-page-wrapper #brands-search-wrapper.search-wrapper {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-meta-search.search-wrapper:focus-within,
html[data-theme="dark"] .brands-page-wrapper #brands-search-wrapper.search-wrapper:focus-within {
    background: var(--dk-surface-3) !important;
    border-color: rgba(34, 90, 234, 0.45) !important;
    box-shadow: 0 0 0 2px rgba(34, 90, 234, 0.2) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-meta-search > svg,
html[data-theme="dark"] .brands-page-wrapper #brands-search-wrapper > svg {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .dashboard-container #search-folders::placeholder,
html[data-theme="dark"] .brands-page-wrapper .search-wrapper-brands-inner input[type="text"]::placeholder,
html[data-theme="dark"] .brands-page-wrapper #brands-search::placeholder,
html[data-theme="dark"] .brands-page-wrapper .brands-meta-search #brands-search::placeholder,
html[data-theme="dark"] #follow-brand-modal input[type="text"]::placeholder,
html[data-theme="dark"] .brand-overlay-container input[type="text"]::placeholder {
    color: var(--dk-text-3) !important;
    -webkit-text-fill-color: var(--dk-text-3) !important;
    opacity: 1 !important;
}
html[data-theme="dark"] .dashboard-container .folders-header [style*="color: #5b6b82"],
html[data-theme="dark"] .dashboard-container .folders-header [style*="color:#5b6b82"],
html[data-theme="dark"] .dashboard-container .folders-header [style*="color: #99A0AE"],
html[data-theme="dark"] .dashboard-container .folders-header [style*="color:#99A0AE"] {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .dashboard-container .folder-header:hover,
html[data-theme="dark"] .dashboard-container .board-item:hover,
html[data-theme="dark"] .dashboard-container .all-saved-ads:hover,
html[data-theme="dark"] .dashboard-container .create-board:hover {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .dashboard-container .folder-item.active-folder .folder-header,
html[data-theme="dark"] .dashboard-container .board-item.active-board,
html[data-theme="dark"] .dashboard-container .all-saved-ads.active,
html[data-theme="dark"] .dashboard-container #all-saved-ads.active-item {
    background-color: rgba(34, 90, 234, 0.12) !important;
}
html[data-theme="dark"] .dashboard-container .folder-item.active-folder .folder-name,
html[data-theme="dark"] .dashboard-container .board-item.active-board span,
html[data-theme="dark"] .dashboard-container .all-saved-ads.active span,
html[data-theme="dark"] .dashboard-container .all-saved-ads.active svg,
html[data-theme="dark"] .dashboard-container #all-saved-ads.active-item span,
html[data-theme="dark"] .dashboard-container #all-saved-ads.active-item svg {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .dashboard-container .folder-name[style*="color: #525866"],
html[data-theme="dark"] .dashboard-container .folder-name[style*="color:#525866"],
html[data-theme="dark"] .dashboard-container .board-name[style*="color: #525866"],
html[data-theme="dark"] .dashboard-container .board-name[style*="color:#525866"],
html[data-theme="dark"] .dashboard-container .board-count[style*="color: #5b6b82"],
html[data-theme="dark"] .dashboard-container .board-count[style*="color:#5b6b82"],
html[data-theme="dark"] .dashboard-container .board-count[style*="color: #99A0AE"],
html[data-theme="dark"] .dashboard-container .board-count[style*="color:#99A0AE"],
html[data-theme="dark"] .dashboard-container .create-board[style*="color: #666"],
html[data-theme="dark"] .dashboard-container .create-board[style*="color:#666"] {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .brands-page-description,
html[data-theme="dark"] .brands-page-description[style*="color: #000000"],
html[data-theme="dark"] .brands-page-description[style*="color:#000000"] {
    color: #ffffff !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-title {
    color: var(--dk-text);
}
html[data-theme="dark"] .brands-breadcrumb-bar .breadcrumb-wrapper {
    color: #ffffff;
}
html[data-theme="dark"] .brands-breadcrumb-bar .breadcrumb-wrapper:hover,
html[data-theme="dark"] .brands-breadcrumb-bar .breadcrumb-wrapper:hover .breadcrumb-item,
html[data-theme="dark"] .brands-breadcrumb-bar .breadcrumb-wrapper.active,
html[data-theme="dark"] .brands-breadcrumb-bar .breadcrumb-wrapper.active .breadcrumb-item {
    color: #ffffff !important;
}
html[data-theme="dark"] .brands-breadcrumb-bar .breadcrumb-item[style*="color: #0E121B"],
html[data-theme="dark"] .brands-breadcrumb-bar .breadcrumb-item[style*="color:#0E121B"],
html[data-theme="dark"] .brands-breadcrumb-bar .folder-name[style*="color: #5b6b82"],
html[data-theme="dark"] .brands-breadcrumb-bar .folder-name[style*="color:#5b6b82"],
html[data-theme="dark"] .brands-breadcrumb-bar .board-name[style*="color: #5b6b82"],
html[data-theme="dark"] .brands-breadcrumb-bar .board-name[style*="color:#5b6b82"],
html[data-theme="dark"] .brands-breadcrumb-bar .breadcrumb-separator[style*="color: #5b6b82"],
html[data-theme="dark"] .brands-breadcrumb-bar .breadcrumb-separator[style*="color:#5b6b82"],
html[data-theme="dark"] .brands-breadcrumb-bar .folder-name[style*="color: #99A0AE"],
html[data-theme="dark"] .brands-breadcrumb-bar .folder-name[style*="color:#99A0AE"],
html[data-theme="dark"] .brands-breadcrumb-bar .board-name[style*="color: #99A0AE"],
html[data-theme="dark"] .brands-breadcrumb-bar .board-name[style*="color:#99A0AE"],
html[data-theme="dark"] .brands-breadcrumb-bar .breadcrumb-separator[style*="color: #99A0AE"],
html[data-theme="dark"] .brands-breadcrumb-bar .breadcrumb-separator[style*="color:#99A0AE"] {
    color: #ffffff !important;
}
html[data-theme="dark"] .brands-breadcrumb-bar [stroke="#0E121B"],
html[data-theme="dark"] .brands-breadcrumb-bar [stroke="#99A0AE"] {
    stroke: #ffffff;
}
html[data-theme="dark"] .brands-breadcrumb-bar #brands-count-label,
html[data-theme="dark"] .brands-breadcrumb-bar #brand-request-quota-label,
html[data-theme="dark"] .brands-breadcrumb-bar [style*="color: #000000"],
html[data-theme="dark"] .brands-breadcrumb-bar [style*="color:#000000"],
html[data-theme="dark"] .brands-breadcrumb-bar [style*="color: #525866"],
html[data-theme="dark"] .brands-breadcrumb-bar [style*="color:#525866"] {
    color: #ffffff !important;
}
html[data-theme="dark"] .brands-breadcrumb-bar .folder-btn,
html[data-theme="dark"] .brands-breadcrumb-bar .more-btn,
html[data-theme="dark"] .brands-breadcrumb-bar .folder-btn[style*="background-color: #FFFFFF"],
html[data-theme="dark"] .brands-breadcrumb-bar .more-btn[style*="background-color: #FFFFFF"] {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .brands-breadcrumb-bar .folder-btn span,
html[data-theme="dark"] .brands-breadcrumb-bar .more-btn span,
html[data-theme="dark"] .brands-breadcrumb-bar .folder-btn [stroke="#000000"],
html[data-theme="dark"] .brands-breadcrumb-bar .more-btn [stroke="#000000"] {
    color: var(--dk-text) !important;
    stroke: var(--dk-text);
}
html[data-theme="dark"] .brands-breadcrumb-bar .folder-dropdown-menu,
html[data-theme="dark"] .brands-breadcrumb-bar .dropdown-menu {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .brands-breadcrumb-bar .dropdown-item [stroke="#000000"] {
    stroke: var(--dk-text);
}
html[data-theme="dark"] .brands-breadcrumb-bar .dropdown-item span[style*="color: #000000"],
html[data-theme="dark"] .brands-breadcrumb-bar .dropdown-item span[style*="color:#000000"] {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brands-breadcrumb-bar .dropdown-item.delete-folder-option,
html[data-theme="dark"] .brands-breadcrumb-bar .dropdown-item.delete-board-option {
    border-top-color: var(--dk-border) !important;
}

html[data-theme="dark"] .brands-page-wrapper .btn-pill {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .brands-page-wrapper .btn-pill:hover {
    background: var(--dk-surface-3);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .brands-page-wrapper .btn-follow-brand-upgrade {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
    box-shadow: none;
}
html[data-theme="dark"] .brands-page-wrapper .btn-follow-brand-upgrade:hover {
    background: var(--dk-surface-3);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .brands-page-wrapper .brands-hero-import-btn.wh-btn-primary {
    background: rgba(37, 99, 235, 0.18) !important;
    background-color: rgba(37, 99, 235, 0.18) !important;
    color: #93c5fd !important;
    border-color: rgba(37, 99, 235, 0.4) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-hero-import-btn.wh-btn-primary:hover {
    background: rgba(37, 99, 235, 0.28) !important;
    background-color: rgba(37, 99, 235, 0.28) !important;
    color: #bfdbfe !important;
    border-color: rgba(37, 99, 235, 0.55) !important;
}
html[data-theme="dark"] .brands-page-wrapper .follow-brand-url-input {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .brands-page-wrapper .follow-brand-url-input::placeholder {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .brands-page-wrapper .brands-table-loading {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .brands-page-wrapper .search-wrapper-brands-inner input[type="text"]:focus {
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .brands-page-wrapper #brands-toolbar-search-results {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .brands-page-wrapper .brands-toolbar-search-result {
    color: var(--dk-text);
    border-bottom-color: var(--dk-border);
}
html[data-theme="dark"] .brands-page-wrapper .brands-toolbar-search-result:hover {
    background: var(--dk-surface-3);
}
html[data-theme="dark"] .brands-page-wrapper .brands-toolbar-suggest-upgrade {
    border-color: var(--dk-border-strong);
    color: var(--dk-accent);
}
html[data-theme="dark"] .brands-page-wrapper .brands-toolbar-suggest-upgrade:hover {
    background: var(--dk-surface-3);
}
html[data-theme="dark"] .brands-page-wrapper .time-btn {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text-2);
}
html[data-theme="dark"] .brands-page-wrapper .time-btn:hover {
    background: var(--dk-surface-3);
    color: var(--dk-text);
}
html[data-theme="dark"] .brands-page-wrapper .sort-trigger {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .brands-page-wrapper .sort-trigger:hover {
    background: var(--dk-surface-3);
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] .brands-page-wrapper .sort-dropdown {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .brands-page-wrapper .sort-option {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .brands-page-wrapper .sort-option:hover {
    background: var(--dk-surface-3);
    color: var(--dk-text);
}
html[data-theme="dark"] .brands-page-wrapper .sort-option.active {
    color: var(--dk-text);
}

html[data-theme="dark"] .brands-page-wrapper .table-wrapper {
    background: var(--dk-surface);
    border-color: var(--dk-border);
    box-shadow: none;
}
html[data-theme="dark"] .brands-page-wrapper .brands-table thead,
html[data-theme="dark"] .brands-page-wrapper .brands-table thead th {
    background-color: var(--dk-surface-2) !important;
    border-bottom-color: var(--dk-border) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-table tbody td {
    background: var(--dk-surface) !important;
    border-bottom-color: var(--dk-border) !important;
    border-right-color: var(--dk-border) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-table tbody td:first-child {
    color: #ffffff !important;
    background: var(--dk-surface) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-table tbody tr:nth-child(even) td,
html[data-theme="dark"] .brands-page-wrapper .brands-table tbody tr:nth-child(even) td:first-child {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-table tbody tr:hover td,
html[data-theme="dark"] .brands-page-wrapper .brands-table tbody tr:hover td:first-child {
    background: var(--es2-row-hover) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brand-name {
    color: var(--dk-text);
}
html[data-theme="dark"] .brands-page-wrapper .brands-table tbody tr:hover .brand-name {
    color: var(--dk-text);
}
html[data-theme="dark"] .brands-page-wrapper .brand-logo {
    background: var(--dk-surface-3);
}
html[data-theme="dark"] .brands-page-wrapper .formats-cell,
html[data-theme="dark"] .brands-page-wrapper .format-item svg {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .brands-page-wrapper .bmm-meter {
    background: var(--dk-surface-3);
}
html[data-theme="dark"] .brands-page-wrapper .bmm-label {
    color: #ffffff;
}
html[data-theme="dark"] .brands-page-wrapper .bmm-pct {
    color: #ffffff;
}
html[data-theme="dark"] .brands-page-wrapper .brand-live-ads-spark-label,
html[data-theme="dark"] .brands-page-wrapper .monthly-visits-number,
html[data-theme="dark"] .brands-page-wrapper .monthly-visits-icon,
html[data-theme="dark"] .brands-page-wrapper .monthly-visits-cell .monthly-visits-top > svg,
html[data-theme="dark"] .brands-page-wrapper .monthly-visits-cell > div > svg:first-of-type,
html[data-theme="dark"] .brands-page-wrapper .monthly-visits-na,
html[data-theme="dark"] .brands-page-wrapper .monthly-visits-more-flags,
html[data-theme="dark"] .brands-page-wrapper .monthly-visits-tt-code,
html[data-theme="dark"] .brands-page-wrapper .monthly-visits-tt-share {
    color: #ffffff !important;
}
html[data-theme="dark"] .brands-page-wrapper .monthly-visits-icon,
html[data-theme="dark"] .brands-page-wrapper .monthly-visits-cell .monthly-visits-top > svg,
html[data-theme="dark"] .brands-page-wrapper .monthly-visits-cell > div > svg:first-of-type {
    stroke: #ffffff !important;
}
html[data-theme="dark"] .brands-page-wrapper .brand-new-ad-thumb {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] .brands-page-wrapper .monthly-visits-flags-tooltip {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .brands-page-wrapper .adscore-ping {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .brands-page-wrapper .bng-pill:not(.is-on) {
    background: rgba(148, 163, 184, 0.22);
}
html[data-theme="dark"] .brands-page-wrapper .brands-new-growth--hyper,
html[data-theme="dark"] .brands-page-wrapper .brands-new-growth--high {
    color: #6ee7b7;
}
html[data-theme="dark"] .brands-page-wrapper .brands-new-growth--up {
    color: #86efac;
}
html[data-theme="dark"] .brands-page-wrapper .brands-new-growth--stable {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .brands-page-wrapper .brands-new-growth--down {
    color: #fca5a5;
}
html[data-theme="dark"] .brands-page-wrapper .brands-new-growth .bng-pct {
    color: inherit;
    opacity: 0.7;
}
html[data-theme="dark"] .brands-page-wrapper .trend-up {
    color: #34d399;
    background-color: rgba(16, 185, 129, 0.12);
}
html[data-theme="dark"] .brands-page-wrapper .trend-down {
    color: #f87171;
    background-color: rgba(239, 68, 68, 0.12);
}
html[data-theme="dark"] .brands-page-wrapper .trend-neutral {
    color: var(--dk-text-2);
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .brands-page-wrapper .brand-see-details {
    color: var(--dk-text-2, #cbd5e1);
    background: var(--dk-surface-3, #334155);
    border-color: var(--dk-border, #475569);
}
html[data-theme="dark"] .brands-page-wrapper .brand-see-details:hover {
    color: var(--dk-accent, #93c5fd);
    border-color: var(--dk-accent, #60a5fa);
    background: rgba(96, 165, 250, 0.12);
}
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages-trigger {
    background: var(--dk-surface-2, #1b1f27);
    border-color: var(--dk-border, #2c323d);
    color: var(--dk-text-2, #e4e8f0);
}
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages-trigger:hover,
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages-trigger.is-open,
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages-trigger:focus-visible {
    border-color: var(--dk-border-strong, #3a4252);
    background: var(--dk-surface-3, #232936);
}
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages-trigger__count {
    background: var(--dk-surface-3, #232936);
    color: var(--dk-text-3, #bcc5d4);
}
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages-trigger__chevron {
    color: var(--dk-text-3, #bcc5d4);
}
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages-menu,
html[data-theme="dark"] body > .brands-attached-pages-menu.is-portal {
    background: var(--dk-surface-2, #1b1f27) !important;
    border-color: var(--dk-border-strong, #3a4252) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
    color: var(--dk-text-2, #e4e8f0);
}
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages-menu__empty,
html[data-theme="dark"] body > .brands-attached-pages-menu.is-portal .brands-attached-pages-menu__empty {
    color: var(--dk-text-3, #bcc5d4) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages-option:hover,
html[data-theme="dark"] body > .brands-attached-pages-menu.is-portal .brands-attached-pages-option:hover {
    background: var(--dk-surface-3, #232936) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages-option.is-current,
html[data-theme="dark"] body > .brands-attached-pages-menu.is-portal .brands-attached-pages-option.is-current {
    background: rgba(34, 90, 234, 0.16) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages-option__name,
html[data-theme="dark"] body > .brands-attached-pages-menu.is-portal .brands-attached-pages-option__name {
    color: var(--dk-text, #ffffff) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages-option__meta,
html[data-theme="dark"] body > .brands-attached-pages-menu.is-portal .brands-attached-pages-option__meta {
    color: var(--dk-text-3, #bcc5d4) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages-option__link,
html[data-theme="dark"] body > .brands-attached-pages-menu.is-portal .brands-attached-pages-option__link {
    color: inherit !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages__avatar,
html[data-theme="dark"] body > .brands-attached-pages-menu.is-portal .brands-attached-pages__avatar {
    background: var(--dk-surface-3, #232936) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages-adlibrary,
html[data-theme="dark"] body > .brands-attached-pages-menu.is-portal .brands-attached-pages-adlibrary {
    background: var(--dk-surface-3, #232936) !important;
    border-color: var(--dk-border, #2c323d) !important;
    color: var(--dk-accent, #225aea) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages-adlibrary:hover,
html[data-theme="dark"] body > .brands-attached-pages-menu.is-portal .brands-attached-pages-adlibrary:hover {
    background: rgba(34, 90, 234, 0.16) !important;
    border-color: var(--dk-accent-border, rgba(34, 90, 234, 0.5)) !important;
    color: #bfdbfe !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-attached-pages__meta-icon,
html[data-theme="dark"] body > .brands-attached-pages-menu.is-portal .brands-attached-pages__meta-icon {
    filter: brightness(0) invert(1);
    opacity: 0.9;
}
html[data-theme="dark"] .brands-page-wrapper .brand-adlibrary-link,
html[data-theme="dark"] .brands-page-wrapper .brand-adlibrary-link.st-action-btn,
html[data-theme="dark"] .brands-page-wrapper .brand-adlibrary-link.brand-adlibrary-link--action,
html[data-theme="dark"] .new-page-wrapper .brand-adlibrary-link,
html[data-theme="dark"] .landers-page-wrapper .brand-adlibrary-link {
    color: var(--dk-accent, #93c5fd) !important;
    background: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brand-adlibrary-link:hover,
html[data-theme="dark"] .brands-page-wrapper .brand-adlibrary-link.st-action-btn:hover,
html[data-theme="dark"] .brands-page-wrapper .brand-adlibrary-link.brand-adlibrary-link--action:hover,
html[data-theme="dark"] .brands-page-wrapper .brand-adlibrary-link.st-action-view:hover,
html[data-theme="dark"] .new-page-wrapper .brand-adlibrary-link:hover,
html[data-theme="dark"] .landers-page-wrapper .brand-adlibrary-link:hover {
    color: var(--dk-accent, #bfdbfe) !important;
    border-color: var(--dk-accent, #60a5fa) !important;
    background: rgba(96, 165, 250, 0.18) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brand-adlibrary-link:focus-visible,
html[data-theme="dark"] .new-page-wrapper .brand-adlibrary-link:focus-visible,
html[data-theme="dark"] .landers-page-wrapper .brand-adlibrary-link:focus-visible {
    outline-color: var(--dk-accent, #60a5fa);
}
html[data-theme="dark"] .brands-page-wrapper .brand-adlibrary-link img[src*="meta-logo-facebook-svgrepo-com.svg"],
html[data-theme="dark"] .new-page-wrapper .brand-adlibrary-link img[src*="meta-logo-facebook-svgrepo-com.svg"],
html[data-theme="dark"] .landers-page-wrapper .brand-adlibrary-link img[src*="meta-logo-facebook-svgrepo-com.svg"] {
    filter: brightness(0) invert(1);
    opacity: 0.88;
}
html[data-theme="dark"] .brands-page-wrapper .brand-adlibrary-link:hover img[src*="meta-logo-facebook-svgrepo-com.svg"],
html[data-theme="dark"] .new-page-wrapper .brand-adlibrary-link:hover img[src*="meta-logo-facebook-svgrepo-com.svg"],
html[data-theme="dark"] .landers-page-wrapper .brand-adlibrary-link:hover img[src*="meta-logo-facebook-svgrepo-com.svg"] {
    opacity: 1;
}
html[data-theme="dark"] .brands-page-wrapper .explore-wlads-hovercard {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .brands-page-wrapper .explore-wlads-hover-media,
html[data-theme="dark"] .brands-page-wrapper .explore-wlads-hover-img,
html[data-theme="dark"] .brands-page-wrapper .explore-wlads-hover-img-poster {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .brands-page-wrapper .explore-wlads-btn {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brands-page-wrapper .explore-wlads-btn-magic {
    background: rgba(99, 102, 241, 0.15) !important;
    border-color: rgba(99, 102, 241, 0.35) !important;
    color: #a5b4fc !important;
}
html[data-theme="dark"] .brands-page-wrapper .explore-wlads-btn-details {
    background: var(--dk-accent, #225AEA) !important;
    border-color: var(--dk-accent, #225AEA) !important;
    color: #fff !important;
}
html[data-theme="dark"] .brands-page-wrapper .explore-wlads-thumb-ring {
    background: var(--dk-surface-3) !important;
    box-shadow: 0 0 0 1px var(--dk-border) !important;
}
html[data-theme="dark"] .brands-page-wrapper .untrack-brand-btn.st-action-delete:hover {
    background: rgba(244, 63, 94, 0.12) !important;
    border-color: rgba(244, 63, 94, 0.35) !important;
    color: #fda4af !important;
}
html[data-theme="dark"] .brands-page-wrapper .save-brand-cannot-link .save-icon-lock-badge {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text-2);
}
html[data-theme="dark"] .brands-page-wrapper .pagination-wrapper {
    background: var(--dk-surface);
    box-shadow: none;
    color: var(--dk-text-2);
}
html[data-theme="dark"] .brands-page-wrapper .pagination-info {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .brands-page-wrapper .pagination-button {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text-2);
}
html[data-theme="dark"] .brands-page-wrapper .pagination-button:hover:not(:disabled) {
    background: var(--dk-surface-3);
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] .brands-page-wrapper .page-number:hover:not(.active) {
    background: var(--dk-surface-3);
}
html[data-theme="dark"] .brands-page-wrapper .page-number.active {
    background: var(--dk-accent);
    color: #fff;
}

html[data-theme="dark"] .brands-skel-shimmer {
    background: linear-gradient(90deg, var(--dk-surface-2) 0%, var(--dk-surface-3) 45%, var(--dk-surface-2) 55%, var(--dk-surface-2) 100%);
    background-size: 200% 100%;
}
html[data-theme="dark"] .brands-skel-row td {
    border-bottom-color: var(--dk-border);
}

/* Brand tracker modals + save overlay */
html[data-theme="dark"] #create-folder-modal > div,
html[data-theme="dark"] #create-board-modal > div,
html[data-theme="dark"] #delete-board-modal > div,
html[data-theme="dark"] #rename-folder-modal > div,
html[data-theme="dark"] #delete-folder-modal > div,
html[data-theme="dark"] #edit-board-modal > div,
html[data-theme="dark"] #untrack-brand-modal > div,
html[data-theme="dark"] #follow-brand-modal .follow-brand-modal-box,
html[data-theme="dark"] .brands-st-import-box,
html[data-theme="dark"] .brand-overlay-container:not(.follow-brand-modal) {
    background-color: var(--dk-surface) !important;
    color: var(--dk-text);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] #create-folder-modal h3,
html[data-theme="dark"] #create-board-modal h3,
html[data-theme="dark"] #delete-board-modal h3,
html[data-theme="dark"] #rename-folder-modal h3,
html[data-theme="dark"] #delete-folder-modal h3,
html[data-theme="dark"] #edit-board-modal h3,
html[data-theme="dark"] #untrack-brand-modal h3,
html[data-theme="dark"] #follow-brand-modal h3,
html[data-theme="dark"] .brand-overlay-container h3 {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #create-folder-modal p,
html[data-theme="dark"] #create-board-modal p,
html[data-theme="dark"] #delete-board-modal p,
html[data-theme="dark"] #rename-folder-modal p,
html[data-theme="dark"] #delete-folder-modal p,
html[data-theme="dark"] #edit-board-modal p,
html[data-theme="dark"] #untrack-brand-modal p,
html[data-theme="dark"] #follow-brand-modal p,
html[data-theme="dark"] .brand-overlay-container p,
html[data-theme="dark"] #create-folder-modal label,
html[data-theme="dark"] #rename-folder-modal label {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #create-folder-modal input,
html[data-theme="dark"] #create-board-modal input,
html[data-theme="dark"] #rename-folder-modal input,
html[data-theme="dark"] #edit-board-modal input {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #create-folder-modal .cancel-btn,
html[data-theme="dark"] #create-board-modal .cancel-btn,
html[data-theme="dark"] #delete-board-modal .cancel-btn,
html[data-theme="dark"] #rename-folder-modal .cancel-btn,
html[data-theme="dark"] #delete-folder-modal .cancel-btn,
html[data-theme="dark"] #edit-board-modal .cancel-btn,
html[data-theme="dark"] #cancel-untrack-brand-btn,
html[data-theme="dark"] #follow-brand-modal-cancel,
html[data-theme="dark"] #follow-brand-modal-show-url,
html[data-theme="dark"] #follow-brand-modal-show-search,
html[data-theme="dark"] #overlayCreateFolder {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #follow-brand-modal-cancel:hover:not(:disabled),
html[data-theme="dark"] #follow-brand-modal-show-url:hover,
html[data-theme="dark"] #follow-brand-modal-show-search:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #follow-brand-modal [style*="border-bottom: 1px solid #F2F2F2"],
html[data-theme="dark"] #follow-brand-modal [style*="border-top: 1px solid #F2F2F2"],
html[data-theme="dark"] #follow-brand-modal [style*="border-bottom: 1px solid #e2e8f0"],
html[data-theme="dark"] #follow-brand-modal [style*="border-bottom:1px solid #f1f5f9"],
html[data-theme="dark"] #follow-brand-modal [style*="border-bottom: 1px solid #f1f5f9"],
html[data-theme="dark"] .brand-overlay-container [style*="border-bottom: 1px solid #F2F2F2"],
html[data-theme="dark"] .brand-overlay-container [style*="border-top: 1px solid #F2F2F2"] {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] #follow-brand-modal-close,
html[data-theme="dark"] #closeBrandOverlay,
html[data-theme="dark"] #follow-brand-modal-selected-brand-clear {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #follow-brand-modal-selected-brand-clear:hover {
    background-color: var(--dk-filter-surface-hover) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #follow-brand-modal-selected-brand {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] #follow-brand-modal-selected-brand-name,
html[data-theme="dark"] #follow-brand-modal-count,
html[data-theme="dark"] #follow-brand-modal [style*="color: #0E121B"],
html[data-theme="dark"] #follow-brand-modal [style*="color:#0E121B"],
html[data-theme="dark"] #follow-brand-modal [style*="color: #000000"],
html[data-theme="dark"] #follow-brand-modal [style*="color:#000000"],
html[data-theme="dark"] .brand-overlay-container [style*="color: #0E121B"],
html[data-theme="dark"] .brand-overlay-container [style*="color:#0E121B"],
html[data-theme="dark"] .brand-overlay-container [style*="color: #000000"],
html[data-theme="dark"] .brand-overlay-container [style*="color:#000000"] {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #follow-brand-modal-selected-brand-sub {
    color: var(--dk-accent, #6b9cff) !important;
}
html[data-theme="dark"] #follow-brand-modal-domain-hint,
html[data-theme="dark"] #follow-brand-modal [style*="color: #64748b"],
html[data-theme="dark"] #follow-brand-modal [style*="color:#64748b"],
html[data-theme="dark"] #follow-brand-modal [style*="color: #525866"],
html[data-theme="dark"] #follow-brand-modal [style*="color:#525866"],
html[data-theme="dark"] #follow-brand-modal [style*="color: #5b6b82"],
html[data-theme="dark"] #follow-brand-modal [style*="color:#5b6b82"],
html[data-theme="dark"] #follow-brand-modal [style*="color: #94a3b8"],
html[data-theme="dark"] #follow-brand-modal [style*="color:#94a3b8"],
html[data-theme="dark"] .brand-overlay-container [style*="color: #5b6b82"],
html[data-theme="dark"] .brand-overlay-container [style*="color:#5b6b82"],
html[data-theme="dark"] .brand-overlay-container [style*="color: #525866"],
html[data-theme="dark"] .brand-overlay-container [style*="color:#525866"] {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #follow-brand-modal .follow-brand-search-result,
html[data-theme="dark"] #follow-brand-modal #follow-modal-no-results {
    color: var(--dk-text-2) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] #follow-brand-modal .follow-brand-search-result__name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #follow-brand-modal .follow-brand-search-result__domain,
html[data-theme="dark"] #follow-brand-modal .follow-brand-search-status {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #follow-brand-modal .follow-brand-search-status.is-error {
    color: #f87171 !important;
}
html[data-theme="dark"] #follow-brand-modal .follow-brand-search-result__logo {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] #follow-brand-modal .follow-brand-search-result:hover,
html[data-theme="dark"] #follow-brand-modal-brand-results .follow-brand-search-result:hover {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] #follow-brand-modal .skeleton-loader {
    border-color: var(--dk-border-strong) !important;
    border-top-color: var(--dk-accent) !important;
}

/* Ad Library → track brand fullscreen loader */
html[data-theme="dark"] #follow-brand-fullscreen-loader {
    background: rgba(0, 0, 0, 0.65);
}
html[data-theme="dark"] #follow-brand-fullscreen-loader .follow-brand-loader-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] #follow-brand-fullscreen-loader .follow-brand-loader-spinner {
    border-color: var(--dk-border-strong);
    border-top-color: var(--dk-accent);
}
html[data-theme="dark"] #follow-brand-fullscreen-loader .follow-brand-loader-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #follow-brand-fullscreen-loader .follow-brand-loader-sub {
    color: var(--dk-text-muted) !important;
}
html[data-theme="dark"] #follow-brand-fullscreen-loader .follow-brand-loader-open {
    background: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] #follow-brand-fullscreen-loader .follow-brand-loader-dismiss {
    color: var(--dk-text-muted) !important;
}
html[data-theme="dark"] #follow-brand-fullscreen-loader .follow-brand-loader-dismiss:hover {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .brand-overlay-container .overlay-item:hover {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] body > .folder-dropdown {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

/* JS inline hover fills on search + overlay rows */
html[data-theme="dark"] .brands-page-wrapper .brands-toolbar-search-result[style*="background-color: #F7F8FA"],
html[data-theme="dark"] .brands-page-wrapper .brands-toolbar-search-result[style*="background-color:#F7F8FA"],
html[data-theme="dark"] .brand-overlay-container .board-item-overlay[style*="background-color: #F7F8FA"],
html[data-theme="dark"] .brand-overlay-container .board-item-overlay[style*="background-color:#F7F8FA"],
html[data-theme="dark"] #follow-brand-modal .follow-modal-board[style*="background-color: #F7F8FA"],
html[data-theme="dark"] #follow-brand-modal .follow-modal-board[style*="background-color:#F7F8FA"],
html[data-theme="dark"] #follow-brand-modal .follow-brand-search-result[style*="background-color: #F7F8FA"],
html[data-theme="dark"] #follow-brand-modal .follow-brand-search-result[style*="background-color:#F7F8FA"] {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .brand-overlay-container .folder-header-overlay:hover,
html[data-theme="dark"] .brand-overlay-container .board-item-overlay:hover,
html[data-theme="dark"] #follow-brand-modal .folder-header-overlay:hover,
html[data-theme="dark"] #follow-brand-modal .follow-modal-board:hover,
html[data-theme="dark"] #follow-brand-modal .follow-brand-search-result:hover {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .brand-overlay-container .folder-name-overlay,
html[data-theme="dark"] .brand-overlay-container .board-item-overlay,
html[data-theme="dark"] #follow-brand-modal .folder-name-overlay,
html[data-theme="dark"] #follow-brand-modal .follow-modal-board {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-overlay-container [stroke="#525866"],
html[data-theme="dark"] #follow-brand-modal [stroke="#525866"],
html[data-theme="dark"] #follow-brand-modal [stroke="#99A0AE"],
html[data-theme="dark"] #follow-brand-modal [stroke="#B0B0B0"] {
    stroke: var(--dk-text-3);
}
html[data-theme="dark"] #follow-brand-modal-close svg {
    stroke: var(--dk-text-2) !important;
}
html[data-theme="dark"] #follow-brand-modal-show-url:hover,
html[data-theme="dark"] #follow-brand-modal-show-search:hover,
html[data-theme="dark"] #follow-brand-modal-cancel:hover:not(:disabled) {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-toolbar-search-result__name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-toolbar-search-result__domain,
html[data-theme="dark"] .brands-page-wrapper .brands-toolbar-search-status {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-toolbar-search-status.is-error {
    color: #f87171 !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-toolbar-search-result__logo {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-toolbar-search-result {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brands-page-wrapper .brands-toolbar-search-result:hover {
    background: var(--dk-surface-3) !important;
}

/* Import from Sales Tracker modal */
html[data-theme="dark"] .brands-st-import-header,
html[data-theme="dark"] .brands-st-import-toolbar {
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .brands-st-import-title,
html[data-theme="dark"] .brands-st-import-name,
html[data-theme="dark"] .brands-st-import-request-msg {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brands-st-import-sub,
html[data-theme="dark"] .brands-st-import-count,
html[data-theme="dark"] .brands-st-import-domain,
html[data-theme="dark"] .brands-st-import-empty,
html[data-theme="dark"] .brands-st-import-status,
html[data-theme="dark"] .brands-st-import-request-help {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brands-st-import-x {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brands-st-import-x:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brands-st-import-search,
html[data-theme="dark"] .brands-st-import-request-input {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brands-st-import-row {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .brands-st-import-row:hover {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .brands-st-import-cancel {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brands-st-import-cancel:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brands-st-import-done.is-requested {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brands-st-import-done:not(.is-requested) {
    background: rgba(34, 197, 94, 0.14) !important;
    border-color: rgba(34, 197, 94, 0.35) !important;
    color: #86efac !important;
}
html[data-theme="dark"] .brands-st-import-status.is-ok {
    color: #86efac !important;
}
html[data-theme="dark"] .brands-st-import-status.is-warn {
    color: #fbbf24 !important;
}
html[data-theme="dark"] .brands-st-import-status.is-err {
    color: #fb7185 !important;
}

html[data-theme="dark"] .brands-page-wrapper #brands-toolbar-search-results [style*="color: #0E121B"],
html[data-theme="dark"] .brands-page-wrapper #brands-toolbar-search-results [style*="color:#0E121B"],
html[data-theme="dark"] .brands-page-wrapper #brands-toolbar-search-results [style*="color: #000000"],
html[data-theme="dark"] .brands-page-wrapper #brands-toolbar-search-results [style*="color:#000000"] {
    color: var(--dk-text) !important;
}

/* ── Magic AI Search (Magicai.php inline styles) ─────────────────────────── */

/* Hero + filter chrome used --es2-surface-alt (--dk-surface-deep, darker than
   the page) while .dashboard-filters-explore.filters-bar uses --dk-surface.
   Same split on /trends (topbar vs .trends-filters-bar). Unify both to the
   standard card surface so header and filters match. */
html[data-theme="dark"] .magicai-page-wrapper .explore-shops-topbar,
html[data-theme="dark"] .magicai-page-wrapper .magic-ai-toolbar-card,
html[data-theme="dark"] .trends-page-wrapper .explore-shops-topbar,
html[data-theme="dark"] .trends-page-wrapper .trends-filters-bar {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .magicai-page-wrapper .magic-ai-filters-bar.dashboard-filters-explore.filters-bar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}
html[data-theme="dark"] .magicai-page-wrapper .explore-shops-main-title,
html[data-theme="dark"] .trends-page-wrapper .explore-shops-main-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .magicai-page-wrapper .explore-shops-subtitle,
html[data-theme="dark"] .trends-page-wrapper .explore-shops-subtitle,
html[data-theme="dark"] .magicai-page-wrapper .explore-shops-subtitle-prefix,
html[data-theme="dark"] .trends-page-wrapper .explore-shops-subtitle-prefix {
    color: var(--dk-text-3) !important;
}

html[data-theme="dark"] .watch-tutorial-btn svg path[fill="#18181B"] {
    fill: var(--dk-text) !important;
}

html[data-theme="dark"] #chooseimage {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] #chooseimage svg path,
html[data-theme="dark"] #chooseimage svg circle {
    stroke: var(--dk-text-2) !important;
}

html[data-theme="dark"] #tiktok-shop-banner {
    background-color: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
}
html[data-theme="dark"] #tiktok-shop-banner p[style*="color: #18181B"],
html[data-theme="dark"] #tiktok-shop-banner p[style*="color:#18181B"] {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #tiktok-shop-banner p[style*="color: #4b5563"],
html[data-theme="dark"] #tiktok-shop-banner p[style*="color:#4b5563"] {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #tiktok-shop-banner button[style*="color: #225aea"] {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] #tiktok-shop-banner button:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .magic-ai-form .filter-label-badge {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .visual-search-modal-inner {
    background: var(--dk-surface-2) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .explore-visual-dropzone {
    border-color: var(--dk-border-strong) !important;
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .explore-visual-dropzone.dragover {
    border-color: var(--dk-accent) !important;
    background: rgba(34, 90, 234, 0.12) !important;
}
html[data-theme="dark"] .explore-visual-dropzone-inner {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .visual-search-modal-hint,
html[data-theme="dark"] .visual-search-modal-hint.text-gray-600 {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .visual-search-err,
html[data-theme="dark"] #explore-visual-search-err {
    color: #f87171 !important;
}
html[data-theme="dark"] .visual-search-modal-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .visual-search-modal-title span[style*="color:#6b7280"],
html[data-theme="dark"] .visual-search-modal-title span[style*="color: #6b7280"] {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .visual-search-modal-close {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .visual-search-modal-close:hover {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .magic-ai-visual-dropzone {
    border-color: var(--dk-border-strong) !important;
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .magic-ai-visual-dropzone.dragover {
    border-color: var(--dk-accent) !important;
    background: rgba(34, 90, 234, 0.12) !important;
}
html[data-theme="dark"] .magic-ai-visual-dropzone-inner {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .visual-upload-link {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .visual-search-modal-actions .btn-secondary {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .visual-search-modal-actions .btn-primary {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] .magic-ai-visual-search-err {
    color: #f87171 !important;
}

/* ── Knowledge page (Knowledge.php) ──────────────────────────────────────── */

html[data-theme="dark"] .knowledge-page-shell .group > div.bg-white {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .knowledge-page-shell .group:hover > div.bg-white {
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}
/* Thumbnail PNGs are UI screenshots on white artboards — keep a light well so they stay readable */
html[data-theme="dark"] .knowledge-page-shell .group > div.bg-white .w-full.overflow-hidden {
    background-color: #eef0f4 !important;
}
html[data-theme="dark"] .knowledge-page-shell .group > div.bg-white img {
    mix-blend-mode: normal;
    filter: none;
}
html[data-theme="dark"] .knowledge-page-shell .text-4xl.font-bold {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .knowledge-page-shell .text-lg.text-gray-500,
html[data-theme="dark"] .knowledge-page-shell .text-gray-500 {
    color: var(--dk-text-2) !important;
}

/* ── Trends (Trends.php + TrendDetails.php) ──────────────────────────────── */

/* Hero decorative backgrounds */
html[data-theme="dark"] .hero-bg {
    opacity: 0.12;
    filter: brightness(0.55) saturate(0.8);
}

/* Search controls */
html[data-theme="dark"] #search-keyword,
html[data-theme="dark"] #timeframe,
html[data-theme="dark"] #category,
html[data-theme="dark"] #sorting,
html[data-theme="dark"] .category-select {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #search-keyword::placeholder {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] #timeframe option,
html[data-theme="dark"] #category option,
html[data-theme="dark"] #sorting option {
    background-color: var(--dk-surface);
    color: var(--dk-text);
}

/* Credits banner */
html[data-theme="dark"] #trends-credits-banner {
    background-color: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
}
html[data-theme="dark"] #trends-credits-banner .text-blue-800 {
    color: #bfdbfe !important;
}
html[data-theme="dark"] #trends-credits-banner .text-blue-600,
html[data-theme="dark"] #trends-credits-banner .trends-upgrade-link {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] #trends-credits-banner .hover\:text-blue-800:hover {
    color: #bfdbfe !important;
}

/* Skeleton loaders */
html[data-theme="dark"] .trends-skel-block,
html[data-theme="dark"] #topic-details-skeleton .skeleton {
    background: linear-gradient(90deg, var(--dk-surface-2) 0%, var(--dk-surface-3) 45%, var(--dk-surface-2) 55%, var(--dk-surface-2) 100%) !important;
    background-size: 200% 100% !important;
}

/* Result cards + chart containers */
html[data-theme="dark"] .search-result-graph.rounded-lg {
    background-color: var(--dk-surface-deep) !important;
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .main-graph.rounded-lg {
    background-color: var(--dk-surface-deep);
    border: 1px solid var(--dk-border);
}

/* Detail page time-range filters */
html[data-theme="dark"] .filter-button.bg-white {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .filter-button.selected {
    background-color: var(--dk-accent) !important;
    color: #fff !important;
    border-color: var(--dk-accent) !important;
}

/* Breadcrumb row */
html[data-theme="dark"] .border-b.border-gray-200,
html[data-theme="dark"] .border-b[class*="border-gray"] {
    border-color: var(--dk-border) !important;
}

/* See details / related topic buttons (inline white styles in JS) */
html[data-theme="dark"] .trend-details-btn,
html[data-theme="dark"] .search-result a[style*="background-color: #fff"],
html[data-theme="dark"] .search-result a[style*="background-color:#fff"],
html[data-theme="dark"] .search-result button.trend-details-btn {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .trend-details-btn:hover {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .trend-details-btn-locked {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .trend-details-btn-locked:hover {
    background-color: var(--dk-surface-2) !important;
}

/* Metric accent colors — keep readable on dark */
html[data-theme="dark"] .volume-text {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .growth-text,
html[data-theme="dark"] .text-green-500 {
    color: #4ade80 !important;
}
html[data-theme="dark"] .text-red-500 {
    color: #f87171 !important;
}
html[data-theme="dark"] .text-blue-500 {
    color: var(--dk-accent) !important;
}

/* Tooltips on result cards */
html[data-theme="dark"] .tooltip-popup {
    background-color: var(--dk-surface-3) !important;
    border: 1px solid var(--dk-border-strong);
}
html[data-theme="dark"] .tooltip-popup::after {
    border-top-color: var(--dk-surface-3) !important;
}

/* Trends upgrade modal (footer.php #trends-upgrade-modal) */
html[data-theme="dark"] #trends-upgrade-modal .upgrade__left {
    background: var(--dk-surface-deep) !important;
    color: var(--dk-text);
}
html[data-theme="dark"] #trends-upgrade-modal .upgrade__left h1 {
    color: var(--dk-text);
}
html[data-theme="dark"] #trends-upgrade-modal .upgrade__right {
    background: var(--dk-surface) !important;
    color: var(--dk-text);
}
html[data-theme="dark"] #trends-upgrade-modal .upgrade__ticket {
    background: var(--dk-surface-2) !important;
    box-shadow: none;
    border-left-color: var(--dk-accent);
}
html[data-theme="dark"] #trends-upgrade-modal .upgrade__ticket span {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] #trends-upgrade-modal .upgrade__ticket p,
html[data-theme="dark"] #trends-upgrade-modal .upgrade__benefit-text p,
html[data-theme="dark"] #trends-upgrade-modal .upgrade__testimonial p {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #trends-upgrade-modal .upgrade__benefit-text h2,
html[data-theme="dark"] #trends-upgrade-modal .upgrade__testimonial-name {
    color: var(--dk-text) !important;
}

/* ── AI Ads (Adsgen home, image generator, edit) ───────────────────────── */

/* Decorative background — keep subtle in dark mode */
html[data-theme="dark"] .ai-ads-page-shell .background-image {
    opacity: 0.12;
    filter: saturate(0.4) brightness(0.6);
}

/* UGC / AI Ads sidebar */
html[data-theme="dark"] .nav-sidebar {
    background-color: var(--dk-surface) !important;
    border-right-color: var(--dk-border) !important;
}
html[data-theme="dark"] .nav-sidebar-header {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .nav-sidebar-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .nav-menu-item {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .nav-menu-item:hover {
    color: var(--dk-text) !important;
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .nav-menu-item.active,
html[data-theme="dark"] .nav-menu-item-container.active .nav-menu-item {
    color: var(--dk-accent) !important;
    background-color: rgba(34, 90, 234, 0.12) !important;
}
html[data-theme="dark"] .nav-submenu-title {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .nav-submenu-item {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .nav-submenu-item:hover {
    color: var(--dk-text) !important;
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .nav-submenu-item.active {
    color: var(--dk-accent) !important;
    background-color: rgba(34, 90, 234, 0.12) !important;
}
html[data-theme="dark"] .sidebar-toggle {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .sidebar-toggle svg {
    color: var(--dk-text-2) !important;
}

/* Upgrade button footer — remove white gradient bleed */
html[data-theme="dark"] .upgrade-button-container {
    background: linear-gradient(to top, var(--dk-surface) 80%, transparent) !important;
}

/* Credits chip (fixed bottom-left) */
html[data-theme="dark"] .credits-display-container {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .credits-icon,
html[data-theme="dark"] .credits-label,
html[data-theme="dark"] .credits-value {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .credits-medium {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .credits-content p {
    color: var(--dk-text-3) !important;
}

/* API / MCP promo card (fixed bottom-right) */
html[data-theme="dark"] .wh-api-mcp-promo {
    background: var(--dk-surface);
    color: var(--dk-text);
    border-color: var(--dk-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}
html[data-theme="dark"] .wh-api-mcp-promo__close {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .wh-api-mcp-promo__close:hover {
    background: var(--dk-surface-2);
    color: var(--dk-text);
}
html[data-theme="dark"] .wh-api-mcp-promo__close:focus-visible {
    outline-color: var(--dk-accent);
}
html[data-theme="dark"] .wh-api-mcp-promo__title {
    color: var(--dk-text);
}
html[data-theme="dark"] .wh-api-mcp-promo__text {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .wh-api-mcp-promo__text strong {
    color: var(--dk-text);
}
html[data-theme="dark"] .wh-api-mcp-promo__assist img {
    background: var(--dk-surface-2);
}
html[data-theme="dark"] .wh-api-mcp-promo__btn--primary {
    background: var(--dk-accent);
    border-color: #3b6de8;
}
html[data-theme="dark"] .wh-api-mcp-promo__btn--primary:hover {
    background: #5b8ef5;
    color: #fff;
}
html[data-theme="dark"] .wh-api-mcp-promo__btn--ghost {
    color: var(--dk-text-2);
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] .wh-api-mcp-promo__btn--ghost:hover {
    background: var(--dk-surface-2);
    color: var(--dk-text);
}

/* Trial usage card (fixed bottom-left) */
html[data-theme="dark"] #wh-trial-usage-bar.wh-trial-card {
    background: var(--dk-surface);
    color: var(--dk-text);
    border-color: var(--dk-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__eyebrow {
    color: var(--dk-text-3);
}
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__title {
    color: var(--dk-text);
}
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__close,
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__collapse {
    color: var(--dk-text-2);
}
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__close:hover,
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__collapse:hover {
    background: var(--dk-surface-2);
    color: var(--dk-text);
}
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__line {
    color: var(--dk-text-2);
}
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__line strong {
    color: var(--dk-text);
}
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__sub {
    color: var(--dk-text-3);
}
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__meter {
    background: var(--dk-surface-3);
}
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__btn--primary {
    background: var(--dk-accent);
    border-color: #3b6de8;
}
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__btn--primary:hover {
    background: #5b8ef5;
    color: #fff;
}
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__btn--ghost {
    color: var(--dk-text-2);
    border-color: var(--dk-border-strong);
}
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__btn--ghost:hover {
    background: var(--dk-surface-2);
    color: var(--dk-text);
}
html[data-theme="dark"] #wh-trial-usage-bar.is-open .wh-trial-card__panel {
    border-top-color: var(--dk-border);
}
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__item {
    color: var(--dk-text-3);
}
html[data-theme="dark"] #wh-trial-usage-bar .wh-trial-card__item strong {
    color: var(--dk-text);
}

/* Home page tool cards */
html[data-theme="dark"] .ai-ads-page-shell .tool-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    backdrop-filter: none;
}
html[data-theme="dark"] .ai-ads-page-shell .tool-card:hover {
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}
html[data-theme="dark"] .ai-ads-page-shell .tool-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .tool-description {
    color: var(--dk-text-2) !important;
    opacity: 1;
}
html[data-theme="dark"] .ai-ads-page-shell .welcome-title-container .text-black,
html[data-theme="dark"] .ai-ads-page-shell .welcome-title-container h1 span {
    color: var(--dk-text) !important;
    background: none !important;
    -webkit-text-fill-color: var(--dk-text);
}

/* Gallery (home + shared partial) */
html[data-theme="dark"] .gallery-header h2 {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .gallery-header p {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .gallery-item {
    background-color: var(--dk-surface-2) !important;
    box-shadow: none;
    border: 1px solid var(--dk-border);
}
html[data-theme="dark"] .gallery-item:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
}

/* Empty state */
html[data-theme="dark"] .empty-state-container {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none;
}
html[data-theme="dark"] .empty-state-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .empty-state-text {
    color: var(--dk-text-2) !important;
}

/* AI Ads image page — header + grid */
html[data-theme="dark"] .ai-ads-page-shell .text-gray-800,
html[data-theme="dark"] .ai-ads-page-shell .text-gray-900 {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .text-gray-700 {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .text-gray-600,
html[data-theme="dark"] .ai-ads-page-shell .text-gray-500 {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .text-gray-400 {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .text-gray-400:hover,
html[data-theme="dark"] .ai-ads-page-shell .hover\:text-gray-500:hover,
html[data-theme="dark"] .ai-ads-page-shell .hover\:text-gray-700:hover {
    color: var(--dk-text-2) !important;
}

/* Form controls */
html[data-theme="dark"] .ai-ads-page-shell input[type="text"],
html[data-theme="dark"] .ai-ads-page-shell input[type="url"],
html[data-theme="dark"] .ai-ads-page-shell input[type="number"],
html[data-theme="dark"] .ai-ads-page-shell input[type="file"],
html[data-theme="dark"] .ai-ads-page-shell textarea,
html[data-theme="dark"] .ai-ads-page-shell select {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ai-ads-page-shell input:disabled {
    background-color: var(--dk-surface-deep) !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .ai-ads-page-shell input::placeholder,
html[data-theme="dark"] .ai-ads-page-shell textarea::placeholder {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .border-gray-200,
html[data-theme="dark"] .ai-ads-page-shell .border-gray-300 {
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .bg-white {
    background-color: var(--dk-surface) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .bg-gray-50,
html[data-theme="dark"] .ai-ads-page-shell .bg-gray-100 {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .hover\:bg-gray-50:hover,
html[data-theme="dark"] .ai-ads-page-shell .hover\:bg-gray-100:hover,
html[data-theme="dark"] .ai-ads-page-shell .hover\:bg-gray-200:hover {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .bg-teal-50,
html[data-theme="dark"] .ai-ads-page-shell .bg-teal-100 {
    background-color: rgba(20, 184, 166, 0.12) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .bg-blue-50 {
    background-color: rgba(34, 90, 234, 0.12) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .text-teal-600 {
    color: #5eead4 !important;
}
html[data-theme="dark"] .ai-ads-page-shell .text-blue-700 {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .hover\:border-teal-500:hover {
    border-color: rgba(20, 184, 166, 0.55) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .hover\:bg-teal-50:hover {
    background-color: rgba(20, 184, 166, 0.12) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .hover\:bg-red-50:hover {
    background-color: rgba(239, 68, 68, 0.12) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .border-blue-300 {
    border-color: rgba(34, 90, 234, 0.45) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .processing-card.bg-white,
html[data-theme="dark"] .ai-ads-page-shell .image-card.bg-white {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .ai-ads-page-shell [class*="ring-offset"] {
    --tw-ring-offset-color: var(--dk-bg) !important;
}

/* Step wizard (generate modal) */
html[data-theme="dark"] .step-number {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .step-text {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .step-line {
    background-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .step-indicator.active .step-number,
html[data-theme="dark"] .step-indicator.completed .step-number {
    background-color: #14B8A6 !important;
    color: #fff !important;
}
html[data-theme="dark"] .step-indicator.active .step-text {
    color: #5eead4 !important;
}
html[data-theme="dark"] .step-indicator.active + .step-line,
html[data-theme="dark"] .step-indicator.completed + .step-line {
    background-color: #14B8A6 !important;
}

/* Image cards + bulk actions bar */
html[data-theme="dark"] .ai-ads-page-shell .image-card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .ai-ads-page-shell .image-card-actions button {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .select-indicator span {
    background-color: rgba(21, 24, 30, 0.85) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .bulk-actions {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .bulk-actions span {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .bulk-actions button.secondary {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .bulk-actions button.secondary:hover {
    background: var(--dk-surface-3) !important;
    box-shadow: none;
}

/* Loader */
html[data-theme="dark"] .loader {
    border-color: var(--dk-border-strong) !important;
    border-top-color: #14B8A6 !important;
}
html[data-theme="dark"] .loader-text {
    color: var(--dk-text-2) !important;
}

/* Modals — selection, generate, upgrade, fullscreen info panel */
html[data-theme="dark"] #selection-modal .bg-white,
html[data-theme="dark"] #generate-modal .bg-white,
html[data-theme="dark"] #upgrade-plan-modal .bg-white,
html[data-theme="dark"] #draggable-facebook-post.bg-white,
html[data-theme="dark"] #info-panel.bg-white {
    background-color: var(--dk-surface) !important;
}
html[data-theme="dark"] #selection-modal .border-gray-200,
html[data-theme="dark"] #generate-modal .border-gray-200,
html[data-theme="dark"] #draggable-facebook-post .border-gray-200,
html[data-theme="dark"] #info-panel .border-gray-200 {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] #info-panel .bg-gray-200 {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] #selection-box {
    background-color: rgba(20, 184, 166, 0.15) !important;
    border-color: rgba(20, 184, 166, 0.55) !important;
}

/* Pricing / credits paywall modal (ugc-sidebar.php) */
html[data-theme="dark"] #modalContent {
    background-color: var(--dk-surface) !important;
}
html[data-theme="dark"] #generateModal .modal_header h2,
html[data-theme="dark"] #generateModal .modal-body {
    color: var(--dk-text);
}
html[data-theme="dark"] #generateModal .pricing-plan-card {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] #generateModal .pricing-plan-card .text-black,
html[data-theme="dark"] #generateModal .pricing-plan-card .text-gray-900 {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #generateModal .pricing-plan-card .text-gray-600,
html[data-theme="dark"] #generateModal .pricing-plan-card .text-gray-500 {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #generateModal .basic-plan-upgrade-btn {
    background-color: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #generateModal .modal-background-image-one,
html[data-theme="dark"] #generateModal .modal-background-image-two {
    opacity: 0.08;
    filter: saturate(0.3) brightness(0.5);
}
html[data-theme="dark"] #generateModal .slider {
    background-color: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] #generateModal .slider:before {
    background-color: var(--dk-text-3) !important;
    border-color: var(--dk-surface) !important;
}

/* Edit image page chat bubbles */
html[data-theme="dark"] .ai-ads-page-shell .border-gray-100 {
    border-color: var(--dk-border) !important;
}

/* ── Profile page ────────────────────────────────────────────────────────── */

html[data-theme="dark"] .profile-page-shell .heading-style-h3 {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .profile-page-shell .profile-header,
html[data-theme="dark"] .profile-page-shell .text-block-20 {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .profile-page-shell .div-block-60 {
    background-color: var(--dk-border-strong) !important;
}

html[data-theme="dark"] .profile-page-shell .button-3.is-secondary {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .profile-page-shell .button-3.is-secondary:hover {
    background-color: var(--dk-surface-3) !important;
}

html[data-theme="dark"] .profile-page-shell .form-field-wrapper label {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .profile-page-shell .w-input,
html[data-theme="dark"] .profile-page-shell .form-input {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
}

html[data-theme="dark"] .profile-page-shell input:disabled,
html[data-theme="dark"] .profile-page-shell .form-input:disabled,
html[data-theme="dark"] .profile-page-shell .w-input:disabled {
    background-color: var(--dk-surface-deep) !important;
    color: var(--dk-text-3) !important;
    -webkit-text-fill-color: var(--dk-text-3) !important;
    opacity: 1;
}

html[data-theme="dark"] .profile-page-shell .w-form-done {
    background-color: rgba(34, 197, 94, 0.12) !important;
    color: #86efac !important;
}

html[data-theme="dark"] .profile-page-shell .w-form-fail {
    background-color: rgba(239, 68, 68, 0.12) !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .profile-page-shell p {
    color: var(--dk-text-2);
}

/* Free-trial bar (footer.php — legacy bottom bar on non-shell pages) */
html[data-theme="dark"] #bottom-noti-bar:not(.app-shell__trial-bar) {
    background-color: var(--dk-surface) !important;
    border-top-color: var(--dk-border) !important;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] #bottom-noti-bar p {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #bottom-noti-bar .close-parent {
    color: var(--dk-text-2);
}
html[data-theme="dark"] #bottom-noti-bar [class*="ring-offset"] {
    --tw-ring-offset-color: var(--dk-surface) !important;
}

/* Filter warning modal (footer.php — shared across dashboard pages) */
html[data-theme="dark"] #filter-warning-model .rounded-lg.bg-white {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text);
}
html[data-theme="dark"] #filter-warning-model .text-gray-700 {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #filter-warning-model .text-slate-500 {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] #filter-warning-model button.bg-gray-200 {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #filter-warning-model [class*="ring-offset"] {
    --tw-ring-offset-color: var(--dk-surface-2) !important;
}

html[data-theme="dark"] .profile-page-shell [class*="ring-offset"] {
    --tw-ring-offset-color: var(--dk-bg) !important;
}

/* ── Shared boards (SharedBrandBoard.php, SharedBoard.php) ─────────────── */

html[data-theme="dark"] .shared-board-page-shell [style*="background-color: #f0f2f5"],
html[data-theme="dark"] .shared-board-page-shell [style*="background-color: #f0f0f0"],
html[data-theme="dark"] .shared-board-main .shared-board-badge {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .shared-board-page-shell [style*="color: #0E121B"],
html[data-theme="dark"] .shared-board-page-shell [style*="color:#0E121B"],
html[data-theme="dark"] .shared-board-main .shared-board-count {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .shared-board-page-shell [stroke="#0E121B"] {
    stroke: var(--dk-text);
}

html[data-theme="dark"] .shared-board-main .table-wrapper {
    background: var(--dk-surface);
    border-color: var(--dk-border);
    box-shadow: none;
}
html[data-theme="dark"] .shared-board-main .brands-table thead,
html[data-theme="dark"] .shared-board-main .brands-table thead th {
    background-color: var(--dk-surface-2);
    border-bottom-color: var(--dk-border);
    color: var(--dk-text-2);
}
html[data-theme="dark"] .shared-board-main .brands-table tbody td {
    background: var(--dk-surface);
    border-bottom-color: var(--dk-border);
    border-right-color: var(--dk-border);
    color: var(--dk-text);
}
html[data-theme="dark"] .shared-board-main .brands-table tbody tr:hover td {
    background-color: var(--dk-surface-2);
}
html[data-theme="dark"] .shared-board-main .brand-name {
    color: var(--dk-text);
}
html[data-theme="dark"] .shared-board-main .brands-table tbody tr:hover .brand-name {
    color: var(--dk-accent);
}
html[data-theme="dark"] .shared-board-main .brand-logo {
    background: var(--dk-surface-3);
}
html[data-theme="dark"] .shared-board-main .formats-cell,
html[data-theme="dark"] .shared-board-main .format-item svg {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .shared-board-main .adscore-ping {
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .shared-board-main .trend-up {
    color: #34d399;
    background-color: rgba(16, 185, 129, 0.12);
}
html[data-theme="dark"] .shared-board-main .trend-down {
    color: #f87171;
    background-color: rgba(239, 68, 68, 0.12);
}
html[data-theme="dark"] .shared-board-main .trend-neutral {
    color: var(--dk-text-2);
    background-color: var(--dk-surface-3);
}
html[data-theme="dark"] .shared-board-main .search-wrapper-shared {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .shared-board-main .search-wrapper-shared svg {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .shared-board-main .search-input-shared {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .shared-board-main .search-input-shared::placeholder {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .shared-board-main .sort-trigger-shared {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .shared-board-main .sort-trigger-shared:hover {
    background: var(--dk-surface-3);
}
html[data-theme="dark"] .shared-board-main .sort-dropdown-shared {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .shared-board-main .sort-option-shared {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .shared-board-main .sort-option-shared:hover {
    background: var(--dk-surface-3);
    color: var(--dk-text);
}
html[data-theme="dark"] .shared-board-main .sort-option-shared.active {
    color: var(--dk-text);
}
html[data-theme="dark"] .shared-board-main .pagination-wrapper {
    background: var(--dk-surface);
    box-shadow: none;
    color: var(--dk-text-2);
}
html[data-theme="dark"] .shared-board-main .pagination-info {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .shared-board-main .pagination-button {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text-2);
}
html[data-theme="dark"] .shared-board-main .pagination-button:hover:not(:disabled) {
    background: var(--dk-surface-3);
}
html[data-theme="dark"] .shared-board-main .page-number:hover:not(.active) {
    background: var(--dk-surface-3);
}
html[data-theme="dark"] .shared-board-main .page-number.active {
    background: var(--dk-accent);
    color: #fff;
}
html[data-theme="dark"] .shared-board-main .shared-board-table-loading {
    color: var(--dk-text-2);
}
html[data-theme="dark"] .shared-board-main .shared-board-table-loading-spinner {
    border-color: var(--dk-surface-3);
    border-top-color: var(--dk-accent);
}
html[data-theme="dark"] .shared-board-main .btn-pill {
    background: var(--dk-surface-2);
    border-color: var(--dk-border-strong);
    color: var(--dk-text);
}
html[data-theme="dark"] .shared-board-main .btn-pill:hover {
    background: var(--dk-surface-3);
}

/* ── AI copy generator (Aicopygen.php) ───────────────────────────────────── */

html[data-theme="dark"] .ai-ads-page-shell .input-field {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .input-field:focus {
    border-color: #E63244 !important;
    box-shadow: 0 0 0 3px rgba(230, 50, 68, 0.2) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .upload-area {
    border-color: var(--dk-border-strong) !important;
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .upload-area:hover {
    border-color: #E63244 !important;
    background: rgba(230, 50, 68, 0.08) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .result-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .result-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .ai-ads-page-shell .result-item:hover {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .result-text,
html[data-theme="dark"] .ai-ads-page-shell .result-header,
html[data-theme="dark"] .ai-ads-page-shell .guidance-text-section {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .copy-btn {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .loading-container .dot {
    background: var(--dk-text-3) !important;
}
html[data-theme="dark"] .ms-parent .ms-choice,
html[data-theme="dark"] .ms-drop {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ms-drop ul > li:hover {
    background: var(--dk-surface-3) !important;
}

/* ── Adsgen / Adslauncher / AdsTranslation extras ────────────────────────── */

html[data-theme="dark"] .ai-ads-page-shell .mobile-breadcrumb,
html[data-theme="dark"] .ai-ads-page-shell .mobile-breadcrumb a,
html[data-theme="dark"] .ai-ads-page-shell .mobile-breadcrumb span {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .ads-gen-form-container,
html[data-theme="dark"] .ai-ads-page-shell .ad-script-container {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .toast {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] #actorModal .bg-white,
html[data-theme="dark"] #productInfoModal .bg-white,
html[data-theme="dark"] #generateVideoModal .bg-white,
html[data-theme="dark"] #accountSelectionModal .bg-white,
html[data-theme="dark"] #adLaunchModal .bg-white {
    background-color: var(--dk-surface) !important;
}
html[data-theme="dark"] #accountSelectionModal thead,
html[data-theme="dark"] #accountSelectionModal .bg-gray-50 {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] #accountSelectionModal tbody,
html[data-theme="dark"] #accountSelectionModal .divide-gray-200 > * {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .upload-zone {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .upload-zone:hover {
    border-color: var(--dk-accent) !important;
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .ai-ads-page-shell #translations-table-body tr,
html[data-theme="dark"] .ai-ads-page-shell #translations-table-body td {
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ai-ads-page-shell #translation-modal .bg-white,
html[data-theme="dark"] .ai-ads-page-shell #translation-modal .rounded-xl {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .preview-video-container {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .ai-ads-page-shell .fullscreen-button {
    background: rgba(21, 24, 30, 0.85) !important;
    color: var(--dk-text) !important;
}

/* ── Teams, Invite, Tutorials, Tools (Tailwind shells) ───────────────────── */

html[data-theme="dark"] .teams-page-shell .bg-white,
html[data-theme="dark"] .invite-page-shell .bg-white,
html[data-theme="dark"] .tutorials-page-shell .bg-white,
html[data-theme="dark"] .tools-page-shell .bg-white {
    background-color: var(--dk-surface) !important;
}
html[data-theme="dark"] .teams-page-shell .bg-gray-50,
html[data-theme="dark"] .teams-page-shell .bg-gray-100,
html[data-theme="dark"] .teams-page-shell .bg-gray-200,
html[data-theme="dark"] .invite-page-shell .bg-gray-50,
html[data-theme="dark"] .invite-page-shell .bg-gray-100,
html[data-theme="dark"] .tutorials-page-shell .bg-gray-50,
html[data-theme="dark"] .tutorials-page-shell .bg-gray-100,
html[data-theme="dark"] .tutorials-page-shell .bg-gray-200,
html[data-theme="dark"] .tools-page-shell .bg-gray-50,
html[data-theme="dark"] .tools-page-shell .bg-gray-100 {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .teams-page-shell .border-gray-100,
html[data-theme="dark"] .teams-page-shell .border-gray-200,
html[data-theme="dark"] .invite-page-shell .border-gray-100,
html[data-theme="dark"] .invite-page-shell .border-gray-200,
html[data-theme="dark"] .tutorials-page-shell .border-gray-100,
html[data-theme="dark"] .tutorials-page-shell .border-gray-200,
html[data-theme="dark"] .tools-page-shell .border-gray-200 {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .teams-page-shell .text-gray-900,
html[data-theme="dark"] .invite-page-shell .text-gray-900,
html[data-theme="dark"] .tutorials-page-shell .text-gray-900,
html[data-theme="dark"] .tools-page-shell .text-gray-900 {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .teams-page-shell .text-gray-600,
html[data-theme="dark"] .teams-page-shell .text-gray-500,
html[data-theme="dark"] .invite-page-shell .text-gray-600,
html[data-theme="dark"] .tutorials-page-shell .text-gray-600,
html[data-theme="dark"] .tools-page-shell .text-gray-600 {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .teams-page-shell input,
html[data-theme="dark"] .teams-page-shell select,
html[data-theme="dark"] .teams-page-shell textarea,
html[data-theme="dark"] .invite-page-shell input,
html[data-theme="dark"] .invite-page-shell select,
html[data-theme="dark"] .tools-page-shell input,
html[data-theme="dark"] .tools-page-shell select {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .invite-page-shell .invite-page-background {
    background: linear-gradient(140deg, var(--dk-bg), var(--dk-surface)) !important;
}
html[data-theme="dark"] .invite-page-shell .grid-pattern {
    background-image:
        linear-gradient(rgba(34, 90, 234, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 90, 234, 0.12) 1px, transparent 1px);
}
html[data-theme="dark"] .invite-page-shell .grid-overlay {
    background: radial-gradient(circle at center,
        rgba(14, 16, 20, 0) 0%,
        rgba(14, 16, 20, 0.35) 45%,
        rgba(14, 16, 20, 0.65) 65%,
        var(--dk-bg) 100%);
}

html[data-theme="dark"] .tutorials-page-shell .modal__content,
html[data-theme="dark"] .tutorials-page-shell .modal__content--video {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tutorials-page-shell .modal__overlay {
    background: rgba(0, 0, 0, 0.65) !important;
}
html[data-theme="dark"] .tutorials-page-shell svg [stroke="#000000"],
html[data-theme="dark"] .tutorials-page-shell svg [stroke="#000"] {
    stroke: var(--dk-text);
}

html[data-theme="dark"] .tools-page-shell .TopadsDetailPage_card___PmTU,
html[data-theme="dark"] .tools-page-shell .creativecenter-detail-container,
html[data-theme="dark"] .tools-page-shell [style*="background-color: #FfFfFf"],
html[data-theme="dark"] .tools-page-shell [style*="background-color: #F8F8F8"],
html[data-theme="dark"] .tools-page-shell [style*="background-color: white"] {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tools-page-shell [style*="color: #121212"] {
    color: var(--dk-text) !important;
}

/* ── Webinar page ────────────────────────────────────────────────────────── */

html[data-theme="dark"] .webinar-page-shell {
    background-color: var(--dk-bg) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .webinar-page-shell .webinar-container,
html[data-theme="dark"] .webinar-page-shell .parent-container {
    background: transparent !important;
}
html[data-theme="dark"] .webinar-page-shell .feature-card,
html[data-theme="dark"] .webinar-page-shell .stats-card,
html[data-theme="dark"] .webinar-page-shell .success-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none;
}
html[data-theme="dark"] .webinar-page-shell .feature-card:hover,
html[data-theme="dark"] .webinar-page-shell .stats-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .webinar-page-shell .feature-card h3,
html[data-theme="dark"] .webinar-page-shell .feature-card p,
html[data-theme="dark"] .webinar-page-shell .stats-card h4,
html[data-theme="dark"] .webinar-page-shell .stats-card p {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .webinar-page-shell .date-badge {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .webinar-page-shell .btn-secondary {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .webinar-page-shell input,
html[data-theme="dark"] .webinar-page-shell select,
html[data-theme="dark"] .webinar-page-shell textarea {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .webinar-page-shell .bg-white,
html[data-theme="dark"] .webinar-page-shell .bg-gray-50,
html[data-theme="dark"] .webinar-page-shell .bg-gray-100,
html[data-theme="dark"] .webinar-page-shell .from-blue-50 {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .webinar-page-shell [style*="rgba(255, 255, 255"] {
    background-color: var(--dk-surface) !important;
}

/* ── Single ad view (Ad.php) ─────────────────────────────────────────────── */

html[data-theme="dark"] .video-js {
    background-color: var(--dk-surface-deep);
}
html[data-theme="dark"] .vjs-theme-city .vjs-control-bar {
    background: rgba(14, 16, 20, 0.85);
}

/* ── TikTok Ads / Facebook Post Ads / Pinterest Ads ─────────────────────── */
/* These pages share the Meta ad-library shell (filters, cards, modals) but
   were missing dark-mode.css — most rules above already apply once linked. */

/* Page-ad drawer (related ads carousel) */
html[data-theme="dark"] .addmodal {
    background-color: var(--dk-surface) !important;
    color: var(--dk-text);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55);
}
html[data-theme="dark"] .addmodal .add_item {
    border-color: var(--dk-border) !important;
}

/* Filter help popovers with inline background-color:white */
html[data-theme="dark"] .filters [style*="background-color:white"],
html[data-theme="dark"] .filters [style*="background-color: white"],
html[data-theme="dark"] .dashboard-filters-explore [style*="background-color:white"],
html[data-theme="dark"] .dashboard-filters-explore [style*="background-color: white"] {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

/* TikTok / post-ad card chrome (engagement bar, date pill, inline title colors) */
html[data-theme="dark"] .add_item .shadow-sm.border {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .add_item .shadow-sm.border .border-r {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .add_item span.bg-white,
html[data-theme="dark"] .add_item .bg-white.rounded {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .add_item hr {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .add_item .frameitem-titles[style*="rgba(0,0,0"],
html[data-theme="dark"] .add_item .frameitem-titles[style*="color: rgba(0, 0, 0"] {
    color: var(--dk-text) !important;
}

/* TikTok-specific typography (inline ant-design remnants) */
html[data-theme="dark"] .ant-typography,
html[data-theme="dark"] .cygaGl {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .iSNZNg {
    color: var(--dk-text-2) !important;
}

/* Ads type switcher tabs (facebook-post / pinterest / tiktok-ads) */
html[data-theme="dark"] .border-zinc-200 {
    border-color: var(--dk-border) !important;
}

/* Credits / plan gate overlay on ad grid */
html[data-theme="dark"] .one_add_wrapper .bg-white.border.rounded-md {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .one_add_wrapper .bg-white.border.rounded-md .text-sm {
    color: var(--dk-text-2) !important;
}

/* Post-ad scaling badges keep semantic green; neutralize light gray stat blocks */
html[data-theme="dark"] .add_item .frameitem-title-box div[style*="background-color:#f"],
html[data-theme="dark"] .add_item .frameitem-title-box div[style*="background-color: #f"] {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
}

/* Feed skeleton cards: footer row + dividers still use #fff / #f2f2f2 in ad-feed-skeleton.css */
html[data-theme="dark"] .ad-feed-skel-footer {
    background: var(--dk-surface) !important;
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .ad-feed-skel-page-row {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .ad-feed-skel-wrapper .add_item hr {
    border-color: var(--dk-border) !important;
}

/* Lotgenoten promo modal (inline white panel on ad library pages) */
html[data-theme="dark"] .lotgen-modal-container {
    background-color: var(--dk-surface) !important;
    color: var(--dk-text);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .lotgen-modal-title,
html[data-theme="dark"] #lotgen-page-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .lotgen-modal-text,
html[data-theme="dark"] .lotgen-modal-text p {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .lotgen-discount-code {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .lotgen-modal-footer {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .lotgen-modal-close-button {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .lotgen-modal-close-button:hover {
    background-color: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}

/* Filter warning modal (footer.php) */
html[data-theme="dark"] #filter-warning-model .bg-white {
    background-color: var(--dk-surface) !important;
    color: var(--dk-text);
}
html[data-theme="dark"] #filter-warning-model .text-gray-700 {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #filter-warning-model .bg-gray-200 {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}

/* ============================================================================
   Sales Tracker Details (Salestrackerdetails.php)
   ========================================================================== */

/* Page canvas */
html[data-theme="dark"] .page-wrapper {
    background-color: var(--dk-bg) !important;
}
html[data-theme="dark"] .page-wrapper tr:hover {
    background-color: var(--dk-surface-2) !important;
}

/* Card shells — inline !important whites */
html[data-theme="dark"] .shadow-backdrop,
html[data-theme="dark"] .div-block-35.shadow-backdrop,
html[data-theme="dark"] .std-products-panel.shadow-backdrop,
html[data-theme="dark"] .std-hero-card.shadow-backdrop,
html[data-theme="dark"] .details-wrapper.shadow-backdrop,
html[data-theme="dark"] .top-competitors.shadow-backdrop,
html[data-theme="dark"] #std-similar-shops.shadow-backdrop,
html[data-theme="dark"] #std-top-ads-card.shadow-backdrop,
html[data-theme="dark"] .visitors-overview.shadow-backdrop,
html[data-theme="dark"] .std-details-brand-gate.shadow-backdrop,
html[data-theme="dark"] .std-geo-eng-combined {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .std-details-brand-gate-demo-label {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .std-details-brand-gate-demo-brand {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}

html[data-theme="dark"] .std-details-brand-gate-demo-brand:hover {
    border-color: #3b82f6 !important;
    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.2) !important;
}

html[data-theme="dark"] .std-details-brand-gate-demo-name {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .std-details-brand-gate-demo-brand:hover .std-details-brand-gate-demo-name {
    color: var(--dk-text) !important;
}

/* v3 KPI / channel cards */
html[data-theme="dark"] .std-v3-card,
html[data-theme="dark"] .std-channel-cell {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .std-v3-card-title,
html[data-theme="dark"] .std-v3-kpi-label {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-rev-source-tip {
    background: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .std-rev-source-tip::after {
    border-bottom-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .std-rev-source-tip-trust {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-rev-source-tip-q {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-v3-kpi-val-wrap .std-kpi-value,
html[data-theme="dark"] .std-channel-cell-name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-channel-empty {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-channels-toggle-btn.is-active {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .std-channels-toggle-btn:hover {
    color: var(--dk-text) !important;
}

/* Title bar actions + domain dropdowns */
html[data-theme="dark"] .std-associated-domains-toggle,
html[data-theme="dark"] .std-associated-domains-menu,
html[data-theme="dark"] .std-adlibrary-menu-panel,
html[data-theme="dark"] .std-title-more-panel {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .std-title-more-toggle {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-muted) !important;
}
html[data-theme="dark"] .std-title-more-toggle:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-title-more-item:hover {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .std-title-more-divider {
    background: var(--dk-border) !important;
}
html[data-theme="dark"] .std-title-more-heading {
    color: var(--dk-text-muted) !important;
}
html[data-theme="dark"] .title-bar .std-store-info-strip--inline .std-store-info-value {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .title-bar .std-store-info-strip--inline .std-store-info-value-link {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .std-store-fact-icon {
    color: var(--dk-text-muted) !important;
}
html[data-theme="dark"] .title-bar .std-store-info-strip--inline .std-store-info-chip:has(.std-store-info-value-link) .std-store-fact-icon {
    color: var(--dk-accent) !important;
    opacity: 0.9;
}
html[data-theme="dark"] .title-bar .std-store-info-more-btn {
    border-color: var(--dk-border) !important;
    color: var(--dk-text-muted) !important;
}
html[data-theme="dark"] .title-bar .std-store-info-more-btn:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .title-bar .std-store-info-secondary {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-chart-metric-block .visitors-current-value {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-chart-metric-label {
    color: var(--dk-text-muted) !important;
}
html[data-theme="dark"] .std-chart-revenue-value {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .visitors-title--compact {
    color: var(--dk-text-muted) !important;
}
html[data-theme="dark"] .std-store-fact-help-tip {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, 0.45) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .std-store-fact-help-tip::after {
    background: #0f172a !important;
    border-color: rgba(148, 163, 184, 0.45) !important;
}
html[data-theme="dark"] .std-truncate-hover-tooltip-portal {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: rgba(148, 163, 184, 0.45) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .std-associated-domains-toggle:hover,
html[data-theme="dark"] .std-associated-domains.is-open .std-associated-domains-toggle {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-associated-domain-visit,
html[data-theme="dark"] .store-detail-page-shell .std-associated-domain-visit {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-associated-domain-visit:hover,
html[data-theme="dark"] .store-detail-page-shell .std-associated-domain-visit:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .std-adlibrary-menu-item {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-adlibrary-menu-item:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .accuracy-info-btn,
html[data-theme="dark"] .std-title-bar-actions a.std-title-ad-link,
html[data-theme="dark"] .std-title-bar-actions button.std-title-ad-link {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .accuracy-info-btn:hover,
html[data-theme="dark"] .std-title-bar-actions a.std-title-ad-link:hover,
html[data-theme="dark"] .std-title-bar-actions button.std-title-ad-link:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-viewed-info,
html[data-theme="dark"] .std-tracked-info {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-viewed-info svg,
html[data-theme="dark"] .std-tracked-info svg {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-recent-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-recent-card-icon {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}

/* Page-local Store Tracker | Brands switch */
html[data-theme="dark"] .tracker-shop-mode-switch {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .tracker-shop-mode-switch__tab {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .tracker-shop-mode-switch__tab:hover {
    color: var(--dk-text) !important;
    background: rgba(255, 255, 255, 0.04) !important;
}
html[data-theme="dark"] .tracker-shop-mode-switch__tab.is-active,
html[data-theme="dark"] .tracker-shop-mode-switch__tab.is-active:hover {
    color: var(--dk-text) !important;
    background: var(--dk-surface) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 0 0 1px var(--dk-border) !important;
}

/* Entity detail tabs (segmented + underline) */
html[data-theme="dark"] .wh-detail-tabs-segmented,
html[data-theme="dark"] .brand-view-toggle {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .wh-detail-tabs-segmented__tab,
html[data-theme="dark"] .brand-view-toggle-btn {
    color: var(--dk-text-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .wh-detail-tabs-segmented__tab:hover,
html[data-theme="dark"] .brand-view-toggle-btn:hover {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .wh-detail-tabs-segmented__tab.is-active,
html[data-theme="dark"] .brand-view-toggle-btn.active {
    background: rgba(34, 90, 234, 0.12) !important;
    color: var(--dk-accent) !important;
    box-shadow: inset 0 0 0 1px rgba(34, 90, 234, 0.35) !important;
}
html[data-theme="dark"] .wh-detail-tabs-segmented__tab.is-active:hover,
html[data-theme="dark"] .brand-view-toggle-btn.active:hover {
    background: rgba(34, 90, 234, 0.18) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .std-store-top-tabs,
html[data-theme="dark"] .brand-tabs-header {
    border-bottom-color: var(--dk-border) !important;
    scrollbar-color: var(--dk-border-strong) var(--dk-bg);
}
html[data-theme="dark"] .std-store-top-tabs::-webkit-scrollbar-track,
html[data-theme="dark"] .brand-tabs-header::-webkit-scrollbar-track {
    background: var(--dk-bg);
}
html[data-theme="dark"] .std-store-top-tabs::-webkit-scrollbar-thumb,
html[data-theme="dark"] .brand-tabs-header::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong);
}
html[data-theme="dark"] .std-store-top-tab,
html[data-theme="dark"] .brand-tab-btn {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-store-top-tab:hover,
html[data-theme="dark"] .brand-tab-btn:hover {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-store-top-tab.is-active,
html[data-theme="dark"] .brand-tab-btn.active {
    color: var(--dk-accent) !important;
    border-bottom-color: var(--dk-accent) !important;
}
html[data-theme="dark"] .std-details-tab-btn:hover {
    background: rgba(255, 255, 255, 0.06) !important;
}

/* Engagement / visitors / geography (legacy hardcoded blocks) */
html[data-theme="dark"] .engagement-overview {
    background-color: transparent !important;
}
html[data-theme="dark"] .engagement-title,
html[data-theme="dark"] .description-title,
html[data-theme="dark"] .visitors-title,
html[data-theme="dark"] .geography-title,
html[data-theme="dark"] #top-competitors-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .engagement-subtitle,
html[data-theme="dark"] .visitors-subtitle,
html[data-theme="dark"] .geography-subtitle {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .engagement-item:hover {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .engagement-item .icon-wrapper {
    background-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .engagement-item .icon-wrapper svg,
html[data-theme="dark"] .stat-title {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .stat-value,
html[data-theme="dark"] .visitors-current-value,
html[data-theme="dark"] .visitors-current-revenue {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-vis-geo-country-heading {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-vis-geo-country-wrap,
html[data-theme="dark"] .std-active-ads-country-panel,
html[data-theme="dark"] .visitors-ad-countries-group {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .visitors-country-label,
html[data-theme="dark"] .visitors-country-item,
html[data-theme="dark"] .visitors-country-pct,
html[data-theme="dark"] .std-active-ads-country-panel .visitors-country-item,
html[data-theme="dark"] .std-active-ads-country-panel .visitors-country-pct,
html[data-theme="dark"] #ads-country-distribution .visitors-country-item,
html[data-theme="dark"] #ads-country-distribution .visitors-country-pct,
html[data-theme="dark"] #ads-reach-country-distribution .visitors-country-item,
html[data-theme="dark"] #ads-reach-country-distribution .visitors-country-pct,
html[data-theme="dark"] .std-vis-geo-country-wrap .visitors-country-item,
html[data-theme="dark"] .std-vis-geo-country-wrap .visitors-country-pct,
html[data-theme="dark"] #std-vis-geo-country-line .visitors-country-item,
html[data-theme="dark"] #std-vis-geo-country-line .visitors-country-pct {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .visitors-country-flag,
html[data-theme="dark"] .visitors-country-popup-flag {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .visitors-country-popup {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .visitors-country-popup::after {
    border-bottom-color: var(--dk-surface-2) !important;
    filter: drop-shadow(0 -1px 0 var(--dk-border-strong)) !important;
}
html[data-theme="dark"] .visitors-country-popup-name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .visitors-country-popup-pct {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .title-bar-left-store-info #store-name,
html[data-theme="dark"] .std-header-store-search-label,
html[data-theme="dark"] .title-bar-left-category-trustpilot-info #store-category,
html[data-theme="dark"] .title-bar-left-category-trustpilot-info .std-store-category-badge,
html[data-theme="dark"] .text-block-4,
html[data-theme="dark"] .text-block-9.revenue-title,
html[data-theme="dark"] .trackedby,
html[data-theme="dark"] .country,
html[data-theme="dark"] .product_amount,
html[data-theme="dark"] .collection_amount,
html[data-theme="dark"] .averageordervalue,
html[data-theme="dark"] .data-since-text {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .country-table th {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .std-header-store-search-display {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .std-header-store-search-display:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}

html[data-theme="dark"] .std-header-store-search-edit-btn {
    background: transparent !important;
    border: none !important;
    color: var(--dk-text-2) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .std-header-store-search-display:hover .std-header-store-search-edit-btn {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .std-header-store-search-edit-btn:hover,
html[data-theme="dark"] .std-header-store-search-edit-btn:focus-visible {
    background: rgba(255, 255, 255, 0.08) !important;
    border: none !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .std-header-store-search-input {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .std-header-store-search-input:focus {
    border-color: var(--dk-accent) !important;
    box-shadow: 0 0 0 3px rgba(34, 90, 234, 0.2) !important;
}

/* Similar shops table extras */
html[data-theme="dark"] #std-similar-shops-table .trend-indicator-mom {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #std-similar-shops-table .trend-indicator-mom.trend-up {
    background: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] #std-similar-shops-table .trend-indicator-mom.trend-down {
    background: rgba(244, 63, 94, 0.12) !important;
    border-color: rgba(244, 63, 94, 0.35) !important;
    color: #fb7185 !important;
}
html[data-theme="dark"] #std-similar-shops-table .trend-indicator-mom.trend-neutral {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-comp-track-link {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-comp-track-link:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .std-similar-page-btn {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-similar-page-btn:hover:not(:disabled) {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-similar-page-size {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #explore-best-product-flyout,
html[data-theme="dark"] #std-similar-best-product-flyout {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] #std-similar-best-product-flyout .explore-best-product-flyout-title {
    color: var(--dk-text) !important;
    border-bottom-color: var(--dk-border) !important;
}

/* Skeleton / shimmer loaders — Store Details + shared hero blocks */
html[data-theme="dark"] .skeleton-loader,
html[data-theme="dark"] .std-visitors-skel-block,
html[data-theme="dark"] .std-hero-skel-line,
html[data-theme="dark"] .std-hero-skel-metric,
html[data-theme="dark"] .std-hero-skel-chip,
html[data-theme="dark"] .std-store-icon-skel,
html[data-theme="dark"] .title-bar .std-store-info-eng-skel,
html[data-theme="dark"] .std-recent-card--skeleton .std-recent-card-icon,
html[data-theme="dark"] .std-recent-card--skeleton .std-recent-skel-line,
html[data-theme="dark"] .skeleton.paragraph,
html[data-theme="dark"] .std-hero-url-skel,
html[data-theme="dark"] .stat-skeleton-item,
html[data-theme="dark"] .skeleton-map,
html[data-theme="dark"] .std-products-skel-block,
html[data-theme="dark"] .std-products-skel-cell,
html[data-theme="dark"] .std-comp-gallery-loader-stage,
html[data-theme="dark"] .std-comp-gallery-loader-thumb,
html[data-theme="dark"] .std-skel-bar,
html[data-theme="dark"] .std-skel-circle,
html[data-theme="dark"] .std-skel-thumb,
html[data-theme="dark"] .store-sim-skel-shimmer,
html[data-theme="dark"] .store-sim-skel-link,
html[data-theme="dark"] .store-sim-skel-btn,
html[data-theme="dark"] #std-similar-shops-table .explore-wlads-skel,
html[data-theme="dark"] #std-similar-shops-table .explore-wlads-skel--shimmer {
    background-color: var(--dk-surface-deep) !important;
    background-image: linear-gradient(
        90deg,
        var(--dk-surface-deep) 0%,
        var(--dk-surface-2) 42%,
        var(--dk-surface-3) 58%,
        var(--dk-surface-deep) 100%
    ) !important;
    background-size: 200% 100% !important;
    background-repeat: no-repeat !important;
    border-color: var(--dk-border) !important;
    animation: exploreShopsShimmer 1.35s ease-in-out infinite !important;
}
html[data-theme="dark"] #std-similar-shops-table .explore-wlads-skel--shimmer {
    animation: exploreWladsSkelShimmer 1.35s ease-in-out infinite !important;
}
html[data-theme="dark"] .std-comp-gallery-loader-stage,
html[data-theme="dark"] .std-comp-gallery-loader-thumb {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-sim-skel-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-sim-skel-card .std-prod-ccard-imgwrap {
    background: var(--dk-surface-deep) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-sim-skel-card .std-prod-ccard-bs.std-prod-ccard-bs--competitor {
    border-top: 1px solid var(--dk-border) !important;
    background: var(--dk-surface) !important;
    flex-direction: row !important;
    padding: 4px 6px 6px !important;
    gap: 4px !important;
}
html[data-theme="dark"] .std-products-skel-row {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] #std-similar-shops-table tr.std-skel-row td {
    background: var(--dk-surface) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] #std-similar-shops-table tr.std-skel-row:hover td {
    background: var(--dk-surface) !important;
}
html[data-theme="dark"] .std-active-ads-growth-period,
html[data-theme="dark"] .std-visitors-growth-period {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #std-visitors-current-value,
html[data-theme="dark"] #std-ads-country-current-value {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-active-ads-toggle {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-active-ads-metric-toggle {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-active-ads-period-btn {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-active-ads-metric-btn {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-active-ads-period-btn:hover {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-active-ads-metric-btn:hover {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-active-ads-period-btn.is-active {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    box-shadow: inset 0 0 0 1px var(--dk-border) !important;
}
html[data-theme="dark"] .std-active-ads-metric-btn.is-active {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    box-shadow: inset 0 0 0 1px var(--dk-border) !important;
}
html[data-theme="dark"] .std-active-ads-empty-text {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-active-ads-pages-menu-toolbar {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-active-ads-pages-select-all-btn {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-active-ads-pages-select-all-btn:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-active-ads-pages-option {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-active-ads-pages-option:hover {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .std-active-ads-pages-option.is-selected {
    background: rgba(34, 90, 234, 0.12) !important;
}
html[data-theme="dark"] .std-active-ads-pages-adlibrary {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .std-active-ads-pages-adlibrary:hover {
    background: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
    color: #bfdbfe !important;
}
html[data-theme="dark"] .std-active-ads-pages-adlibrary-page-name {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}

/* Modal content shell */
html[data-theme="dark"] .modal__content {
    background: var(--dk-surface) !important;
    color: var(--dk-text);
}
html[data-theme="dark"] .accuracy-modal-body b {
    color: var(--dk-text);
}

/* Tailwind gray utilities on this page */
html[data-theme="dark"] .page-wrapper .text-gray-500 {
    color: var(--dk-text-2) !important;
}

/* Sales table wrapper */
html[data-theme="dark"] .std-sales-table-wrap,
html[data-theme="dark"] #sales-table_wrapper {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] #sales-table thead th {
    background: var(--dk-surface-deep) !important;
    color: var(--dk-text-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] #sales-table tbody td {
    background: var(--dk-surface) !important;
    color: var(--dk-text) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] #sales-table tbody tr:hover td {
    background: var(--es2-row-hover) !important;
}
html[data-theme="dark"] #sales-table_wrapper .dataTables_length label,
html[data-theme="dark"] #sales-table_wrapper .dataTables_filter label,
html[data-theme="dark"] #sales-table_wrapper .dataTables_info {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #sales-table_wrapper .dataTables_length select,
html[data-theme="dark"] #sales-table_wrapper .dataTables_filter input {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #sales-table_wrapper .dataTables_paginate .paginate_button {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #sales-table_wrapper .dataTables_paginate .paginate_button.current {
    background: rgba(34, 90, 234, 0.18) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
    color: var(--dk-accent) !important;
}

/* Similar-shops filter bar reuses explore-shops chrome */
html[data-theme="dark"] .std-similar-explore-mount .filters-bar {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}

/* JS-injected "Tracking in progress" notice (sales-tracker-details.js inline styles) */
html[data-theme="dark"] .st-notice-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    border-left-color: var(--dk-accent) !important;
}
html[data-theme="dark"] .st-notice-card [style*="color: #1e293b"],
html[data-theme="dark"] .st-notice-card [style*="color:#1e293b"] {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .st-notice-card [style*="color: #000000"],
html[data-theme="dark"] .st-notice-card [style*="color:#000000"] {
    color: var(--dk-text-2) !important;
}

/* Segmented toggles (revenue period, traffic range, products, pixels/apps) */
html[data-theme="dark"] .std-hero-rev-toggle,
html[data-theme="dark"] .std-channels-toggle,
html[data-theme="dark"] .std-prod-mode-toggle {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-hero-rev-toggle-btn,
html[data-theme="dark"] .std-channels-toggle-btn,
html[data-theme="dark"] .std-prod-mode-toggle-btn {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-hero-rev-toggle-btn:hover,
html[data-theme="dark"] .std-channels-toggle-btn:hover {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-hero-rev-toggle-btn.is-active,
html[data-theme="dark"] .std-channels-toggle-btn.is-active,
html[data-theme="dark"] .std-prod-mode-toggle-btn.is-active {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .std-prod-mode-toggle-btn.is-active {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .std-prod-carousel-search {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-prod-carousel-search:focus {
    background: var(--dk-surface-3) !important;
    border-color: rgba(34, 90, 234, 0.45) !important;
    box-shadow: 0 0 0 3px rgba(34, 90, 234, 0.2) !important;
}
html[data-theme="dark"] .std-prod-carousel-search-toggle {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-prod-carousel-search-toggle:hover,
html[data-theme="dark"] .std-prod-carousel-search-toggle.is-active {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .std-prod-history-btn {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-prod-history-btn:hover,
html[data-theme="dark"] .std-prod-history-btn:focus-visible {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .std-bsh-subtitle,
html[data-theme="dark"] .std-bsh-empty,
html[data-theme="dark"] .std-bsh-loading,
html[data-theme="dark"] .std-bsh-row-meta,
html[data-theme="dark"] .std-bsh-tip-date {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-bsh-pills {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-bsh-pill {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-bsh-pill.is-active {
    background: var(--dk-surface-2) !important;
    color: var(--dk-accent) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .std-bsh-card,
html[data-theme="dark"] .std-bsh-row,
html[data-theme="dark"] .std-bsh-tooltip {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-bsh-row:hover,
html[data-theme="dark"] .std-bsh-row.is-active {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .std-bsh-avatars {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-bsh-avatar,
html[data-theme="dark"] .std-bsh-row-thumb,
html[data-theme="dark"] .std-bsh-tip-thumb {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-bsh-row-pos,
html[data-theme="dark"] .std-bsh-row-title,
html[data-theme="dark"] .std-bsh-tip-name,
html[data-theme="dark"] .std-bsh-tip-rank strong {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-bsh-row-gain,
html[data-theme="dark"] .std-bsh-tip-delta.up {
    color: #4ade80 !important;
}
html[data-theme="dark"] .std-prod-count-label,
html[data-theme="dark"] .std-prod-count-value,
html[data-theme="dark"] .std-hero-card-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-prod-count-sep {
    color: var(--dk-text-3, #94a3b8) !important;
}
html[data-theme="dark"] .std-bestseller-count-badge {
    background: var(--dk-surface-2, #242424) !important;
    border-color: var(--dk-border, #333) !important;
    color: var(--dk-text) !important;
}

/* ============================================================================
   Store Detail shell (Salestrackerdetails.php)
   ========================================================================== */

html[data-theme="dark"] .store-detail-page-shell {
    /* Tokens only — the app shell owns the content-card background. */
    /* Beat inline :root { --std2-* } block in Salestrackerdetails.php */
    --std2-bg: var(--dk-bg);
    --std2-surface: var(--dk-surface);
    --std2-surface-alt: var(--dk-surface-deep);
    --std2-surface-hover: var(--dk-surface-2);
    --std2-border: var(--dk-border);
    --std2-border-strong: var(--dk-border-strong);
    --std2-text: var(--dk-text);
    --std2-text-2: var(--dk-text-2);
    --std2-text-muted: var(--dk-text-3);
    --std2-primary: var(--dk-accent);
    --std2-primary-soft: rgba(34, 90, 234, 0.12);
    --std2-primary-hover: var(--dk-accent-hover);
    --std2-shadow-xs: none;
    --std2-shadow-sm: none;
}
html[data-theme="dark"] .store-detail-page-shell tr:hover {
    background-color: var(--dk-surface-2) !important;
}

/* Track brand confirm modal */
html[data-theme="dark"] .std-track-confirm-backdrop {
    background: rgba(0, 0, 0, 0.68);
}
html[data-theme="dark"] .std-track-confirm-modal {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
    box-shadow: 0 24px 60px -16px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .std-track-confirm-modal .std-track-confirm-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-track-confirm-copy,
html[data-theme="dark"] .std-track-confirm-copy strong {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-track-confirm-copy strong {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-track-confirm-icon {
    background: var(--std2-primary-soft) !important;
    border-color: var(--dk-accent-border) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .std-track-confirm-quota {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-track-confirm-quota-sep {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-track-confirm-folders-label {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-track-confirm-folders-label span {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-track-confirm-folders-list {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-track-confirm-folders-note {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-track-folder-header,
html[data-theme="dark"] .std-track-board {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-track-folder-header:hover,
html[data-theme="dark"] .std-track-board:hover,
html[data-theme="dark"] .std-track-create-trigger:hover {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .std-track-folder-meta,
html[data-theme="dark"] .std-track-board-meta,
html[data-theme="dark"] .std-track-create-trigger {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-track-board-check {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .std-track-create-plus {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-track-create-input {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-track-create-cancel {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-track-confirm-cancel {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-track-confirm-cancel:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}

/* Title bar back button — arrow-left.svg is #181818; invert on dark surfaces */
html[data-theme="dark"] .store-detail-page-shell .title-bar-left-back-btn {
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .store-detail-page-shell .title-bar-left-back-btn img {
    filter: brightness(0) invert(1);
    opacity: 0.85 !important;
}
html[data-theme="dark"] .store-detail-page-shell .title-bar-left-back-btn:hover img {
    opacity: 1 !important;
}

/* Monochrome black SVG assets (page-ads, Meta wordmark) on dark surfaces */
html[data-theme="dark"] .store-detail-page-shell img[src*="page-ads.svg"],
html[data-theme="dark"] .store-detail-page-shell .std-metric-icon--img {
    filter: brightness(0) invert(1);
    opacity: 0.9 !important;
}
html[data-theme="dark"] .store-detail-page-shell img[src*="meta-logo-facebook-svgrepo-com.svg"],
html[data-theme="dark"] .store-detail-page-shell .std-active-ads-pages-meta-icon {
    filter: brightness(0) invert(1);
    opacity: 0.88 !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-act img[src*="amazon-svgrepo-com.svg"],
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-act img[src*="alibaba-svgrepo-com.svg"],
html[data-theme="dark"] .store-detail-page-shell .std-prod-bs-ic img[src*="amazon-svgrepo-com.svg"],
html[data-theme="dark"] .store-detail-page-shell .std-prod-bs-ic img[src*="alibaba-svgrepo-com.svg"] {
    filter: brightness(0) invert(1);
    opacity: 0.9 !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-act:hover img[src*="amazon-svgrepo-com.svg"],
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-act:hover img[src*="alibaba-svgrepo-com.svg"],
html[data-theme="dark"] .store-detail-page-shell .std-prod-bs-ic:hover img[src*="amazon-svgrepo-com.svg"],
html[data-theme="dark"] .store-detail-page-shell .std-prod-bs-ic:hover img[src*="alibaba-svgrepo-com.svg"] {
    opacity: 1 !important;
}

/* Title meta row (category · trustpilot · url · theme · created) */
html[data-theme="dark"] .store-detail-page-shell .std-title-meta-row .text-gray-500,
html[data-theme="dark"] .store-detail-page-shell .std-title-meta-row #std-shopify-store-created-part,
html[data-theme="dark"] .store-detail-page-shell .std-title-meta-row #std-shopify-theme-part,
html[data-theme="dark"] .store-detail-page-shell .std-title-trustpilot-link,
html[data-theme="dark"] .store-detail-page-shell .std-title-meta-sep {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-title-meta-row #store-url,
html[data-theme="dark"] .store-detail-page-shell .std-store-url-anchor #store-url {
    color: var(--dk-accent) !important;
}

/* Trustpilot KPI card + inline rating data */
html[data-theme="dark"] .store-detail-page-shell .std-v3-kpi-label-logo {
    filter: brightness(0) invert(1);
    opacity: 0.88;
}
html[data-theme="dark"] .store-detail-page-shell .std-tp-brand-title,
html[data-theme="dark"] .store-detail-page-shell .std-tp-score-num,
html[data-theme="dark"] .store-detail-page-shell .std-tp-rating,
html[data-theme="dark"] .store-detail-page-shell .std-v3-kpi-row .std-tp-score-num,
html[data-theme="dark"] .store-detail-page-shell .std-v3-kpi-val-wrap .std-kpi-value,
html[data-theme="dark"] .store-detail-page-shell .std-tp-mini-score-num,
html[data-theme="dark"] .store-detail-page-shell .std-comp-rating-num {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-tp-brand-sub,
html[data-theme="dark"] .store-detail-page-shell .std-tp-reviews-line,
html[data-theme="dark"] .store-detail-page-shell .std-tp-reviews,
html[data-theme="dark"] .store-detail-page-shell .std-v3-kpi-row .std-tp-reviews-line,
html[data-theme="dark"] .store-detail-page-shell .std-tp-mini-score-max,
html[data-theme="dark"] .store-detail-page-shell .std-tp-mini-reviews,
html[data-theme="dark"] .store-detail-page-shell .std-tp-score-max,
html[data-theme="dark"] .store-detail-page-shell .std-comp-reviews {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-tp-mini-brand {
    color: #4ade80 !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-tp-star--empty,
html[data-theme="dark"] .store-detail-page-shell .std-tp-mini-star--empty {
    color: var(--dk-border-strong) !important;
    opacity: 1 !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-tp-linkline a {
    color: #4ade80 !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-tp-empty,
html[data-theme="dark"] .store-detail-page-shell .std-v3-muted-empty,
html[data-theme="dark"] .store-detail-page-shell .std-kpi-muted,
html[data-theme="dark"] .store-detail-page-shell .std-kpi-hint {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-v3-kpi-row .std-tp-h-sep {
    background: var(--dk-border-strong) !important;
}

/* Trustpilot Insights / See Reviews */
html[data-theme="dark"] .store-detail-page-shell .std-tp-action-btn,
html[data-theme="dark"] .std-tp-modal--layer .std-tp-action-btn {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-tp-action-btn:hover,
html[data-theme="dark"] .std-tp-modal--layer .std-tp-action-btn:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

/* Trustpilot Insights / Reviews modals */
html[data-theme="dark"] .std-tp-modal--layer .std-tp-modal-panel.bg-white {
    background: var(--dk-surface) !important;
    border: 1px solid var(--dk-border);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-modal-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-modal-intro {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-insights-reply-wrap {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-insights-reply-heading,
html[data-theme="dark"] .std-tp-modal--layer .std-tp-reply-stat-value {
    color: #fff !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-reply-stat-label {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-reply-stat-value--sub {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-modal-close {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-modal-close:hover {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-insights-list li {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-insights-list li::before {
    background: #00B67A;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-insight-skel {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-skel-shimmer {
    background: linear-gradient(
        90deg,
        var(--dk-surface-2) 0%,
        var(--dk-surface-3) 45%,
        var(--dk-surface-2) 90%
    ) !important;
    background-size: 200% 100%;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-modal-empty-title {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-modal-empty-hint {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-modal-load-more {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-modal-load-more:hover:not(:disabled) {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-review-card {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-review-skel {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-review-name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-review-text {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-review-date,
html[data-theme="dark"] .std-tp-modal--layer .std-tp-review-country-code,
html[data-theme="dark"] .std-tp-modal--layer .std-tp-review-likes {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-review-avatar {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-tp-modal--layer .std-tp-star--empty {
    color: var(--dk-border-strong) !important;
}

/* Trustpilot Insights gap rows — toggle text, hover, expanded reviews */
html[data-theme="dark"] .std-tp-modal--layer .std-tp-insight-row {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}

html[data-theme="dark"] .std-tp-modal--layer .std-tp-insight-row::before {
    background: #00B67A;
}

html[data-theme="dark"] .std-tp-modal--layer .std-tp-insight-head,
html[data-theme="dark"] .std-tp-modal--layer .std-tp-insight-toggle {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .std-tp-modal--layer .std-tp-insight-toggle:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .std-tp-modal--layer .std-tp-insight-count {
    color: var(--dk-text-2) !important;
    background: var(--dk-surface-3) !important;
}

html[data-theme="dark"] .std-tp-modal--layer .std-tp-insight-chevron {
    border-right-color: var(--dk-text-3);
    border-bottom-color: var(--dk-text-3);
}

html[data-theme="dark"] .std-tp-modal--layer .std-tp-insight-reviews {
    background: var(--dk-surface) !important;
    border-top-color: var(--dk-border) !important;
}

html[data-theme="dark"] .std-tp-modal--layer .std-tp-insight-reviews-loading,
html[data-theme="dark"] .std-tp-modal--layer .std-tp-insight-reviews-empty {
    color: var(--dk-text-3) !important;
}

html[data-theme="dark"] .std-tp-modal--layer .std-tp-modal-scroll::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong);
}

/* KPI row labels + hero metrics (hardcoded #000 / #0f172a) */
html[data-theme="dark"] .store-detail-page-shell .std-v3-kpi-label,
html[data-theme="dark"] .store-detail-page-shell .std-kpi-label {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-kpi-value,
html[data-theme="dark"] .store-detail-page-shell .std-hero-metric-value-row .std-kpi-value,
html[data-theme="dark"] .store-detail-page-shell .std-v3-kpi-val-wrap .std-kpi-value,
html[data-theme="dark"] .store-detail-page-shell .std-v3-rev-value,
html[data-theme="dark"] .store-detail-page-shell #std-kpi-rev-display,
html[data-theme="dark"] .store-detail-page-shell .visitors-current-revenue,
html[data-theme="dark"] .store-detail-page-shell .std-v3-soc-stat {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-kpi-sep {
    color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-kpi-empty-state {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-kpi-empty-text {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-kpi-empty-hint,
html[data-theme="dark"] .store-detail-page-shell .std-kpi-empty-icon {
    color: var(--dk-text-3) !important;
}

/* MoM / growth badges */
html[data-theme="dark"] .store-detail-page-shell .std-mom-badge.flat {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
}

/* About card + profile sections */
html[data-theme="dark"] .store-detail-page-shell .std-about-header-icon {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-about-title,
html[data-theme="dark"] .store-detail-page-shell .std-about-line-value,
html[data-theme="dark"] .store-detail-page-shell .std-about-line-label,
html[data-theme="dark"] .store-detail-page-shell .std-about-sub,
html[data-theme="dark"] .store-detail-page-shell .std-hero-card-title,
html[data-theme="dark"] .store-detail-page-shell .std-profile-card,
html[data-theme="dark"] .store-detail-page-shell .std-v3-muted-label {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-about-line {
    border-color: var(--dk-border) !important;
}

/* Social followers popover */
html[data-theme="dark"] .store-detail-page-shell .std-social-followers-popover,
html[data-theme="dark"] .store-detail-page-shell .std-social-followers-popover__head {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-social-followers-popover__title,
html[data-theme="dark"] .store-detail-page-shell .std-social-followers-legend-item,
html[data-theme="dark"] .store-detail-page-shell .std-social-followers-popover__empty,
html[data-theme="dark"] .store-detail-page-shell .std-social-followers-popover__loading {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-social-followers-chart-btn {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-social-followers-chart-btn:hover,
html[data-theme="dark"] .store-detail-page-shell .std-social-followers-chart-btn.is-open {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-v3-soc-ic {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-v3-soc-ic:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-social-followers-popover__close {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-social-followers-popover__close:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-social-followers-page-count {
    color: var(--dk-text-3) !important;
}

/* Spark / chart tooltips injected on this page */
html[data-theme="dark"] .store-detail-page-shell .spark-custom-tooltip,
html[data-theme="dark"] .store-detail-page-shell .spark-custom-tooltip-date,
html[data-theme="dark"] .store-detail-page-shell .spark-custom-tooltip-value {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

/* Similar-stores filter bar — Trustpilot panel (same markup as explore-shops) */
html[data-theme="dark"] .store-detail-page-shell #trustpilotDropdown div[style*="color:#1e293b"],
html[data-theme="dark"] .store-detail-page-shell #trustpilotDropdown div[style*="color: #1e293b"],
html[data-theme="dark"] .store-detail-page-shell #trustpilotDropdown div[style*="color:#000"],
html[data-theme="dark"] .store-detail-page-shell #trustpilotDropdown div[style*="color: #000"] {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell #trustpilotDropdown div[style*="background:#fff"],
html[data-theme="dark"] .store-detail-page-shell #trustpilotDropdown div[style*="background: #fff"] {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .store-detail-page-shell #trustpilotDropdown div[style*="border-top"],
html[data-theme="dark"] .store-detail-page-shell #trustpilotDropdown > div[style*="border-top"] {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .tp-preset-chip {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .tp-preset-chip:hover {
    border-color: rgba(34, 90, 234, 0.45) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .store-detail-page-shell .tp-preset-chip.active {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] .store-detail-page-shell .tp-range-track {
    background: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .store-detail-page-shell .tp-range-fill {
    background: var(--dk-accent) !important;
}
html[data-theme="dark"] .store-detail-page-shell .tp-range-wrap input[type="range"]::-webkit-slider-thumb,
html[data-theme="dark"] .store-detail-page-shell .tp-range-wrap input[type="range"]::-moz-range-thumb {
    background: var(--dk-surface) !important;
    border-color: var(--dk-accent) !important;
}

/* Brand Tracker preview gate (std-bt-* tiles on Store Details) */
html[data-theme="dark"] .store-detail-page-shell .std-bt-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-bt-card-title,
html[data-theme="dark"] .store-detail-page-shell .std-bt-graph-label,
html[data-theme="dark"] .store-detail-page-shell .std-bt-card-meta,
html[data-theme="dark"] .store-detail-page-shell .std-bt-card-note,
html[data-theme="dark"] .store-detail-page-shell .std-bt-big-num,
html[data-theme="dark"] .store-detail-page-shell .std-bt-mix-list li,
html[data-theme="dark"] .store-detail-page-shell .std-bt-landing-url,
html[data-theme="dark"] .store-detail-page-shell .std-bt-landing-meta,
html[data-theme="dark"] .store-detail-page-shell .std-bt-tag,
html[data-theme="dark"] .store-detail-page-shell .std-bt-tag-count,
html[data-theme="dark"] .store-detail-page-shell .std-bt-fetching {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-bt-country-pill {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-bt-chip {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-bt-chip.is-active {
    background: var(--dk-surface-2) !important;
    color: var(--dk-accent) !important;
    box-shadow: inset 0 0 0 1px rgba(34, 90, 234, 0.35) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-tabs {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-tab {
    color: var(--dk-text-2) !important;
    background: transparent !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-tab:hover {
    color: var(--dk-text) !important;
    background: rgba(255, 255, 255, 0.04) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-tab.is-active {
    background: #e8eefc !important;
    color: #0f172a !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-mix-name,
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-mix-pct,
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-countries li,
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-country-id {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-stat-hint,
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-reach-eu,
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-mix-count,
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-country-meta,
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-chart-empty,
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-countries-empty,
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-more-count {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-more-flag {
    border-color: var(--dk-surface) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-mix-bar,
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-country-bar {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-ov-mix-bar > span {
    background: #225aea !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-overview .std-bt-growth.is-down {
    color: #fca5a5 !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-overview .std-bt-growth.is-up {
    color: #6ee7b7 !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-bt-tab {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-bt-tab.is-active {
    background: var(--dk-surface-2) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-bt-landing-list li {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-bt-tags li {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-recently-visited-row,
html[data-theme="dark"] .store-detail-page-shell .title-bar {
    background: var(--dk-surface) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-recently-visited-title {
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .store-detail-page-shell .title-bar-left-category-trustpilot-info #store-category {
    background: transparent !important;
    border-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .store-detail-page-shell .title-bar-left-category-trustpilot-info .std-store-category-badge {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
    box-shadow: none !important;
}

/* Hero tabs (Store info / Similar stores / Meta ads) — browser-tab style */
html[data-theme="dark"] .store-detail-page-shell .std-store-top-tabs {
    background: transparent !important;
    border: none !important;
    box-shadow: inset 0 -1px 0 var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-store-top-tab:hover:not(.is-active) {
    background: transparent !important;
    box-shadow: none !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-store-top-tab.is-disabled,
html[data-theme="dark"] .store-detail-page-shell .std-store-top-tab:disabled {
    opacity: 0.55 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-store-top-tab.is-active {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    border-bottom: none !important;
    box-shadow: none !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-store-top-tabs .std-store-top-tab.is-active::before {
    background: radial-gradient(
        circle 8px at 0 0,
        var(--dk-surface) 7px,
        var(--dk-border) 8px,
        var(--dk-surface) 8px
    ) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-store-top-tabs .std-store-top-tab.is-active::after {
    background: radial-gradient(
        circle 8px at 100% 0,
        var(--dk-surface) 7px,
        var(--dk-border) 8px,
        var(--dk-surface) 8px
    ) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-store-top-tab-count,
html[data-theme="dark"] .store-detail-page-shell .std-store-top-tab .std-meta-ads-count {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-store-top-tab.is-active .std-store-top-tab-count,
html[data-theme="dark"] .store-detail-page-shell .std-store-top-tab.is-active .std-meta-ads-count,
html[data-theme="dark"] .store-detail-page-shell .std-store-top-tab--meta-ads .std-meta-ads-count,
html[data-theme="dark"] .store-detail-page-shell .std-store-top-tab--google-ads .std-meta-ads-count {
    background: rgba(34, 90, 234, 0.12) !important;
    border: 1px solid rgba(34, 90, 234, 0.35) !important;
    color: var(--dk-accent) !important;
}

/* Title bar action chips — white gradient !important overrides generic STD dark rules */
html[data-theme="dark"] .store-detail-page-shell .std-title-bar-actions a.std-title-ad-link:not(.showtiktokads),
html[data-theme="dark"] .store-detail-page-shell .std-title-bar-actions button.std-title-ad-link:not(.showtiktokads),
html[data-theme="dark"] .store-detail-page-shell .std-title-bar-actions .accuracy-info-btn {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-associated-domains-toggle {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}

/* Similar stores tab — re-map scoped es2 tokens (wrapper overrides html dark tokens) */
html[data-theme="dark"] .store-detail-page-shell #std-similar-table-wrapper {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    --es2-surface: var(--dk-surface);
    --es2-surface-alt: var(--dk-surface-deep);
    --es2-surface-hov: var(--dk-surface-2);
    --es2-border: var(--dk-border);
    --es2-border-strong: var(--dk-border-strong);
    --es2-border-hov: var(--dk-border-strong);
    --es2-text: var(--dk-text);
    --es2-text-2: var(--dk-text);
    --es2-text-3: var(--dk-text-2);
    --es2-text-mute: var(--dk-text-3);
    --es2-primary: var(--dk-accent);
    --es2-primary-soft: rgba(34, 90, 234, 0.12);
    --es2-primary-text: var(--dk-accent);
    --es2-shadow-xs: none;
}

/* Similar stores table — beat #std-similar-shops-table inline hardcoded backgrounds */
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table.shops-table thead,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table.shops-table thead th,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table.shops-table thead th:first-child {
    background-color: var(--dk-surface-deep) !important;
    color: var(--dk-text-2) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table.shops-table tbody td,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table.shops-table tbody td:first-child {
    background: var(--dk-surface) !important;
    color: var(--dk-text) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table.shops-table tbody tr:hover td,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table.shops-table tbody tr:hover td:first-child {
    background-color: var(--es2-row-hover) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table.shops-table th:not(:last-child),
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table.shops-table td:not(:last-child) {
    border-right-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .store-number-badge {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-metric-data-card {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-revenue-label,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-revenue-empty,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .best-product-name,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .monthly-visits-more-flags {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-revenue-value {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-aov-cell .explore-value-chip,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-email-chip {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-email-chip:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-email-chip.is-empty {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .monthly-visits-flags-tooltip {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .monthly-visits-flag-fallback {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-wlads-hovercard {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-wlads-btn-magic,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-wlads-btn-download {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .explore-wlads-thumb-ring {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .tooltip-popup {
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .tooltip-popup::after {
    border-top-color: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-similar-tab-sub {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-similar-shops-see-all {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-similar-shops-see-all:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-accent) !important;
}

/* Similar shops strip — beat page #std-similar-shops.shadow-backdrop #fff !important */
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops.std-simshops,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops.shadow-backdrop {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__card {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__media {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__media--icon {
    background: linear-gradient(180deg, var(--dk-surface-2) 0%, var(--dk-surface-deep) 100%) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__media--empty {
    background: linear-gradient(135deg, var(--dk-surface-deep), var(--dk-surface-3)) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__media--product {
    background-color: var(--dk-surface) !important;
    background-image:
        linear-gradient(45deg, var(--dk-surface-2) 25%, transparent 25%),
        linear-gradient(-45deg, var(--dk-surface-2) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, var(--dk-surface-2) 75%),
        linear-gradient(-45deg, transparent 75%, var(--dk-surface-2) 75%) !important;
    background-size: 16px 16px !important;
    background-position: 0 0, 0 8px, 8px -8px, -8px 0 !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__media--product img {
    background: transparent !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__bs {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__bs-thumb {
    background: #fff !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__bs-thumb:hover {
    border-color: var(--dk-accent-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__bs-thumb.is-active {
    border-color: var(--dk-accent) !important;
    box-shadow: 0 0 0 1px var(--dk-accent-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__bs-thumb--empty {
    background: #fff !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__chip {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__host {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__btn {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__btn:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__btn--primary {
    background: rgba(34, 90, 234, 0.18) !important;
    border-color: var(--dk-accent-border) !important;
    color: #93c5fd !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__btn--primary:hover {
    background: rgba(34, 90, 234, 0.28) !important;
    border-color: var(--dk-filter-accent-border) !important;
    color: #bfdbfe !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__skel {
    background: linear-gradient(
        90deg,
        var(--dk-surface-deep) 25%,
        var(--dk-surface-2) 37%,
        var(--dk-surface-deep) 63%
    ) !important;
    background-size: 400% 100% !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__list::-webkit-scrollbar-track {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops .std-simshops__list::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-skel-bar,
html[data-theme="dark"] .store-detail-page-shell .std-skel-circle,
html[data-theme="dark"] .store-detail-page-shell .std-skel-thumb,
html[data-theme="dark"] .store-detail-page-shell .std-comp-gallery-loader-stage,
html[data-theme="dark"] .store-detail-page-shell .std-comp-gallery-loader-thumb {
    background-color: var(--dk-surface-deep) !important;
    background-image: linear-gradient(
        90deg,
        var(--dk-surface-deep) 0%,
        var(--dk-surface-2) 42%,
        var(--dk-surface-3) 58%,
        var(--dk-surface-deep) 100%
    ) !important;
    background-size: 200% 100% !important;
    background-repeat: no-repeat !important;
    animation: exploreShopsShimmer 1.35s ease-in-out infinite !important;
}

/* Horizontal similar shops carousel cards */
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard:not(.std-prod-ccard--bestseller) {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard:not(.std-prod-ccard--bestseller):hover {
    border-color: var(--dk-border-strong) !important;
    box-shadow: none !important;
}

/* Bestseller product carousel cards (inline #fff / light gradients) */
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard.std-prod-ccard--bestseller {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
    background-clip: padding-box !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard.std-prod-ccard--bestseller:hover {
    border-color: rgba(34, 90, 234, 0.35) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard--bestseller .std-prod-ccard-link,
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard--bestseller .std-prod-ccard-body {
    background: var(--dk-surface) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-imgwrap--bestseller,
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard--bestseller .std-prod-ccard-imgwrap {
    background: var(--dk-surface-deep) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-imgwrap--bestseller > img,
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-imgwrap--bestseller > .std-prod-ccard-img-link img {
    background-color: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-ph {
    background: linear-gradient(118deg, var(--dk-surface-deep) 0%, var(--dk-surface-2) 48%, var(--dk-surface-deep) 100%) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-rank--floated {
    color: #fff !important;
    background: rgba(15, 18, 24, 0.82) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard--bestseller .std-prod-ccard-title,
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard--bestseller .std-prod-ccard-price {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-chip {
    color: var(--dk-text-2) !important;
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-foot,
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-meta {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-foot-k,
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-foot-dot {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-actions {
    background: var(--dk-surface-deep) !important;
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-act {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-act:hover {
    background: var(--dk-surface-3) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs a:not(.std-comp-store-url):not(.std-comp-track-link):not(.std-comp-std-link) {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs a:not(.std-comp-store-url):not(.std-comp-track-link):not(.std-comp-std-link):hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-carousel::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong) !important;
}

/* Products table — bestseller column icons (beat earlier hardcoded #fff block) */
html[data-theme="dark"] .store-detail-page-shell .std-prod-bs-ic {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-bs-ic:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-bs-rank {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-bs-ads {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-thumb {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}

/* Similar stores tab — bestseller product thumbs */
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .best-product-image,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .best-product-image-placeholder,
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .best-product-image-placeholder--svg {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-shops-table .best-product-card .best-product-image-zoom-inner {
    background: var(--dk-surface-deep) !important;
}

/* Competitor card product gallery — subthumbs + nav */
html[data-theme="dark"] .store-detail-page-shell .std-comp-product-subthumb {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-comp-product-subthumb--placeholder,
html[data-theme="dark"] .store-detail-page-shell .std-comp-gallery-placeholder {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-comp-product-nav {
    background: rgba(15, 18, 24, 0.92) !important;
    color: var(--dk-text-2) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-comp-product-nav:hover {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}

html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard--es-similar .std-comp-product-stage,
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard--es-similar .std-comp-product-stage .std-comp-gallery-placeholder {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard--es-similar .std-prod-ccard-imgwrap--competitor {
    background: transparent !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard--es-similar .std-comp-product-stage.is-preview-unavailable::after {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard--es-similar .std-comp-product-main--product {
    background: #fff !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-comp-product-stage,
html[data-theme="dark"] .store-detail-page-shell .std-comp-product-main--icon,
html[data-theme="dark"] .store-detail-page-shell .std-comp-product-main--screenshot {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-meta--domain span,
html[data-theme="dark"] .store-detail-page-shell .std-es-similar-stat--domain,
html[data-theme="dark"] .store-detail-page-shell .std-comp-product-no-bestsellers-text {
    color: var(--dk-text-2) !important;
}

/* Similar shops carousel — visits/category pills + Visit + Track buttons */
html[data-theme="dark"] .store-detail-page-shell .std-es-sim-badge,
html[data-theme="dark"] .store-detail-page-shell .std-es-sim-badge--visits,
html[data-theme="dark"] .store-detail-page-shell .std-es-sim-badge--category {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-es-sim-badge--created {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong, var(--dk-border)) !important;
    color: var(--dk-text, #f1f5f9) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-comp-store-url {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-comp-store-url:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-comp-track-link {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-comp-track-link:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-comp-std-link {
    background: rgba(34, 90, 234, 0.16) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
    color: #93c5fd !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-comp-std-link:hover {
    background: rgba(34, 90, 234, 0.28) !important;
    border-color: rgba(34, 90, 234, 0.5) !important;
    color: #bfdbfe !important;
}

/* Similar shops carousel — footer bar above Visit / Track */
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs.std-prod-ccard-bs--competitor,
html[data-theme="dark"] .store-detail-page-shell #top-competitors-list .std-prod-ccard-bs--competitor,
html[data-theme="dark"] .store-detail-page-shell #std-people-also-viewed-list .std-prod-ccard-bs--competitor {
    border-top: 1px solid var(--dk-border) !important;
    background: var(--dk-surface) !important;
    padding: 12px 8px 10px !important;
    gap: 8px !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-store-url,
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-std-link,
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor a.std-comp-track-link,
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard-bs--competitor button.std-comp-track-link {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}

/* Similar shops carousel — gallery wrap strip (white #fafafa bar under thumbs) */
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard--competitor .std-prod-ccard-imgwrap,
html[data-theme="dark"] .store-detail-page-shell .store-sim-skel-card .std-prod-ccard-imgwrap {
    background: var(--dk-surface-deep) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard--competitor .std-prod-ccard-body {
    padding-bottom: 10px !important;
}
html[data-theme="dark"] .store-detail-page-shell .store-sim-skel-card .std-prod-ccard-body--es-similar {
    padding: 4px 6px 5px !important;
}
html[data-theme="dark"] .store-detail-page-shell .store-sim-skel-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .store-sim-skel-shimmer {
    background: linear-gradient(90deg, var(--dk-surface-deep) 0%, var(--dk-surface-2) 45%, var(--dk-surface-3) 55%, var(--dk-surface-deep) 100%) !important;
    background-size: 200% 100% !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard--competitor .std-prod-ccard-title,
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard--competitor .std-prod-ccard-title-text,
html[data-theme="dark"] .store-detail-page-shell .std-prod-ccard--competitor .std-comp-reviews {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell #top-competitors-list.std-competitors-carousel::-webkit-scrollbar-track,
html[data-theme="dark"] .store-detail-page-shell #std-people-also-viewed-list.std-competitors-carousel::-webkit-scrollbar-track {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .store-detail-page-shell #top-competitors-list.std-competitors-carousel::-webkit-scrollbar-thumb,
html[data-theme="dark"] .store-detail-page-shell #std-people-also-viewed-list.std-competitors-carousel::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong) !important;
}

/* Similar stores tab — pagination bar */
html[data-theme="dark"] .store-detail-page-shell .std-similar-pagination {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-pagination {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-page-summary,
html[data-theme="dark"] .store-detail-page-shell .std-gads-page-indicator {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-page-btn {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-page-btn svg {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-page-btn:hover:not(:disabled) {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card-format-header.fw-ad-card-header {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-target-chip {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-target-chip:hover,
html[data-theme="dark"] .store-detail-page-shell .std-gads-target-wrap:focus-within .std-gads-target-chip {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-target-icon svg {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-pill,
html[data-theme="dark"] .store-detail-page-shell .std-gads-pill--format {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-pill--platform-search {
    background: rgba(67, 56, 202, 0.22) !important;
    color: #c7d2fe !important;
    border-color: rgba(99, 102, 241, 0.35) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-pill--platform-youtube {
    background: rgba(190, 24, 93, 0.2) !important;
    color: #fbcfe8 !important;
    border-color: rgba(236, 72, 153, 0.35) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-pill--platform-display {
    background: rgba(14, 116, 144, 0.22) !important;
    color: #a5f3fc !important;
    border-color: rgba(34, 211, 238, 0.35) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-pill--platform-shopping {
    background: rgba(180, 83, 9, 0.22) !important;
    color: #fde68a !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-pill--platform-video {
    background: rgba(109, 40, 217, 0.22) !important;
    color: #ddd6fe !important;
    border-color: rgba(167, 139, 250, 0.35) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-pill--platform-other {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card:hover {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card-running {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card-brand-name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card-brand-sub {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card-brand-avatar {
    background: linear-gradient(135deg, rgba(34, 90, 234, 0.35), rgba(139, 92, 246, 0.28)) !important;
    color: #c7d2fe !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card-media {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card--skeleton {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card-skel-media {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card-skel-media-fill,
html[data-theme="dark"] .store-detail-page-shell .std-skel-block.std-gads-card-skel-media-fill {
    background-color: var(--dk-surface-deep) !important;
    background-image: linear-gradient(
        90deg,
        var(--dk-surface-deep) 0%,
        var(--dk-surface-2) 42%,
        var(--dk-surface-3) 50%,
        var(--dk-surface-2) 58%,
        var(--dk-surface-deep) 100%
    ) !important;
    background-size: 200% 100%;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-infinite-foot .std-gads-page-summary {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-infinite-retry {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-infinite-retry:hover {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong, var(--dk-border)) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card-media-fallback,
html[data-theme="dark"] .store-detail-page-shell .std-gads-card-media-fallback-label {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card-media-fallback-text {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card-description {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card-footer {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card-details-btn {
    background: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-card-details-btn:hover {
    background: var(--dk-accent-hover) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-listing-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-listing-count {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-listing-count-value {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-explore-mount {
    --es2-filter-surface: var(--dk-surface);
    --es2-filter-surface-hov: var(--dk-surface-2);
    --es2-filter-border-hov: var(--dk-border-strong);
    --es2-border: var(--dk-border);
    --es2-text: var(--dk-text);
    --es2-text-2: var(--dk-text-2);
    --es2-filter-pill-border: var(--dk-border-strong);
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-explore-mount .filters-group > .filter-item > .select-wrapper,
html[data-theme="dark"] .store-detail-page-shell .std-gads-explore-mount .filters-group button.filter-select.es-filter-control {
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-explore-mount .filters-group > .filter-item > .select-wrapper:hover,
html[data-theme="dark"] .store-detail-page-shell .std-gads-explore-mount .filters-group button.filter-select.es-filter-control:hover {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-explore-mount .filters-group > .filter-item > .select-wrapper.has-value,
html[data-theme="dark"] .store-detail-page-shell .std-gads-explore-mount .filters-group button.filter-select.es-filter-control.has-value {
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-explore-mount .filters-group .select-wrapper > select.filter-select {
    color: var(--dk-text-2) !important;
    -webkit-text-fill-color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-explore-mount .filters-group .select-wrapper::after,
html[data-theme="dark"] .store-detail-page-shell .std-gads-explore-mount .filters-group .es-filter-trigger-chevron {
    color: var(--dk-text-3) !important;
    border-right-color: var(--dk-text-3) !important;
    border-bottom-color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-explore-mount .std-gads-filters-bar.filters-bar {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-sort-slot .tts-cp-btn.explore-landers-sort-btn {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-active-filters {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-active-filters-label {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-filter-chip {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-filter-chip-label {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-filter-chip-value {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-filter-chip-remove {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-filter-chip-remove:hover {
    background: var(--dk-surface-3) !important;
    color: #fca5a5 !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-clear-all-filters {
    color: #f87171 !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-clear-all-filters:hover {
    color: #fca5a5 !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-clear-filters {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-clear-filters:hover {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-empty,
html[data-theme="dark"] .store-detail-page-shell .std-gads-loading {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-spinner {
    border-color: var(--dk-border) !important;
    border-top-color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-filter-menu--dates label,
html[data-theme="dark"] .store-detail-page-shell .std-gads-filter-menu--days label {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-filter-menu--dates input,
html[data-theme="dark"] .store-detail-page-shell .std-gads-filter-menu--days input {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
    color-scheme: dark;
}
html[data-theme="dark"] .store-detail-page-shell .std-gads-filter-menu-actions.explore-vc-footer {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-gads-drawer-panel {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: -12px 0 40px rgba(0, 0, 0, 0.45), 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}
html[data-theme="dark"] .std-gads-drawer-header {
    background: var(--dk-surface) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-gads-drawer-header-center {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-drawer-icon-btn {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-drawer-counter {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-drawer-cta {
    background: var(--dk-accent) !important;
}
html[data-theme="dark"] .std-gads-drawer-cta:hover {
    background: var(--dk-accent-hover) !important;
}
html[data-theme="dark"] .std-gads-drawer-media-col {
    background: var(--dk-surface-deep) !important;
    border-right-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-gads-drawer-media-stage,
html[data-theme="dark"] .std-gads-drawer-thumbs {
    background-color: var(--dk-surface-deep) !important;
    background-image:
        linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.08) 1px, transparent 1px) !important;
}
html[data-theme="dark"] .std-gads-drawer-thumbs {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-gads-drawer-imagine-btn {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-gads-drawer-imagine-btn:hover {
    background: var(--dk-surface-deep) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-drawer-imagine-btn.is-active {
    border-color: rgba(96, 165, 250, 0.45) !important;
    background: rgba(59, 130, 246, 0.12) !important;
    color: #93c5fd !important;
}
html[data-theme="dark"] .std-gads-drawer-zoom {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
}
html[data-theme="dark"] .std-gads-drawer-zoom-btn {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-gads-drawer-zoom-btn:hover:not(:disabled) {
    background: var(--dk-surface-deep) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-drawer-zoom-label {
    border-left-color: var(--dk-border) !important;
    border-right-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-gads-drawer-preview-shell {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28) !important;
}
html[data-theme="dark"] .std-gads-drawer-preview-shell-head {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-gads-drawer-preview-shell-name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-drawer-preview-shell-sub {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-drawer-preview-shell-body {
    background: var(--dk-surface) !important;
}
html[data-theme="dark"] .std-gads-drawer-preview-stage {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .std-gads-drawer-preview-ad-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .std-gads-drawer-preview-ad-site-name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-drawer-preview-ad-url,
html[data-theme="dark"] .std-gads-drawer-preview-ad-copy {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-gads-drawer-preview-ad-headline {
    color: #8ab4f8 !important;
}
html[data-theme="dark"] .std-gads-drawer-preview-ad-media,
html[data-theme="dark"] .std-gads-drawer-preview-creative {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .std-gads-inspect-media-fallback {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-drawer-tabs {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-gads-drawer-tabs-indicator {
    background: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-drawer-tabs button {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-drawer-tabs button:hover,
html[data-theme="dark"] .std-gads-drawer-tabs button.is-active {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-drawer-details-scroll::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .std-gads-inspect-section-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-inspect-card,
html[data-theme="dark"] .std-gads-inspect-empty {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-gads-inspect-stacked-label,
html[data-theme="dark"] .std-gads-inspect-meta-label {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-inspect-stacked-value,
html[data-theme="dark"] .std-gads-inspect-meta-value {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-inspect-meta-row + .std-gads-inspect-meta-row {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-gads-inspect-muted,
html[data-theme="dark"] .std-gads-inspect-dash {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-inspect-pill {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-distribution-reach-chip {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-gads-distribution-reach-chip-val {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-distribution-reach-globe {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-inspect-metric {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-gads-inspect-metric-value {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-inspect-metric-value--muted {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-inspect-metric-label {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-inspect-brand-avatar {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .std-gads-inspect-brand-name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-inspect-brand-domain,
html[data-theme="dark"] .std-gads-inspect-domain {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-inspect-domain:hover {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-inspect-advertiser-name {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-inspect-advertiser-meta {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-inspect-action {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-inspect-action:hover {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .std-gads-inspect-badge--running {
    background: rgba(34, 197, 94, 0.12) !important;
    color: #86efac !important;
}
html[data-theme="dark"] .std-gads-inspect-badge--inactive {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-inspect-detail-copy:hover {
    background: var(--dk-surface-3, #232936) !important;
    color: var(--dk-text, #eef1f6) !important;
}
html[data-theme="dark"] .std-gads-drawer-toast {
    background: var(--dk-surface-2, #1a1f2b) !important;
    border-color: var(--dk-border, #2a3142) !important;
    color: var(--dk-text, #eef1f6) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .std-gads-drawer-toast.is-error {
    border-color: rgba(248, 113, 113, 0.4) !important;
    color: #fca5a5 !important;
}
html[data-theme="dark"] .std-gads-distribution-target-count {
    background: var(--dk-surface-3, #232936) !important;
    border-color: var(--dk-border, #2a3142) !important;
    color: var(--dk-text, #eef1f6) !important;
}
html[data-theme="dark"] .std-gads-flag-tooltip-portal {
    background: var(--dk-surface-3, #232936) !important;
    color: var(--dk-text, #eef1f6) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .std-gads-shop-context-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-shop-context-card {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-gads-shop-row + .std-gads-shop-row {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .std-gads-shop-row-icon,
html[data-theme="dark"] .std-gads-shop-row-label {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-shop-row-value,
html[data-theme="dark"] .std-gads-shop-brand-name,
html[data-theme="dark"] .std-gads-shop-advertiser-name,
html[data-theme="dark"] .std-gads-shop-origin-name,
html[data-theme="dark"] .std-gads-shop-platform-label,
html[data-theme="dark"] .std-gads-shop-metric-num {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-shop-brand-fallback {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .std-gads-shop-activity.is-very-active,
html[data-theme="dark"] .std-gads-shop-activity.is-active {
    background: rgba(34, 197, 94, 0.12) !important;
    color: #86efac !important;
}
html[data-theme="dark"] .std-gads-shop-activity.is-moderate,
html[data-theme="dark"] .std-gads-shop-niche-pill {
    background: rgba(59, 130, 246, 0.14) !important;
    color: #93c5fd !important;
}
html[data-theme="dark"] .std-gads-shop-activity.is-low {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-shop-trend.is-up {
    color: #86efac !important;
}
html[data-theme="dark"] .std-gads-shop-trend.is-down {
    color: #fda4af !important;
}
html[data-theme="dark"] .std-gads-shop-external-link {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .std-gads-shop-external-link:hover {
    color: var(--dk-text) !important;
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-similar-page-summary,
html[data-theme="dark"] .store-detail-page-shell .std-similar-page-size-label {
    color: var(--dk-text-2) !important;
}

/* Active ads chart skeleton + visitors chart skeleton (beat inline shimmer gradients) */
html[data-theme="dark"] .store-detail-page-shell .std-chart-skel-frame {
    background: linear-gradient(180deg, var(--dk-surface-deep) 0%, var(--dk-surface) 100%) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-visitors-skel-block {
    background: linear-gradient(90deg, var(--dk-surface-deep) 0%, var(--dk-surface-2) 45%, var(--dk-surface-3) 55%, var(--dk-surface-deep) 100%) !important;
    background-size: 200% 100% !important;
    border: none !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-chart-skel-svg line[data-skel-grid] {
    stroke: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-chart-skel-svg path[data-skel-line] {
    stroke: #64748b !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-products-skel-block,
html[data-theme="dark"] .store-detail-page-shell .std-products-skel-cell {
    background: linear-gradient(90deg, var(--dk-surface-deep) 0%, var(--dk-surface-2) 45%, var(--dk-surface-3) 55%, var(--dk-surface-deep) 100%) !important;
    background-size: 200% 100% !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-hero-skel-line,
html[data-theme="dark"] .store-detail-page-shell .std-hero-skel-metric,
html[data-theme="dark"] .store-detail-page-shell .std-hero-skel-chip,
html[data-theme="dark"] .store-detail-page-shell .stat-skeleton-item,
html[data-theme="dark"] .store-detail-page-shell .skeleton-map {
    background: linear-gradient(90deg, var(--dk-surface-deep) 0%, var(--dk-surface-2) 45%, var(--dk-surface-3) 55%, var(--dk-surface-deep) 100%) !important;
    background-size: 200% 100% !important;
}

/* Active ads by country — pill text on dark panel */
html[data-theme="dark"] .store-detail-page-shell .std-active-ads-country-panel .visitors-country-item,
html[data-theme="dark"] .store-detail-page-shell .std-active-ads-country-panel .visitors-country-pct,
html[data-theme="dark"] .store-detail-page-shell #ads-country-distribution .visitors-country-item,
html[data-theme="dark"] .store-detail-page-shell #ads-country-distribution .visitors-country-pct,
html[data-theme="dark"] .store-detail-page-shell #ads-reach-country-distribution .visitors-country-item,
html[data-theme="dark"] .store-detail-page-shell #ads-reach-country-distribution .visitors-country-pct,
html[data-theme="dark"] .store-detail-page-shell .std-vis-geo-country-wrap .visitors-country-item,
html[data-theme="dark"] .store-detail-page-shell .std-vis-geo-country-wrap .visitors-country-pct {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .visitors-country-item--more {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-active-ads-pages-option__check {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-active-ads-pages-option.is-selected .std-active-ads-pages-option__check {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
}

/* Top ads sort controls + Adlibrary trigger */
html[data-theme="dark"] .store-detail-page-shell .std-top-ads-sort-controls {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-top-ads-sort-btn {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-top-ads-sort-btn:hover {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-top-ads-sort-btn.is-active {
    background: var(--dk-surface-2) !important;
    color: var(--dk-accent) !important;
    box-shadow: inset 0 0 0 1px rgba(34, 90, 234, 0.35) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-active-ads-pages-trigger {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-active-ads-pages-menu {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-top-ads-loader,
html[data-theme="dark"] .store-detail-page-shell .std-top-ads-empty {
    color: var(--dk-text-2) !important;
}

html[data-theme="dark"] .store-detail-page-shell .std-seasonality-empty-state {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-seasonality-empty-icon {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-seasonality-empty-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-seasonality-empty-hint,
html[data-theme="dark"] .store-detail-page-shell .std-seasonality-empty {
    color: var(--dk-text-3) !important;
}

html[data-theme="dark"] .store-detail-page-shell #std-similar-best-product-flyout,
html[data-theme="dark"] .store-detail-page-shell #explore-best-product-flyout {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .store-detail-page-shell #std-similar-best-product-flyout .explore-best-product-flyout-title {
    color: var(--dk-text) !important;
    border-bottom-color: var(--dk-border) !important;
}

/* Similar-stores filter bar trustpilot panel (inline background:#fff) */
html[data-theme="dark"] .store-detail-page-shell .trustpilot-dropdown,
html[data-theme="dark"] .store-detail-page-shell #trustpilotDropdown {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}

/* Store detail — remaining white leaks / low-contrast gaps */
html[data-theme="dark"] .store-detail-page-shell .map-container {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .store-detail-page-shell .country-table th,
html[data-theme="dark"] .store-detail-page-shell .country-table td {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .country-item {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .country-rank,
html[data-theme="dark"] .store-detail-page-shell .country-name {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .country-value {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .store-detail-page-shell .percentage-bar-wrapper {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .visitors-chart-stat {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .visitors-chart-stat strong {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .visitors-chart-stat--good {
    background: rgba(34, 197, 94, 0.12) !important;
    border-color: rgba(34, 197, 94, 0.28) !important;
    color: #86efac !important;
}
html[data-theme="dark"] .store-detail-page-shell .visitors-chart-stat--good strong {
    color: #bbf7d0 !important;
}
html[data-theme="dark"] .store-detail-page-shell .visitors-chart-stat--bad {
    background: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(239, 68, 68, 0.28) !important;
    color: #fca5a5 !important;
}
html[data-theme="dark"] .store-detail-page-shell .visitors-chart-stat--bad strong {
    color: #fecaca !important;
}
html[data-theme="dark"] .store-detail-page-shell .visitors-current-label,
html[data-theme="dark"] .store-detail-page-shell .visitors-est-revenue-daily,
html[data-theme="dark"] .store-detail-page-shell .visitors-chart-explainer {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .visitors-est-revenue-inline {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-hero-card-ic:not(.std-hero-card-ic--explore-bitmap) {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-hero-link {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-hero-link:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-top-ads-platform-switcher {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-top-ads-platform-btn {
    color: var(--dk-text-2) !important;
    background: transparent !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-top-ads-platform-btn:hover,
html[data-theme="dark"] .store-detail-page-shell .std-top-ads-platform-btn.is-active {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    box-shadow: inset 0 0 0 1px var(--dk-border) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-profile-section-heading {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-v3-catalog-val {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-details-tab-btn:hover {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .accuracy-info-btn:focus,
html[data-theme="dark"] .store-detail-page-shell .std-title-bar-actions a.std-title-ad-link:focus,
html[data-theme="dark"] .store-detail-page-shell .std-title-bar-actions button.std-title-ad-link:focus {
    box-shadow: 0 0 0 2px var(--dk-surface), 0 0 0 4px var(--dk-border-strong) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-bt-ad-thumb {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-fake-sales-banner {
    background: var(--dk-surface) !important;
    border: 1px solid var(--dk-border) !important;
    color: var(--dk-text-2) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-fake-sales-banner__title,
html[data-theme="dark"] .store-detail-page-shell .std-fake-sales-banner__title p {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-fake-sales-banner__close {
    background: transparent !important;
    border: 0 !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-explore-soon-msg {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-store-icon-fallback {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-associated-domain-row:hover {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-associated-domain-link {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-menu-inline-sep {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-menu-inline-score {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-menu-inline-reviews,
html[data-theme="dark"] .store-detail-page-shell .std-menu-inline-traffic {
    color: var(--dk-text-3) !important;
}

/* ============================================================================
   Brand Details (Branddetails.php)
   ========================================================================== */

html[data-theme="dark"] .brand-detail-page-shell,
html[data-theme="dark"] .brand-detail-page-shell .page-wrapper {
    background-color: var(--dk-bg) !important;
}

/* Header + navigation */
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-back,
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-meta,
html[data-theme="dark"] .brand-detail-page-shell .loading-text,
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-gate-copy,
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-gate-meta,
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-access-denied-text,
html[data-theme="dark"] .brand-detail-page-shell .brand-fresh-notice-text,
html[data-theme="dark"] .brand-detail-page-shell .graph-panel-label,
html[data-theme="dark"] .brand-detail-page-shell .media-mix-card-title,
html[data-theme="dark"] .brand-detail-page-shell .media-mix-saved-total-count,
html[data-theme="dark"] .brand-detail-page-shell .media-mix-ads-count .active-num,
html[data-theme="dark"] .brand-detail-page-shell .media-mix-ads-count .total-num,
html[data-theme="dark"] .brand-detail-page-shell .media-mix-pct,
html[data-theme="dark"] .brand-detail-page-shell .landing-meta,
html[data-theme="dark"] .brand-detail-page-shell .landing-stat svg,
html[data-theme="dark"] .brand-detail-page-shell .landing-preview-url,
html[data-theme="dark"] .brand-detail-page-shell .filter-btn,
html[data-theme="dark"] .brand-detail-page-shell .ad-action-btn,
html[data-theme="dark"] .brand-detail-page-shell .sort-option,
html[data-theme="dark"] .brand-detail-page-shell .filter-option,
html[data-theme="dark"] .brand-detail-page-shell .chart-fetching-state-content {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-name,
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-access-denied-title,
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-gate-title,
html[data-theme="dark"] .brand-detail-page-shell .card-title,
html[data-theme="dark"] .brand-detail-page-shell .media-mix-label,
html[data-theme="dark"] .brand-detail-page-shell .landing-url,
html[data-theme="dark"] .brand-detail-page-shell .landing-item-url,
html[data-theme="dark"] .brand-detail-page-shell .landing-stat-value,
html[data-theme="dark"] .brand-detail-page-shell .top-insights-tag,
html[data-theme="dark"] .brand-detail-page-shell .top-insights-count,
html[data-theme="dark"] .brand-detail-page-shell .copy-text-content {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-back:hover {
    color: var(--dk-accent) !important;
}

/* Gates, banners, notices */
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-access-denied,
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-no-data.brand-detail-access-denied {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-access-denied-icon,
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-no-data-icon {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-no-data-icon-fetching {
    background: rgba(34, 90, 234, 0.12) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-gate {
    background: linear-gradient(165deg, var(--dk-surface-2) 0%, var(--dk-surface) 55%) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-gate-icon {
    background: linear-gradient(145deg, var(--dk-surface-3) 0%, rgba(34, 90, 234, 0.12) 100%) !important;
    border-color: rgba(34, 90, 234, 0.25) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-gate-btn--muted,
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-gate-link {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-gate-btn--muted:hover,
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-gate-link:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-gate-link-external,
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-gate-back {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-details-value-banner {
    background: rgba(34, 90, 234, 0.1) !important;
    border-color: rgba(34, 90, 234, 0.28) !important;
    color: #bfdbfe !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-details-value-banner .brand-details-value-title,
html[data-theme="dark"] .brand-detail-page-shell .brand-details-value-banner strong {
    color: #dbeafe !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-fresh-notice {
    background: linear-gradient(135deg, rgba(34, 90, 234, 0.12) 0%, rgba(34, 90, 234, 0.06) 100%) !important;
    border-color: rgba(34, 90, 234, 0.28) !important;
    color: #bfdbfe !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-fresh-notice-title,
html[data-theme="dark"] .brand-detail-page-shell .brand-fresh-notice-text strong {
    color: #dbeafe !important;
}

/* Cards, graphs, overview grid */
html[data-theme="dark"] .brand-detail-page-shell .card,
html[data-theme="dark"] .brand-detail-page-shell .graph-card,
html[data-theme="dark"] .brand-detail-page-shell .landing-split-view,
html[data-theme="dark"] .brand-detail-page-shell .device-frame {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .brand-detail-page-shell .card-header,
html[data-theme="dark"] .brand-detail-page-shell .graph-panel-header,
html[data-theme="dark"] .brand-detail-page-shell .media-mix-card-header,
html[data-theme="dark"] .brand-detail-page-shell .landing-sidebar,
html[data-theme="dark"] .brand-detail-page-shell .landing-sidebar-header,
html[data-theme="dark"] .brand-detail-page-shell .landing-preview-header {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .media-mix-card-block:first-child,
html[data-theme="dark"] .brand-detail-page-shell .media-mix-active-section,
html[data-theme="dark"] .brand-detail-page-shell .brand-live-ads-countries,
html[data-theme="dark"] .brand-detail-page-shell .media-mix-item,
html[data-theme="dark"] .brand-detail-page-shell .landing-item,
html[data-theme="dark"] .brand-detail-page-shell .landing-list-item {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .top-insights-item:hover,
html[data-theme="dark"] .brand-detail-page-shell .landing-list-item:hover,
html[data-theme="dark"] .brand-detail-page-shell .sort-option:hover,
html[data-theme="dark"] .brand-detail-page-shell .filter-option:hover {
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .landing-list-item.active {
    background: var(--dk-surface-3) !important;
    border-left-color: var(--dk-accent) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .brand-detail-page-shell .landing-preview-area {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .top-insights-rank {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .top-insights-item:first-child .top-insights-rank {
    background: rgba(34, 90, 234, 0.15) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .top-insights-count-label,
html[data-theme="dark"] .brand-detail-page-shell .top-insights-empty,
html[data-theme="dark"] .brand-detail-page-shell .top-insights-loading,
html[data-theme="dark"] .brand-detail-page-shell .brand-live-ads-countries-label,
html[data-theme="dark"] .brand-detail-page-shell .media-mix-info-icon {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .media-mix-info-icon:hover {
    color: var(--dk-text) !important;
}

/* Tabs, pills, toolbar controls */
html[data-theme="dark"] .brand-detail-page-shell .time-tab,
html[data-theme="dark"] .brand-detail-page-shell .metric-tab,
html[data-theme="dark"] .brand-detail-page-shell .date-range-pill,
html[data-theme="dark"] .brand-detail-page-shell .brand-date-range,
html[data-theme="dark"] .brand-detail-page-shell .filter-btn,
html[data-theme="dark"] .brand-detail-page-shell .meta-ads-header-btn,
html[data-theme="dark"] .brand-detail-page-shell .btn-view-more,
html[data-theme="dark"] .brand-detail-page-shell .ad-action-btn,
html[data-theme="dark"] .brand-detail-page-shell .slider-nav,
html[data-theme="dark"] .brand-detail-page-shell .landing-search {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .time-tab:hover,
html[data-theme="dark"] .brand-detail-page-shell .metric-tab:hover,
html[data-theme="dark"] .brand-detail-page-shell .date-range-pill:hover:not(.active),
html[data-theme="dark"] .brand-detail-page-shell .filter-btn:hover,
html[data-theme="dark"] .brand-detail-page-shell .meta-ads-header-btn:hover,
html[data-theme="dark"] .brand-detail-page-shell .btn-view-more:hover,
html[data-theme="dark"] .brand-detail-page-shell .ad-action-btn:hover,
html[data-theme="dark"] .brand-detail-page-shell .slider-nav:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-more-toggle {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-muted) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-more-toggle:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-more-panel {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-more-heading {
    color: var(--dk-text-muted) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-more-divider {
    background: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-more-panel .meta-ads-header-btn {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--dk-text-2) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-more-panel .meta-ads-header-btn:hover {
    background: var(--dk-surface-3) !important;
    border-color: transparent !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-more-panel .brand-detail-more-item--primary {
    background: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-more-panel .brand-detail-more-item--primary:hover {
    background: #1d4ed8 !important;
    color: #fff !important;
}
html[data-theme="dark"] .brand-detail-page-shell .time-tab.active,
html[data-theme="dark"] .brand-detail-page-shell .metric-tab.active,
html[data-theme="dark"] .brand-detail-page-shell .date-range-pill.active {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] .brand-detail-page-shell #traffic-metric-tabs .metric-tab.active,
html[data-theme="dark"] .brand-detail-page-shell #std-gads-ov-metric-tabs .metric-tab.active {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-detail-tracked-by,
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-btn-disabled {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-btn-disabled:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-ai-analyze-btn {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-ai-analyze-btn:hover {
    background: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-insights-tip {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}

/* Tables, dropdowns, tags */
html[data-theme="dark"] .brand-detail-page-shell .ad-copies-table {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-copies-table th {
    background: var(--dk-surface-deep) !important;
    color: var(--dk-text-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-copies-table td {
    background: var(--dk-surface) !important;
    color: var(--dk-text) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .usage-count,
html[data-theme="dark"] .brand-detail-page-shell .running-value,
html[data-theme="dark"] .brand-detail-page-shell .ad-copies-table td [style*="color: #1e293b"],
html[data-theme="dark"] .brand-detail-page-shell .ad-copies-table td [style*="color:#1e293b"],
html[data-theme="dark"] .brand-detail-page-shell .ad-copies-table td [style*="color: #000000"],
html[data-theme="dark"] .brand-detail-page-shell .ad-copies-table td [style*="color:#000000"] {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .usage-label {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .filter-dropdown-menu,
html[data-theme="dark"] .brand-detail-page-shell .brand-live-ads-countries-popup,
html[data-theme="dark"] .brand-detail-page-shell .ads-tooltip-inner {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ads-tooltip-date {
    color: var(--dk-text-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ads-tooltip-row {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ads-tooltip-row-left,
html[data-theme="dark"] .brand-detail-page-shell .ads-tooltip-row-value.launched {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-live-ads-countries-popup::after {
    border-top-color: var(--dk-surface) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .filter-tag {
    background: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.35) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .filter-tag-close {
    background: rgba(34, 90, 234, 0.18) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .filter-tag-close:hover {
    background: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] .brand-detail-page-shell .custom-checkbox {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .filter-input {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}

/* AI panel + loaders */
html[data-theme="dark"] .brand-detail-page-shell .brand-ai-panel-overlay {
    background: rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-ai-panel,
html[data-theme="dark"] .brand-detail-page-shell .brand-ai-summary-card,
html[data-theme="dark"] .brand-detail-page-shell .brand-ai-result {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-ai-panel-header,
html[data-theme="dark"] .brand-detail-page-shell .brand-ai-panel-footer {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-ai-panel-title,
html[data-theme="dark"] .brand-detail-page-shell .brand-ai-result h4 {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-ai-panel-kicker {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-ai-panel-close:hover {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .graph-loader,
html[data-theme="dark"] .brand-detail-page-shell .brand-ads-card.is-loading .card-body::after {
    background: linear-gradient(to bottom, rgba(21, 24, 30, 0), rgba(21, 24, 30, 0.95) 90%) !important;
}

/* Ads for this brand (STD Meta embed + Brand Details) */
html[data-theme="dark"] .brand-detail-page-shell #brand-ads-card .brand-ads-filters-wrap {
    background: var(--dk-surface-2) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell #brand-ads-sort-slot .tts-cp-btn.explore-landers-sort-btn {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .brand-detail-page-shell #brand-ads-sort-slot .tts-cp-btn.explore-landers-sort-btn:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-ads-active-filters {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-ads-active-filters-label,
html[data-theme="dark"] .brand-detail-page-shell .brand-ads-filter-chip,
html[data-theme="dark"] .brand-detail-page-shell .brand-ads-filter-chip-label,
html[data-theme="dark"] .brand-detail-page-shell .brand-ads-filter-chip-value,
html[data-theme="dark"] .brand-detail-page-shell .brand-ads-filter-chip-remove,
html[data-theme="dark"] .brand-detail-page-shell .brand-tab-count,
html[data-theme="dark"] .brand-detail-page-shell .partnership-ads-intro,
html[data-theme="dark"] .brand-detail-page-shell .partnership-ads-intro strong {
    color: #ffffff !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-ads-filter-chip {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-ads-filter-chip-remove:hover {
    background: var(--dk-surface-3) !important;
    color: #fca5a5 !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-ads-list-loading,
html[data-theme="dark"] .brand-detail-page-shell .brand-ads-loader,
html[data-theme="dark"] .brand-detail-page-shell #brand-ads-list-loading {
    color: #ffffff !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-bt-embed-loading,
html[data-theme="dark"] .store-detail-page-shell .std-meta-ads-brand-root .std-bt-embed-loading {
    color: #ffffff !important;
}
html[data-theme="dark"] .store-detail-page-shell .std-meta-ads-brand-fragment.brand-detail-page-shell,
html[data-theme="dark"] .store-detail-page-shell .std-meta-ads-brand-root .brand-detail-page-shell,
html[data-theme="dark"] .store-detail-page-shell .std-gads-overview.brand-detail-page-shell {
    background-color: transparent !important;
}
html[data-theme="dark"] .brand-detail-page-shell .chart-fetching-state-content {
    background: rgba(21, 24, 30, 0.9) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-card-placeholder {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell #brand-top-ads-list::-webkit-scrollbar-track {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .brand-detail-page-shell #brand-top-ads-list::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .bd-landers-skel-shimmer,
html[data-theme="dark"] .brand-detail-page-shell .preview-screenshot-loader {
    background: linear-gradient(90deg, var(--dk-surface-deep) 0%, var(--dk-surface-2) 45%, var(--dk-surface-3) 55%, var(--dk-surface-deep) 100%) !important;
    background-size: 200% 100% !important;
}
html[data-theme="dark"] .brand-detail-page-shell .bd-landers-skel-item,
html[data-theme="dark"] .brand-detail-page-shell .bd-landers-skel-preview-head {
    border-color: var(--dk-border) !important;
    background: var(--dk-surface) !important;
}

/* DateRangePicker (appended to <body> — beat CDN #fff calendar-table / thead) */
html[data-theme="dark"] .daterangepicker {
    background: var(--dk-surface) !important;
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
    color-scheme: dark;
}
html[data-theme="dark"] .daterangepicker:before {
    border-bottom-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .daterangepicker:after {
    border-bottom-color: var(--dk-surface) !important;
}
html[data-theme="dark"] .daterangepicker.drop-up:before {
    border-top-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .daterangepicker.drop-up:after {
    border-top-color: var(--dk-surface) !important;
}
html[data-theme="dark"] .daterangepicker .drp-calendar,
html[data-theme="dark"] .daterangepicker .calendar-table,
html[data-theme="dark"] .daterangepicker .calendar-table table {
    background: var(--dk-surface) !important;
    background-color: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
/* Opaque thead cells — transparent th over a failed parent paint = white CDN bleed */
html[data-theme="dark"] .daterangepicker .calendar-table thead th,
html[data-theme="dark"] .daterangepicker .calendar-table th.month,
html[data-theme="dark"] .daterangepicker .calendar-table th.available {
    background: var(--dk-surface) !important;
    background-color: var(--dk-surface) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .daterangepicker .calendar-table thead tr:nth-child(2) th {
    color: var(--dk-text-3) !important;
    font-weight: 600;
}
html[data-theme="dark"] .daterangepicker .calendar-table th.month {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .daterangepicker .calendar-table td {
    color: var(--dk-text-2) !important;
    background-color: transparent !important;
}
html[data-theme="dark"] .daterangepicker .calendar-table .next span,
html[data-theme="dark"] .daterangepicker .calendar-table .prev span {
    border-color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .daterangepicker select.monthselect,
html[data-theme="dark"] .daterangepicker select.yearselect,
html[data-theme="dark"] .daterangepicker select.hourselect,
html[data-theme="dark"] .daterangepicker select.minuteselect,
html[data-theme="dark"] .daterangepicker select.secondselect,
html[data-theme="dark"] .daterangepicker select.ampmselect {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: var(--dk-surface-2) !important;
    background-color: var(--dk-surface-2) !important;
    background-image: none !important;
    border: 1px solid var(--dk-border-strong) !important;
    border-radius: 6px !important;
    color: var(--dk-text) !important;
    color-scheme: dark;
    padding: 4px 8px !important;
}
html[data-theme="dark"] .daterangepicker select.monthselect option,
html[data-theme="dark"] .daterangepicker select.yearselect option {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .daterangepicker .drp-buttons,
html[data-theme="dark"] .daterangepicker.show-ranges .ranges,
html[data-theme="dark"] .daterangepicker.show-ranges.single.rtl .drp-calendar.left,
html[data-theme="dark"] .daterangepicker.show-ranges.single.ltr .drp-calendar.left,
html[data-theme="dark"] .daterangepicker.show-ranges.rtl .drp-calendar.right,
html[data-theme="dark"] .daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .daterangepicker .drp-selected {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .daterangepicker .drp-buttons .btn-default {
    background: transparent !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .daterangepicker .drp-buttons .btn-default:hover {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .daterangepicker .drp-buttons .btn-primary,
html[data-theme="dark"] .daterangepicker .drp-buttons .applyBtn {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .daterangepicker .drp-buttons .btn-primary:hover,
html[data-theme="dark"] .daterangepicker .drp-buttons .applyBtn:hover {
    background: var(--dk-accent-hover) !important;
    border-color: var(--dk-accent-hover) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .daterangepicker .ranges li {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .daterangepicker .ranges li:hover {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .daterangepicker .ranges li.active {
    background: var(--dk-accent) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .daterangepicker td.off,
html[data-theme="dark"] .daterangepicker td.off.in-range,
html[data-theme="dark"] .daterangepicker td.off.start-date,
html[data-theme="dark"] .daterangepicker td.off.end-date {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .daterangepicker td.available {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .daterangepicker td.in-range {
    background: rgba(34, 90, 234, 0.18) !important;
    background-color: rgba(34, 90, 234, 0.18) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .daterangepicker td.active,
html[data-theme="dark"] .daterangepicker td.active:hover,
html[data-theme="dark"] .daterangepicker td.start-date,
html[data-theme="dark"] .daterangepicker td.end-date,
html[data-theme="dark"] .daterangepicker td.start-date.end-date {
    background: var(--dk-accent) !important;
    background-color: var(--dk-accent) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] .daterangepicker td.available:hover,
html[data-theme="dark"] .daterangepicker th.available:hover {
    background: var(--dk-surface-2) !important;
    background-color: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .daterangepicker td.week,
html[data-theme="dark"] .daterangepicker th.week {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .daterangepicker td.disabled,
html[data-theme="dark"] .daterangepicker option.disabled {
    color: var(--dk-text-3) !important;
}

/* Ad preview modals (single-ad + ad-copy lists on brand details) */
html[data-theme="dark"] .brand-detail-page-shell .ad-copy-modal-instance .modal-container,
html[data-theme="dark"] .brand-detail-page-shell .single-ad-modal-instance .modal-container {
    background: var(--dk-surface) !important;
    color: var(--dk-text);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-copy-modal-instance .modal-header,
html[data-theme="dark"] .brand-detail-page-shell .single-ad-modal-instance .modal-header {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-copy-modal-instance .modal-title,
html[data-theme="dark"] .brand-detail-page-shell .single-ad-modal-instance .modal-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-copy-modal-instance .modal-close,
html[data-theme="dark"] .brand-detail-page-shell .single-ad-modal-instance .modal-close {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-copy-modal-instance .modal-close:hover,
html[data-theme="dark"] .brand-detail-page-shell .single-ad-modal-instance .modal-close:hover {
    color: var(--dk-text) !important;
    background: var(--dk-surface-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-copy-modal-instance .modal-body,
html[data-theme="dark"] .brand-detail-page-shell .single-ad-modal-instance .modal-body {
    background: var(--dk-bg) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-copy-modal-instance .loading-text,
html[data-theme="dark"] .brand-detail-page-shell .single-ad-modal-instance .loading-text {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-copy-modal-instance .modal-error,
html[data-theme="dark"] .brand-detail-page-shell .single-ad-modal-instance .modal-error {
    color: #f87171 !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-copy-modal-instance .modal-filter-bar {
    background: var(--dk-surface) !important;
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-copy-modal-instance .modal-filter-bar .filter-option {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-copy-modal-instance .modal-filter-bar .filter-option:hover {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-copy-modal-instance .modal-awareness-filter-menu .filter-option span:last-child {
    color: var(--dk-text-3) !important;
}

/* Untrack confirm + save-to-folder modals (inline white panels on brand details) */
html[data-theme="dark"] #brand-untrack-modal-overlay > div[role="dialog"] {
    background: var(--dk-surface) !important;
    color: var(--dk-text);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] #brand-untrack-modal-overlay h3 {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #brand-untrack-modal-overlay p {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #brand-untrack-modal-overlay button[onclick="closeUntrackBrandConfirmModal()"] {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-modal-box {
    background: var(--dk-surface) !important;
    color: var(--dk-text);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-modal-box h3 {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-modal-box [style*="border-bottom: 1px solid #F2F2F2"],
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-modal-box [style*="border-top: 1px solid #F2F2F2"] {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell #save-brand-details-close {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell #save-brand-details-close [stroke="#525866"] {
    stroke: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell #save-brand-details-search {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell #save-brand-details-search::placeholder {
    color: var(--dk-text-3);
}
html[data-theme="dark"] .brand-detail-page-shell #save-brand-details-list [style*="color: #000000"],
html[data-theme="dark"] .brand-detail-page-shell #save-brand-details-list [style*="color:#000000"] {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell #save-brand-details-create-folder {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .folder-item-overlay.save-details .folder-header-overlay:hover {
    background: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-modal-box .folder-name-overlay,
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-modal-box .board-item-overlay,
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-modal-box [style*="color: #525866"],
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-modal-box [style*="color:#525866"] {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-modal-box .board-item-overlay:hover,
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-modal-box .folder-header-overlay:hover {
    background-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-modal-box [stroke="#525866"],
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-modal-box [stroke="#99A0AE"] {
    stroke: var(--dk-text-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-modal-box .text-gray-600 {
    color: var(--dk-text-2) !important;
}

/* Ad rank filter tooltips with inline white backgrounds */
html[data-theme="dark"] .brand-detail-page-shell #ad-rank-filters-bar > .select-wrapper > div[id^="tooltipadrank"] {
    background-color: var(--dk-surface) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

/* Brand details — remaining black-on-black + white leaks (inline head styles load after dark-mode.css) */
html[data-theme="dark"] .brand-detail-page-shell .media-mix-icon,
html[data-theme="dark"] .brand-detail-page-shell .media-mix-count,
html[data-theme="dark"] .brand-detail-page-shell .media-mix-count .num-total,
html[data-theme="dark"] .brand-detail-page-shell .media-mix-ads-count .dot {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .media-mix-ads-count .dot {
    background: var(--dk-text-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-fresh-notice-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .top-insights-empty-fetching {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-tab-count {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-tab-btn.active .brand-tab-count {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .chart-fetching-state-content {
    background: rgba(21, 24, 30, 0.92) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .brand-detail-page-shell .time-pill-group {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .time-pill {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .time-pill:hover {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .time-pill.active {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
    box-shadow: inset 0 0 0 1px var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .landing-item-stats {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .landing-stat svg {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .landing-action-btn {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .landing-action-btn:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-ai-loader,
html[data-theme="dark"] .brand-detail-page-shell .brand-ai-panel-footer {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-btn-disabled,
html[data-theme="dark"] .brand-detail-page-shell .save-brand-details-btn-disabled:hover {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .card-body {
    background: var(--dk-surface) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .copy-text-expand {
    color: var(--dk-accent) !important;
}

/* Ad rank tab */
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-card {
    background: var(--dk-surface) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-card-title,
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-hide-btn {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-hide-btn:hover {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-context-strip,
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-active-filters {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-context-strip strong,
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-active-filters-label {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-filter-chip {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-filter-chip-label {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-filter-chip-remove {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-filter-chip-remove:hover {
    background: var(--dk-surface-3) !important;
    color: #f87171 !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-chart-plot {
    background: var(--dk-surface-deep) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-chart-empty {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-avatar-strip {
    border-top-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .ad-rank-avatar {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell #tab-ad-rank .ad-rank-filter-panel .text-gray-600 {
    color: var(--dk-text-2) !important;
}
/* Within-brand rank popover — overrides the high-specificity inline light styles
   in Branddetails.php (#tab-ad-rank .select-wrapper > div#tooltipadrankpool, etc.). */
html[data-theme="dark"] #tab-ad-rank .select-wrapper > div#tooltipadrankpool {
    background: linear-gradient(180deg, var(--dk-surface-2) 0%, var(--dk-surface) 100%) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-filter-panel .text-gray-600 {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-mode-pills {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-mode-pills .ad-rank-mode-pill {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-mode-pills .ad-rank-mode-pill:hover {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-mode-pills .ad-rank-mode-pill.active {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-input-grid .form-input {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-filter-panel .ad-rank-preset-pills .timeframe-pill {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-filter-panel .ad-rank-preset-pills .timeframe-pill:hover {
    background: var(--dk-surface-3) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-filter-panel .ad-rank-preset-pills .timeframe-pill.active {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] #tab-ad-rank .ad-rank-toolbar-divider {
    background: var(--dk-border-strong) !important;
}

/* Partnership ads tab */
html[data-theme="dark"] .brand-detail-page-shell .partnership-ads-intro,
html[data-theme="dark"] .brand-detail-page-shell .partnership-ads-launch-ago {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .partnership-ads-intro strong,
html[data-theme="dark"] .brand-detail-page-shell .partnership-ads-name-text {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .partnership-ads-logo,
html[data-theme="dark"] .brand-detail-page-shell .partnership-ads-example-thumb {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .partnership-ads-examples-empty {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .main-domain-pill {
    background: rgba(232, 184, 74, 0.12) !important;
    border-color: rgba(232, 184, 74, 0.35) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .main-domain-pill-label {
    color: #fbbf24 !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-live-ads-country-item,
html[data-theme="dark"] .brand-detail-page-shell .brand-live-ads-countries-popup-item {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-live-ads-countries-more,
html[data-theme="dark"] .brand-detail-page-shell .brand-live-ads-countries-popup-share {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .brand-live-ads-country-flag,
html[data-theme="dark"] .brand-detail-page-shell .brand-live-ads-countries-popup-flag {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .filter-btn svg {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell #ad-rank-spark-tooltip,
html[data-theme="dark"] .brand-detail-page-shell #ad-rank-chart-tooltip {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] #ad-rank-spark-tooltip {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .brand-detail-page-shell #ad-rank-spark-tooltip .ad-rank-spark-tip-date,
html[data-theme="dark"] #ad-rank-spark-tooltip .ad-rank-spark-tip-date,
html[data-theme="dark"] .brand-detail-page-shell #ad-rank-chart-tooltip .ad-rank-tip-date {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .brand-detail-page-shell #ad-rank-spark-tooltip .ad-rank-spark-tip-rank,
html[data-theme="dark"] #ad-rank-spark-tooltip .ad-rank-spark-tip-rank,
html[data-theme="dark"] .brand-detail-page-shell #ad-rank-chart-tooltip .ad-rank-tip-name,
html[data-theme="dark"] .brand-detail-page-shell #ad-rank-chart-tooltip .ad-rank-tip-meta,
html[data-theme="dark"] .brand-detail-page-shell #ad-rank-chart-tooltip .ad-rank-tip-rank strong {
    color: var(--dk-text) !important;
}

/* Inline hardcoded text colors in brand detail markup (exclude growth pings — background-color:#000 matches color:#000 substring) */
html[data-theme="dark"] .brand-detail-page-shell [style*="color: #000000"]:not(.adscore-ping),
html[data-theme="dark"] .brand-detail-page-shell [style*="color:#000000"]:not(.adscore-ping),
html[data-theme="dark"] .brand-detail-page-shell [style*="color: #00000"]:not(.adscore-ping),
html[data-theme="dark"] .brand-detail-page-shell [style*="color:#00000"]:not(.adscore-ping),
html[data-theme="dark"] .brand-detail-page-shell [style*="color: #1e293b"]:not(.adscore-ping),
html[data-theme="dark"] .brand-detail-page-shell [style*="color:#1e293b"]:not(.adscore-ping),
html[data-theme="dark"] .brand-detail-page-shell [style*="color: #334155"]:not(.adscore-ping),
html[data-theme="dark"] .brand-detail-page-shell [style*="color:#334155"]:not(.adscore-ping),
html[data-theme="dark"] .brand-detail-page-shell [style*="color: #0f172a"]:not(.adscore-ping),
html[data-theme="dark"] .brand-detail-page-shell [style*="color:#0f172a"]:not(.adscore-ping) {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell [style*="background: #fff"],
html[data-theme="dark"] .brand-detail-page-shell [style*="background:#fff"],
html[data-theme="dark"] .brand-detail-page-shell [style*="background: #ffffff"],
html[data-theme="dark"] .brand-detail-page-shell [style*="background:#ffffff"] {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .brand-detail-page-shell [style*="border: 1px solid #e2e8f0"],
html[data-theme="dark"] .brand-detail-page-shell [style*="border:1px solid #e2e8f0"] {
    border-color: var(--dk-border) !important;
}

/* Growth badges keep semantic colors */
html[data-theme="dark"] .brand-detail-page-shell .media-mix-growth.growth-hyper,
html[data-theme="dark"] .brand-detail-page-shell .media-mix-growth.growth-high {
    color: #34d399 !important;
}
html[data-theme="dark"] .brand-detail-page-shell .media-mix-growth.growth-up {
    color: #6ee7b7 !important;
}
html[data-theme="dark"] .brand-detail-page-shell .media-mix-growth.growth-down {
    color: #f87171 !important;
}
html[data-theme="dark"] .brand-detail-page-shell .media-mix-growth.growth-stable {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .brand-detail-page-shell .media-mix-growth-label {
    color: inherit !important;
}
html[data-theme="dark"] .brand-detail-page-shell .media-mix-growth .adscore-ping:not([style*="background-color"]) {
    background-color: var(--dk-surface-3) !important;
}

/* ============================================================================
   Home (Home.php)
   ========================================================================== */

html[data-theme="dark"] .wh-home-page {
    background-color: transparent !important;
    background: transparent !important;
}
html[data-theme="dark"] .wh-home-page .wh-greeting,
html[data-theme="dark"] .wh-home-page .wh-subheading,
html[data-theme="dark"] .wh-home-page .wh-card-desc,
html[data-theme="dark"] .wh-home-page .wh-pill-desc {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .wh-home-page .wh-heading,
html[data-theme="dark"] .wh-home-page .wh-card-title,
html[data-theme="dark"] .wh-home-page .wh-pill-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .wh-home-page .wh-section-label,
html[data-theme="dark"] .wh-home-page .wh-pill-eyebrow,
html[data-theme="dark"] .wh-home-page .wh-card-arrow,
html[data-theme="dark"] .wh-home-page .wh-pill-arrow {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .wh-home-page .wh-shell {
    background-color: var(--dk-surface) !important;
    background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.04) 1px, transparent 0) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .wh-home-page .wh-card,
html[data-theme="dark"] .wh-home-page .wh-pill-card {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .wh-home-page .wh-card:hover,
html[data-theme="dark"] .wh-home-page .wh-pill-card:hover {
    border-color: rgba(34, 90, 234, 0.45) !important;
    box-shadow: 0 16px 42px -20px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .wh-home-page .wh-card-icon,
html[data-theme="dark"] .wh-home-page .wh-pill-thumb {
    background: linear-gradient(165deg, rgba(34, 90, 234, 0.14) 0%, rgba(34, 90, 234, 0.08) 100%) !important;
    border-color: rgba(34, 90, 234, 0.22) !important;
}
html[data-theme="dark"] .wh-home-page .wh-card-arrow,
html[data-theme="dark"] .wh-home-page .wh-pill-arrow {
    background: var(--dk-surface-deep) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .wh-home-page .wh-card:hover .wh-card-arrow,
html[data-theme="dark"] .wh-home-page .wh-pill-card:hover .wh-pill-arrow {
    color: var(--dk-accent) !important;
    background: rgba(34, 90, 234, 0.12) !important;
    border-color: rgba(34, 90, 234, 0.28) !important;
}
html[data-theme="dark"] .wh-home-page .wh-pill-thumb-live::after {
    box-shadow: 0 0 0 2px var(--dk-surface-2) !important;
}

/* ============================================================================
   Subscription (Subscription.php + pricing.php)
   ========================================================================== */

html[data-theme="dark"] .subscription-page-shell,
html[data-theme="dark"] .subscription-page-shell .page-wrapper {
    background-color: var(--dk-bg) !important;
}
html[data-theme="dark"] .subscription-page-shell .section_pricing,
html[data-theme="dark"] .subscription-page-shell .pricing-section {
    color: var(--dk-text);
}
html[data-theme="dark"] .subscription-page-shell .heading-style-h1,
html[data-theme="dark"] .subscription-page-shell .common-heading h2,
html[data-theme="dark"] .subscription-page-shell .pricing-box-wrap h3,
html[data-theme="dark"] .subscription-page-shell .pricing-box-wrap .media h6,
html[data-theme="dark"] .subscription-page-shell .price-main-header h6 {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .subscription-page-shell .common-heading p,
html[data-theme="dark"] .subscription-page-shell .pricing-box-wrap p,
html[data-theme="dark"] .subscription-page-shell .pricing-box-wrap ul li,
html[data-theme="dark"] .subscription-page-shell .pricing-box-wrap .pricing-billing-note {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .subscription-page-shell .pricing-box-wrap {
    background: var(--dk-surface) !important;
    border: 1px solid var(--dk-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .subscription-page-shell .pricing-box-wrap button {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .subscription-page-shell .pricing-box-wrap button.btn-plan-primary {
    background: var(--dk-accent) !important;
    border-color: var(--dk-accent) !important;
    color: #fff !important;
}
html[data-theme="dark"] .subscription-page-shell .pricing-box-wrap button:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .subscription-page-shell .pricing-box-wrap button.btn-plan-primary:hover {
    background: var(--dk-accent-hover) !important;
    border-color: var(--dk-accent-hover) !important;
    color: #fff !important;
}
html[data-theme="dark"] .subscription-page-shell .price-main-header .nav {
    background: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border) !important;
    padding: 4px !important;
    border-radius: 10px !important;
}
html[data-theme="dark"] .subscription-page-shell .price-main-header .nav .nav-item .nav-link {
    background: transparent !important;
    color: var(--dk-text-3, #94a3b8) !important;
    border: 1px solid transparent !important;
    font-weight: 500 !important;
}
html[data-theme="dark"] .subscription-page-shell .price-main-header .nav .nav-item .nav-link:hover {
    color: var(--dk-text) !important;
    background: rgba(255, 255, 255, 0.04) !important;
}
html[data-theme="dark"] .subscription-page-shell .price-main-header .nav .nav-item .nav-link.active {
    background: var(--dk-accent) !important;
    color: #fff !important;
    border-color: var(--dk-accent) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="dark"] .subscription-page-shell .price-main-header .nav .nav-item .nav-link.active .tab-discount-pill {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
html[data-theme="dark"] .subscription-page-shell .pricing-feature-info {
    color: var(--dk-text-3, #94a3b8) !important;
}
html[data-theme="dark"] .subscription-page-shell .pricing-feature-info:hover {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .subscription-page-shell .pricing-feature-info-tooltip {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
    border: 1px solid var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}
html[data-theme="dark"] .subscription-page-shell .pricing-feature-info-tooltip::after {
    border-top-color: var(--dk-surface-3) !important;
}
html[data-theme="dark"] .subscription-page-shell .partner-discount-label {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #6ee7b7 !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
}
html[data-theme="dark"] .subscription-page-shell .tab-discount-pill,
html[data-theme="dark"] .subscription-page-shell .tab-most-popular-pill,
html[data-theme="dark"] .subscription-page-shell .pricing-box-wrap .media .tab-most-popular-pill {
    background: rgba(125, 82, 244, 0.15) !important;
    color: #c4b5fd !important;
    border-color: rgba(125, 82, 244, 0.35) !important;
}
html[data-theme="dark"] .subscription-page-shell .common-heading [style*="background: #f8f9fa"],
html[data-theme="dark"] .subscription-page-shell .common-heading [style*="background:#f8f9fa"] {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .subscription-page-shell .common-heading [style*="color: #495057"],
html[data-theme="dark"] .subscription-page-shell .common-heading [style*="color:#495057"],
html[data-theme="dark"] .subscription-page-shell .common-heading [style*="color: #6c757d"],
html[data-theme="dark"] .subscription-page-shell .common-heading [style*="color:#6c757d"] {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .subscription-page-shell .common-heading strong[style*="color: #007bff"],
html[data-theme="dark"] .subscription-page-shell .common-heading strong[style*="color:#007bff"] {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .subscription-page-shell [style*="color:#225AEA"],
html[data-theme="dark"] .subscription-page-shell [style*="color: #225AEA"] {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .subscription-page-shell .badge.text-bg-primary {
    background: rgba(34, 90, 234, 0.2) !important;
    color: var(--dk-accent) !important;
}

/* ============================================================================
   Announcements modal (AnnouncementsModal.php + announcements.css)
   ========================================================================== */

html[data-theme="dark"] .ann-modal-container {
    background: var(--dk-surface) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] .ann-modal-splash {
    background: var(--dk-surface) !important;
}
html[data-theme="dark"] .ann-main-title,
html[data-theme="dark"] .ann-item-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ann-btn-propose {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .ann-btn-propose:hover {
    background: var(--dk-surface-3) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ann-modal-close:hover svg {
    stroke: var(--dk-text) !important;
}
html[data-theme="dark"] .ann-modal-scroll::-webkit-scrollbar-thumb {
    background: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .ann-badge-new {
    background: rgba(34, 90, 234, 0.15) !important;
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] .ann-date,
html[data-theme="dark"] .ann-caught-up p {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .ann-media-wrapper {
    background: var(--dk-surface-2) !important;
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .ann-media-wrapper .swiper-button-next,
html[data-theme="dark"] .ann-media-wrapper .swiper-button-prev {
    background-color: rgba(21, 24, 30, 0.9) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ann-markdown {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .ann-markdown h1,
html[data-theme="dark"] .ann-markdown h2,
html[data-theme="dark"] .ann-markdown h3,
html[data-theme="dark"] .ann-markdown h4,
html[data-theme="dark"] .ann-markdown strong,
html[data-theme="dark"] .ann-markdown b {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ann-markdown h2 {
    border-bottom-color: var(--dk-border) !important;
}
html[data-theme="dark"] .ann-markdown blockquote {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] .ann-markdown code {
    background: var(--dk-surface-2) !important;
    color: #f87171 !important;
}
html[data-theme="dark"] .ann-markdown th {
    background: var(--dk-surface-2) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] .ann-markdown th,
html[data-theme="dark"] .ann-markdown td {
    border-color: var(--dk-border) !important;
}
html[data-theme="dark"] .ann-markdown ul li input[type="checkbox"] {
    background-color: var(--dk-surface-2) !important;
    border-color: var(--dk-border-strong) !important;
}
html[data-theme="dark"] .ann-markdown del {
    color: var(--dk-text-3) !important;
}
html[data-theme="dark"] .ann-divider {
    opacity: 0.35;
}
html[data-theme="dark"] .ann-markdown a.ann-discord-btn,
html[data-theme="dark"] .ann-markdown a.ann-cta-btn {
    background: var(--dk-accent) !important;
    color: #ffffff !important;
    border-bottom-color: transparent !important;
}
html[data-theme="dark"] .ann-markdown a.ann-discord-btn:hover,
html[data-theme="dark"] .ann-markdown a.ann-cta-btn:hover {
    background: var(--dk-accent-hover) !important;
    color: #ffffff !important;
    opacity: 1 !important;
}
html[data-theme="dark"] .ann-fab {
    background: var(--dk-accent) !important;
    color: #fff !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .ann-fab:hover,
html[data-theme="dark"] .ann-fab--open {
    background: var(--dk-accent-hover) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .ann-fab-badge {
    background: #ef4444 !important;
    box-shadow: 0 0 0 2px var(--dk-accent) !important;
}
html[data-theme="dark"] .ann-fab--open .ann-fab-badge {
    box-shadow: 0 0 0 2px var(--dk-accent-hover) !important;
}

/* ── Global notifications / toasts (late override for page inline styles) ── */
html[data-theme="dark"] body.store-detail-page-shell > #notification.notification,
html[data-theme="dark"] body > #notification.notification,
html[data-theme="dark"] body.store-detail-page-shell > .notification,
html[data-theme="dark"] body > .notification {
    background-color: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
    color: var(--dk-text) !important;
}
html[data-theme="dark"] body > #notification .notifiation-wrapper,
html[data-theme="dark"] body > .notification .notifiation-wrapper {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] body > #notification .notification-title,
html[data-theme="dark"] body > .notification .notification-title {
    color: var(--dk-text) !important;
}
html[data-theme="dark"] body > #notification .notification-description,
html[data-theme="dark"] body > .notification .notification-description {
    color: var(--dk-text-2) !important;
}
html[data-theme="dark"] body > .auth-toast .auth-toast-content {
    background-color: var(--dk-surface-2) !important;
    border: 1px solid var(--dk-border-strong) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] body > .auth-toast .auth-toast-icon {
    background-color: rgba(34, 90, 234, 0.15) !important;
}
html[data-theme="dark"] body > .auth-toast .auth-toast-icon svg {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] body > .auth-toast .auth-toast-message {
    color: var(--dk-text) !important;
    border-left-color: var(--dk-border) !important;
}
html[data-theme="dark"] body > .auth-toast .auth-toast-link {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] body > .auth-toast .auth-toast-link:hover {
    color: var(--dk-accent) !important;
}
html[data-theme="dark"] body > .fixed.top-4.right-4.bg-red-50,
html[data-theme="dark"] body > .fixed.top-4.right-4.border-red-200 {
    background-color: rgba(239, 68, 68, 0.12) !important;
    border-color: rgba(239, 68, 68, 0.35) !important;
}
html[data-theme="dark"] body > .fixed.top-4.right-4.bg-red-50 .text-red-700,
html[data-theme="dark"] body > .fixed.top-4.right-4.border-red-200 .text-red-700 {
    color: #fca5a5 !important;
}
html[data-theme="dark"] body > .fixed.top-4.right-4.bg-red-50 .text-red-500,
html[data-theme="dark"] body > .fixed.top-4.right-4.border-red-200 .text-red-500 {
    color: #f87171 !important;
}
html[data-theme="dark"] #toast-container > div.bg-green-500,
html[data-theme="dark"] #toast-container > div.bg-red-500 {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

/* Direct trigger ID:hover — full path beats resting #id + :not(.open) rules (Landers MAE + rules buttons). */
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #visitorsCountryFilterTrigger:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adCountryFilterTrigger:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adLanguageFilterTrigger:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersNicheRulesTrigger:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersPageTypeRulesTrigger:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersAdGrowthTrigger:hover,
html[data-theme="dark"] .explore-filters-scope .filters-group #nicheCategoryFilterTrigger:hover,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #visitorsCountryFilterTrigger:hover,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adCountryFilterTrigger:hover,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adLanguageFilterTrigger:hover,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersNicheRulesTrigger:hover,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersPageTypeRulesTrigger:hover,
html[data-theme="dark"] .landers-page-wrapper .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersAdGrowthTrigger:hover,
html[data-theme="dark"] .new-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #visitorsCountryFilterTrigger:hover,
html[data-theme="dark"] .new-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adCountryFilterTrigger:hover,
html[data-theme="dark"] .new-page-wrapper .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adLanguageFilterTrigger:hover,
html[data-theme="dark"] .new-page-wrapper .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersNicheRulesTrigger:hover,
html[data-theme="dark"] .new-page-wrapper .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersPageTypeRulesTrigger:hover,
html[data-theme="dark"] .new-page-wrapper .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersAdGrowthTrigger:hover,
html[data-theme="dark"] .std-similar-explore-mount .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #visitorsCountryFilterTrigger:hover,
html[data-theme="dark"] .std-similar-explore-mount .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adCountryFilterTrigger:hover,
html[data-theme="dark"] .std-similar-explore-mount .explore-filters-scope .filters-group .visitors-country-filter-wrapper:not(.select-wrapper) > #adLanguageFilterTrigger:hover,
html[data-theme="dark"] .std-similar-explore-mount .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersNicheRulesTrigger:hover,
html[data-theme="dark"] .std-similar-explore-mount .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersPageTypeRulesTrigger:hover,
html[data-theme="dark"] .std-similar-explore-mount .explore-filters-scope .filters-group .landers-rules-filter-wrapper > #landersAdGrowthTrigger:hover {
    background-color: var(--dk-surface-3) !important;
    background: var(--dk-surface-3) !important;
    border-color: rgba(34, 90, 234, 0.58) !important;
    color: var(--dk-text) !important;
    -webkit-text-fill-color: var(--dk-text) !important;
    box-shadow: none !important;
    outline: none !important;
}