/* ============================================================================
 * search-dark.css — PAGE-SPECIFIC dark overrides for radar/public/search.php
 * ----------------------------------------------------------------------------
 * Loaded AFTER radar-dark.css. Holds ONLY the search-page chrome that
 * radar-dark.css can't reach generically: hardcoded-light inline-<style>
 * rules (most carry !important + light hex) and Tailwind arbitrary-value
 * utilities (bg-[#fcf9f4] / bg-white / text-[#705d00] …) baked into the
 * toolbar, ticker, bulk bar, refine strip, cols menu, contact popover, and
 * the JS-rendered result-card internals (zeroscroll buttons, .bottom_nav,
 * .radar-cta, [id^="alternatives_"]). All selectors are scoped under
 * html[data-theme="dark"] so light mode is untouched. Tokens come from
 * radar-dark.css :root.
 * ========================================================================== */

/* ----------------------------------------------------------------------------
 * 1. TOP NAV — secondary chrome the generic nav block doesn't cover
 * -------------------------------------------------------------------------- */
/* Nav background uses a Tailwind arbitrary utility bg-[#fcf9f4]/85; the generic
 * nav.fixed rule already darkens it. The mode pill group + outline CTAs below
 * still carry light Tailwind utilities. */
html[data-theme="dark"] nav.fixed .bg-\[\#f0ede8\] {
  background: var(--d-tab-track) !important;
}
html[data-theme="dark"] nav.fixed a.bg-white,
html[data-theme="dark"] nav.fixed .bg-white {
  background: var(--d-accent-tab-bg) !important; color: var(--d-text) !important;
}
/* Outline nav buttons (Shortlist / Saved / etc.) */
html[data-theme="dark"] nav.fixed a.border-\[\#d0c6ab\] {
  border-color: var(--d-border-glass) !important; color: var(--d-text-3) !important;
}
html[data-theme="dark"] nav.fixed a.border-\[\#d0c6ab\]:hover {
  background: rgba(255,255,255,0.05) !important; color: var(--d-accent) !important;
}

/* ----------------------------------------------------------------------------
 * 2. RESULTS TOOLBAR (sticky bar under nav) — bg-white + light controls
 * -------------------------------------------------------------------------- */
/* The toolbar row is `bg-white border-b border-[#d0c6ab]/20 sticky`. Match the
 * darkened nav so it reads as one continuous header band. */
html[data-theme="dark"] .bg-white.border-b {
  background: rgba(20,20,18,0.85) !important;
  border-bottom: 1px solid var(--d-border-glass) !important;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
html[data-theme="dark"] #results-count-text,
html[data-theme="dark"] .text-\[\#4d4732\]\/60,
html[data-theme="dark"] .text-\[\#4d4732\]\/70 { color: var(--d-text-3) !important; }
html[data-theme="dark"] .text-\[\#1c1c19\] { color: var(--d-text) !important; }

/* Toolbar brand square + icon */
html[data-theme="dark"] #toolbar-search-icon { background: var(--d-accent) !important; }
html[data-theme="dark"] #toolbar-search-icon .material-symbols-outlined { color: var(--d-accent-ink) !important; }

/* Sort <select> + generic light selects in the toolbar */
html[data-theme="dark"] #sort-select {
  background: var(--d-control-bg) !important; color: var(--d-text) !important;
  border: 1px solid var(--d-border-input) !important;
}
html[data-theme="dark"] #sort-select:focus { border-color: var(--d-accent-soft) !important; }

/* "Select all" / Columns / Export light pill buttons (bg-[#f0ede8]) */
html[data-theme="dark"] #bulk-select-all-wrap,
html[data-theme="dark"] #cols-menu-btn,
html[data-theme="dark"] #export-btn {
  background: var(--d-chip-bg) !important; color: var(--d-text-2) !important;
}
html[data-theme="dark"] #bulk-select-all-wrap:hover,
html[data-theme="dark"] #cols-menu-btn:hover,
html[data-theme="dark"] #export-btn:hover { background: rgba(255,255,255,0.06) !important; color: var(--d-accent) !important; }

/* ----------------------------------------------------------------------------
 * 3. VIEW-MODE SEGMENTED CONTROL (.view-mode-btn) — light hex, no !important
 * -------------------------------------------------------------------------- */
html[data-theme="dark"] #view-mode-group {
  background: var(--d-control-bg) !important; border-color: var(--d-border-glass) !important;
}
html[data-theme="dark"] .view-mode-btn { color: var(--d-text-3); border-right-color: var(--d-border-glass); }
html[data-theme="dark"] .view-mode-btn:hover { background: rgba(255,255,255,0.05); color: var(--d-accent); }
html[data-theme="dark"] .view-mode-btn.view-mode-active { background: var(--d-accent); color: var(--d-accent-ink); }
html[data-theme="dark"] .view-mode-btn.view-mode-active:hover { background: #e9ea9a; color: var(--d-accent-ink); }

/* Results-per-page toggle (.rpp-btn) — light hex */
html[data-theme="dark"] #results-per-page-toggle { background: var(--d-control-bg); }
html[data-theme="dark"] .rpp-btn { background: transparent; color: var(--d-text-3); }
html[data-theme="dark"] .rpp-btn.active,
html[data-theme="dark"] .rpp-btn:hover { background: var(--d-accent); color: var(--d-accent-ink); }

/* Filter counter badge */
html[data-theme="dark"] #filter-counter-badge { background: var(--d-accent); color: var(--d-accent-ink); }

/* ----------------------------------------------------------------------------
 * 4. NAVBAR SMART-SEARCH BOX (#nav_smart_box) — light pill
 * The generic sheet styles #smart_query_box / #smart_submit_btn already; the
 * pill *shell* + mode select still carry light hex here.
 * -------------------------------------------------------------------------- */
html[data-theme="dark"] #nav_smart_box {
  background: var(--d-control-bg); border: 1px solid var(--d-border-input);
}
html[data-theme="dark"] #nav_smart_box:hover { border-color: var(--d-accent-soft); }
html[data-theme="dark"] #nav_smart_box.nss-open,
html[data-theme="dark"] #nav_smart_box:focus-within {
  border-color: var(--d-accent-soft); box-shadow: 0 0 0 3px rgba(222,224,115,0.15);
}
html[data-theme="dark"] #nav_smart_box .nss-search-icon { color: var(--d-text-muted); }
html[data-theme="dark"] #nav_smart_box .nss-mode-select { color: var(--d-accent); }
html[data-theme="dark"] #nav_smart_box .nss-mode-select option { background: #252523; color: var(--d-text); }

/* Smart-search content band background when chips are present */
html[data-theme="dark"] #radar_smart_search.has-chips {
  background: rgba(255,255,255,0.025);
  border-bottom: 1px solid var(--d-border-glass);
}

/* ----------------------------------------------------------------------------
 * 5. QUERY-INSIGHTS BAR + chips (.insight-chip / .stage-pill)
 * -------------------------------------------------------------------------- */
html[data-theme="dark"] #query-insights-bar {
  background: var(--d-surface-grad) !important; border: 1px solid var(--d-border-glass) !important;
}
html[data-theme="dark"] .insight-chip {
  background: var(--d-chip-bg); border: 1px solid var(--d-border-glass); color: var(--d-text-2);
}
html[data-theme="dark"] .insight-chip:hover { background: var(--d-accent); color: var(--d-accent-ink); border-color: var(--d-accent); }
html[data-theme="dark"] .insight-chip .count { color: var(--d-text-muted); }

html[data-theme="dark"] .stage-pill { background: var(--d-chip-bg); color: var(--d-text-2); }
html[data-theme="dark"] .stage-pill.active { background: var(--d-accent); color: var(--d-accent-ink); border-color: var(--d-accent); }
html[data-theme="dark"] .stage-pill:hover:not(.active) { border-color: var(--d-accent-soft); color: var(--d-accent); }

/* ----------------------------------------------------------------------------
 * 6. EMPTY / ZERO STATE
 * -------------------------------------------------------------------------- */
html[data-theme="dark"] #empty-state .bg-\[\#f0ede8\] { background: var(--d-chip-bg) !important; }
html[data-theme="dark"] #empty-state .material-symbols-outlined { color: var(--d-accent) !important; }
html[data-theme="dark"] #empty-state h2 { color: var(--d-text) !important; }
html[data-theme="dark"] #empty-state p { color: var(--d-text-3) !important; }

/* Short-query notice (yellow-tint already; align border) */
html[data-theme="dark"] #short-query-notice { color: var(--d-accent) !important; }

/* ----------------------------------------------------------------------------
 * 7. BULK-ACTIONS BAR (inline style background:#f0ede8)
 * -------------------------------------------------------------------------- */
html[data-theme="dark"] #bulk-actions-bar {
  background: var(--d-surface-grad) !important;
  border-color: var(--d-border-glass) !important;
}
html[data-theme="dark"] #bulk-selected-count { color: var(--d-accent) !important; }
html[data-theme="dark"] #bulk-actions-bar .bg-\[\#705d00\] { background: var(--d-accent) !important; color: var(--d-accent-ink) !important; }
html[data-theme="dark"] #bulk-actions-bar .bg-\[\#705d00\]:hover { background: #e9ea9a !important; }
html[data-theme="dark"] #bulk-actions-bar .bg-white { background: var(--d-chip-bg) !important; color: var(--d-text-2) !important; }
html[data-theme="dark"] #bulk-actions-bar .bg-white:hover,
html[data-theme="dark"] #bulk-actions-bar .bg-transparent:hover { background: rgba(255,255,255,0.06) !important; }
html[data-theme="dark"] #bulk-actions-bar .text-\[\#705d00\] { color: var(--d-accent) !important; }
html[data-theme="dark"] #bulk-actions-bar .text-\[\#4d4732\] { color: var(--d-text-2) !important; }

/* ----------------------------------------------------------------------------
 * 8. REFINE STRIP (#refine-strip-wrap + .refine-chip)
 * -------------------------------------------------------------------------- */
html[data-theme="dark"] #refine-strip-wrap {
  background: var(--d-surface-grad) !important;
  border: 1px solid var(--d-border-glass) !important;
  box-shadow: var(--d-shadow-card) !important;
}
html[data-theme="dark"] #refine-strip-wrap:not(.refine-collapsed) .refine-strip-header { border-bottom-color: var(--d-border-glass); }
html[data-theme="dark"] .refine-strip-header:hover { background: rgba(255,255,255,0.03); }
html[data-theme="dark"] .refine-strip-title { color: var(--d-accent); }
html[data-theme="dark"] .refine-strip-title-applied { color: var(--d-text-muted); }
html[data-theme="dark"] .refine-strip-toggle { color: var(--d-accent); }
html[data-theme="dark"] .refine-strip-header:hover .refine-strip-toggle { background: var(--d-accent-tab-bg); }
html[data-theme="dark"] .refine-strip-label { color: var(--d-text-muted); }
html[data-theme="dark"] #refine-strip-row-active .refine-strip-label { color: var(--d-accent); }
html[data-theme="dark"] .refine-chip {
  background: var(--d-chip-bg); border: 1px solid var(--d-border-glass); color: var(--d-text-2);
}
html[data-theme="dark"] .refine-chip:hover {
  background: rgba(255,255,255,0.06); border-color: var(--d-accent-soft); color: var(--d-text);
  box-shadow: none;
}
html[data-theme="dark"] .refine-chip-active { background: var(--d-accent); border-color: var(--d-accent); color: var(--d-accent-ink); }
html[data-theme="dark"] .refine-chip-active:hover { background: #e9ea9a; border-color: #e9ea9a; color: var(--d-accent-ink); }
html[data-theme="dark"] .refine-strip-chips::-webkit-scrollbar-thumb { background: rgba(222,224,115,0.22); }

/* ----------------------------------------------------------------------------
 * 9. "SHOW COLUMNS" MENU (#cols-menu-panel) + .rec-chip data points
 * -------------------------------------------------------------------------- */
html[data-theme="dark"] #cols-menu-panel {
  background: #1c1c1a; border: 1px solid var(--d-border-glass);
  box-shadow: 0 10px 28px rgba(0,0,0,0.45);
}
html[data-theme="dark"] #cols-menu-panel .cols-menu-head { color: var(--d-accent); }
html[data-theme="dark"] .cols-menu-item { color: var(--d-text-2); }
html[data-theme="dark"] .cols-menu-item:hover { background: rgba(255,255,255,0.05); }
html[data-theme="dark"] .cols-menu-item input { accent-color: var(--d-accent); }
html[data-theme="dark"] .rec-chip {
  background: var(--d-chip-bg); border: 1px solid var(--d-border-glass); color: var(--d-text-2);
}
html[data-theme="dark"] .rec-chip b { color: var(--d-accent); }

/* Mobile Columns bottom-sheet (#cols-menu-panel.cols-menu-sheet) + backdrop +
 * close button. The sheet itself is teleported to <body> and turned fixed by
 * the inline mobile @media in search.php; here we only theme it for dark. */
html[data-theme="dark"] #cols-menu-panel.cols-menu-sheet {
  background: #1c1c1a;
  border-color: var(--d-border-glass);
  box-shadow: 0 -10px 30px rgba(0,0,0,0.55);
}
html[data-theme="dark"] #cols-menu-panel.cols-menu-sheet .cols-menu-item {
  border-bottom-color: rgba(255,255,255,0.07);
}
html[data-theme="dark"] .cols-sheet-close { color: var(--d-text-2); }
html[data-theme="dark"] .cols-sheet-close:hover { background: rgba(255,255,255,0.06); }
html[data-theme="dark"] #cols-menu-backdrop { background: rgba(0,0,0,0.6); }
html[data-theme="dark"] #company_filter_search_results.table-view .radar-extra-cols {
  border-top-color: rgba(255,255,255,0.07) !important;
}

/* ----------------------------------------------------------------------------
 * 10. RESULT-CARD INTERNALS (rendered by JS) — generic sheet styles the card
 * shell; these inner bits keep light hex + !important inline.
 * -------------------------------------------------------------------------- */
/* Chip scroller buttons (.zeroscroll button) */
html[data-theme="dark"] .result_boxes_companies .zeroscroll button {
  background: var(--d-chip-bg) !important; color: var(--d-text-2) !important;
  border: 1px solid var(--d-border-glass) !important;
}
html[data-theme="dark"] .result_boxes_companies .zeroscroll button:hover {
  background: rgba(255,255,255,0.06) !important; border-color: var(--d-accent-soft) !important;
}
/* Offerings/products chips already covered by .jost.hover in radar-dark.css */

/* Icon-only card CTAs (.radar-cta) */
html[data-theme="dark"] .result_boxes_companies .radar-card-actions .radar-cta {
  background: var(--d-chip-bg) !important; color: var(--d-text-2) !important;
  border: 1px solid var(--d-border-glass) !important;
}
html[data-theme="dark"] .result_boxes_companies .radar-card-actions .radar-cta:hover {
  background: rgba(255,255,255,0.06) !important; color: var(--d-accent) !important;
}
html[data-theme="dark"] .result_boxes_companies .radar-card-actions .radar-cta-primary,
html[data-theme="dark"] .result_boxes_companies .radar-card-actions .radar-cta-active {
  background: var(--d-accent) !important; border-color: var(--d-accent) !important; color: var(--d-accent-ink) !important;
}
html[data-theme="dark"] .result_boxes_companies .radar-card-actions .radar-cta-primary:hover {
  background: #e9ea9a !important; color: var(--d-accent-ink) !important;
}
html[data-theme="dark"] .result_boxes_companies .radar-card-actions .radar-cta.radar-cta-loading {
  background: var(--d-chip-bg) !important; color: var(--d-accent) !important; border-color: var(--d-accent-soft) !important;
}

/* Competitors / "Similar companies" strip ([id^="alternatives_"]) */
html[data-theme="dark"] .result_boxes_companies [id^="alternatives_"] { border-top-color: var(--d-border-glass) !important; }
html[data-theme="dark"] .result_boxes_companies [id^="alternatives_"]:not(:empty)::before { color: var(--d-accent) !important; }
html[data-theme="dark"] .result_boxes_companies [id^="alternatives_"] > div {
  background: rgba(255,255,255,0.03) !important; border: 1px solid var(--d-border-glass) !important;
}
html[data-theme="dark"] .result_boxes_companies [id^="alternatives_"] img {
  background: #2a2a28 !important; border: 1px solid var(--d-border-glass) !important;
}
html[data-theme="dark"] .result_boxes_companies [id^="alternatives_"] h4 { color: var(--d-text) !important; }
html[data-theme="dark"] .result_boxes_companies [id^="alternatives_"] h4 a { color: var(--d-accent) !important; }
html[data-theme="dark"] .result_boxes_companies [id^="alternatives_"] p { color: var(--d-text-3) !important; }
html[data-theme="dark"] .result_boxes_companies [id^="alternatives_"] > div > .zeroscroll span,
html[data-theme="dark"] .result_boxes_companies [id^="alternatives_"] > div > .zeroscroll button {
  background: var(--d-chip-bg) !important; color: var(--d-text-2) !important; border: 1px solid var(--d-border-glass) !important;
}

/* Table-view row separators + hover */
html[data-theme="dark"] #company_filter_search_results.table-view {
  border-color: var(--d-border-glass) !important; background: transparent !important;
}
html[data-theme="dark"] #company_filter_search_results.table-view .result_boxes_companies {
  border-bottom-color: var(--d-border-glass) !important;
}
html[data-theme="dark"] #company_filter_search_results.table-view .result_boxes_companies:hover {
  background: rgba(255,255,255,0.03) !important;
}

/* Pagination strip (.bottom_nav) */
html[data-theme="dark"] .bottom_nav { border-top-color: var(--d-border-glass) !important; }
html[data-theme="dark"] .bottom_nav .btn,
html[data-theme="dark"] .bottom_nav .action_button {
  border: 1px solid var(--d-border-glass) !important; color: var(--d-text-2) !important; background: var(--d-chip-bg) !important;
}
html[data-theme="dark"] .bottom_nav .btn-primary,
html[data-theme="dark"] .bottom_nav .btn.btn-primary {
  background: var(--d-accent) !important; border-color: var(--d-accent) !important; color: var(--d-accent-ink) !important;
}
html[data-theme="dark"] .bottom_nav .btn-primary:hover { background: #e9ea9a !important; }
html[data-theme="dark"] .bottom_nav .btn-secondary,
html[data-theme="dark"] .bottom_nav .btn.btn-secondary {
  background: var(--d-chip-bg) !important; border-color: var(--d-border-glass) !important; color: var(--d-text-2) !important;
}
html[data-theme="dark"] .bottom_nav .btn-secondary:hover { background: rgba(255,255,255,0.06) !important; }

/* Hide the legacy "we have email/phone" badges stays as-is (display:none) */

/* ----------------------------------------------------------------------------
 * 11. PRO CONTACT-REVEAL POPOVER (.radar-contact-pop) + upgrade toast
 * -------------------------------------------------------------------------- */
html[data-theme="dark"] .radar-contact-pop {
  background: #1c1c1a; border: 1px solid var(--d-border-glass);
  box-shadow: 0 10px 30px rgba(0,0,0,0.5); color: var(--d-text-2);
}
html[data-theme="dark"] .radar-contact-pop .rcp-head { color: var(--d-accent); }
html[data-theme="dark"] .radar-contact-pop .rcp-close { color: var(--d-text-muted); }
html[data-theme="dark"] .radar-contact-pop .rcp-close:hover { color: var(--d-accent); }
html[data-theme="dark"] .radar-contact-pop .rcp-label { color: var(--d-text-muted); }
html[data-theme="dark"] .radar-contact-pop .rcp-chip {
  background: var(--d-chip-bg); border: 1px solid var(--d-border-glass);
}
html[data-theme="dark"] .radar-contact-pop .rcp-chip a { color: var(--d-text-2); }
html[data-theme="dark"] .radar-contact-pop .rcp-chip a:hover { color: var(--d-accent); }
html[data-theme="dark"] .radar-contact-pop .rcp-copy { color: var(--d-accent); }
html[data-theme="dark"] .radar-contact-pop .rcp-copy:hover { color: #e9ea9a; }
html[data-theme="dark"] .radar-contact-pop .rcp-person { color: var(--d-text-2); }
html[data-theme="dark"] .radar-contact-pop .rcp-person .rcp-person-title { color: var(--d-text-muted); }
html[data-theme="dark"] .radar-contact-pop .rcp-empty { color: var(--d-text-muted); }

html[data-theme="dark"] .radar-upgrade-toast {
  background: #1c1c1a; color: var(--d-text); border: 1px solid var(--d-accent-tab-line);
  border-left: 4px solid var(--d-accent); box-shadow: 0 6px 24px rgba(0,0,0,0.5);
}
html[data-theme="dark"] .radar-upgrade-toast .rut-link { background: var(--d-accent); color: var(--d-accent-ink); }
html[data-theme="dark"] .radar-upgrade-toast .rut-link:hover { background: #e9ea9a; }
html[data-theme="dark"] .radar-upgrade-toast .rut-close { color: var(--d-text-muted); }
html[data-theme="dark"] .radar-upgrade-toast .rut-close:hover { color: var(--d-accent); }

/* ----------------------------------------------------------------------------
 * 12. MISC sidebar legacy bits not in generic sheet
 * -------------------------------------------------------------------------- */
/* Collapsible filter headers (.collapsible-header) + group label */
html[data-theme="dark"] .collapsible-header { color: var(--d-text-2); border-bottom-color: var(--d-border-glass); }
html[data-theme="dark"] .collapsible-header:hover { color: var(--d-accent); }
html[data-theme="dark"] .filter-group-label { color: var(--d-text-muted); }
/* News-type checkboxes */
html[data-theme="dark"] .news-type-label { color: var(--d-text-2); }
html[data-theme="dark"] .news-type-label input[type=checkbox] { accent-color: var(--d-accent); }
/* Sidebar / nav search inputs (legacy classes) */
html[data-theme="dark"] .sidebar-input,
html[data-theme="dark"] .nav-search-input {
  background: var(--d-control-bg); border: 1px solid var(--d-border-input); color: var(--d-text);
}
html[data-theme="dark"] .sidebar-input:focus,
html[data-theme="dark"] .nav-search-input:focus { border-color: var(--d-accent-soft); background: var(--d-control-bg); }
/* Distance range slider */
html[data-theme="dark"] .range-slider,
html[data-theme="dark"] .range-slider_line { background: var(--d-rail); }
html[data-theme="dark"] .range-slider_line-fill { background: var(--d-accent); }
html[data-theme="dark"] .range-slider_thumb { background: var(--d-accent); color: var(--d-accent-ink); }
/* Pro-lock overlay scrim → dark */
html[data-theme="dark"] .pro-lock-overlay { background: rgba(15,15,13,0.78); }

/* ----------------------------------------------------------------------------
 * 13. TRENDING TICKER (#trending_ticker) — overline + items
 * -------------------------------------------------------------------------- */
html[data-theme="dark"] #trending_ticker .text-\[\#705d00\] { color: var(--d-accent) !important; }

/* ----------------------------------------------------------------------------
 * 14. TILE PRELOADER host — the results container must be position:relative so
 * the .preloader-overlay (position:absolute) covers it. min-height keeps the
 * overlay visible before the first card lands.
 * -------------------------------------------------------------------------- */
html[data-theme="dark"] #company_filter_search_results.radar-preloading {
  position: relative;
  min-height: 60vh;
}

/* ===== market.ai polish (2026-06-02) ===== */
/* Contact popover bg #1c1c1a was indistinguishable from body — give it the
 * card surface gradient so it reads as a lifted panel. Overrides the earlier
 * #1c1c1a block above (no !important there); !important here guards against it. */
html[data-theme="dark"] .radar-contact-pop {
  background: var(--d-surface-grad) !important;
  border: 1px solid var(--d-border-glass) !important;
}

/* Competitor sub-cards were too dark — lift to the standard low surface token
 * (normalizes the earlier rgba(255,255,255,0.03) !important to --d-surface-low). */
html[data-theme="dark"] .result_boxes_companies [id^="alternatives_"] > div {
  background: var(--d-surface-low) !important;
}

/* Smart-chip hover affordance */
html[data-theme="dark"] .smart-chip-bar .smart-chip:hover {
  background: rgba(255,255,255,0.08) !important;
  border-color: var(--d-accent-soft) !important;
}

/* Kill native spinners on number / year inputs */
html[data-theme="dark"] .sb-year-input,
html[data-theme="dark"] .ps-num-input {
  -webkit-appearance: none;
  appearance: none !important;
}

/* Sidebar bottom rhythm */
html[data-theme="dark"] #filteration_panel_company {
  margin-bottom: 16px !important;
}

/* "Verticals" group divider in the Industry-box dropdown (business_model tier).
   2026-06-03: non-clickable heading; teal accent + glass border on dark. */
html[data-theme="dark"] .sb-results-drop > .sb-verticals-head {
  color: var(--d-pos, #6cc79b) !important;
  border-top: 1px solid var(--d-border-glass) !important;
  background: transparent !important;
}
html[data-theme="dark"] .sb-results-drop > .sb-verticals-head:hover {
  background: transparent !important;
}