/* * Hubliq alternate UI palettes (Classic is default — no data-ui-theme). * Cycles: default → dune → glade → ember → default. * Loaded after page CSS so :root vars from mobile-home-2026 can be overridden on . */ /* ---------- Palette tokens (mobile-home-2026 + extras for shell) ---------- */ html[data-ui-theme="dune"] { color-scheme: light; --bg0: #f5f5f4; --bg1: #e7e5e4; --card-bg: #ffffff; --navy0: #e7e5e4; --navy1: #d6d3d1; --text: #1c1917; --textInv: #fafaf9; --glass: rgba(0, 0, 0, 0.04); --glass2: rgba(0, 0, 0, 0.02); --stroke: rgba(0, 0, 0, 0.1); --shadow: 0 8px 24px rgba(0, 0, 0, 0.08); --shadowSoft: 0 4px 12px rgba(0, 0, 0, 0.06); --glowCyan: rgba(120, 113, 108, 0.12); --glowBlue: rgba(120, 113, 108, 0.1); --glowViolet: rgba(120, 113, 108, 0.1); --glowAmber: rgba(120, 113, 108, 0.1); --ink: #1c1917; --muted: rgba(28, 25, 23, 0.65); --blue-accent: #2563eb; --ht-detail-shell: #e7e5e4; --ht-inner: #fafaf9; --ht-card-header: #f5f5f4; --ht-sidebar: #fafafa; --ht-nav-1: #fafafa; --ht-nav-2: #f4f4f5; --ht-focus: rgba(82, 82, 91, 0.55); --ht-deal-muted: #3f3f46; --ht-dropdown-hover: #f4f4f5; --ht-nav-active: #2563eb; } html[data-ui-theme="glade"] { color-scheme: light; --bg0: #e9f2ec; --bg1: #dbe8e0; --card-bg: #f5faf7; --navy0: #cfe0d4; --navy1: #b9d4c4; --text: #102919; --textInv: #f5faf7; --glass: rgba(16, 55, 35, 0.06); --glass2: rgba(16, 55, 35, 0.03); --stroke: rgba(25, 70, 45, 0.14); --shadow: 0 8px 24px rgba(15, 40, 28, 0.1); --shadowSoft: 0 4px 14px rgba(15, 40, 28, 0.07); --glowCyan: rgba(60, 130, 95, 0.14); --glowBlue: rgba(45, 106, 79, 0.12); --glowViolet: rgba(55, 120, 80, 0.1); --glowAmber: rgba(130, 140, 60, 0.12); --ink: #102919; --muted: rgba(16, 41, 25, 0.68); --blue-accent: #2d6a4f; --ht-detail-shell: #cfded4; --ht-inner: #f0f7f2; --ht-card-header: #e5f0e8; --ht-sidebar: linear-gradient(180deg, #dfece3 0%, #cfe0d4 100%); --ht-nav-1: #f4faf6; --ht-nav-2: #e3eee6; --ht-focus: rgba(45, 106, 79, 0.45); --ht-deal-muted: #254d38; --ht-dropdown-hover: #e0ebe3; --ht-nav-active: #1b6b4a; } html[data-ui-theme="ember"] { color-scheme: light; --bg0: #faf5ef; --bg1: #f2e8de; --card-bg: #fffdf9; --navy0: #edd8c8; --navy1: #e2caba; --text: #2c1810; --textInv: #fffbf7; --glass: rgba(120, 55, 25, 0.06); --glass2: rgba(120, 55, 25, 0.03); --stroke: rgba(90, 45, 20, 0.14); --shadow: 0 8px 24px rgba(60, 30, 10, 0.1); --shadowSoft: 0 4px 14px rgba(60, 30, 10, 0.07); --glowCyan: rgba(180, 120, 70, 0.12); --glowBlue: rgba(154, 52, 18, 0.12); --glowViolet: rgba(160, 90, 50, 0.1); --glowAmber: rgba(217, 119, 6, 0.18); --ink: #2c1810; --muted: rgba(44, 24, 16, 0.7); --blue-accent: #9a3412; --ht-detail-shell: #ebe0d4; --ht-inner: #fff8f0; --ht-card-header: #f7ede4; --ht-sidebar: linear-gradient(180deg, #faf2e8 0%, #f0e0d0 100%); --ht-nav-1: #fff9f5; --ht-nav-2: #f5ebe3; --ht-focus: rgba(154, 52, 18, 0.4); --ht-deal-muted: #5c3d2e; --ht-dropdown-hover: #f0e6dc; --ht-nav-active: #c2410c; } /* Select chevrons — stroke tuned per palette */ html[data-ui-theme="dune"] body.home-page-hq .discovery-nav-select, html[data-ui-theme="dune"] body.discovery-page .mobile-home-page-2026 .discovery-nav-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%2344403c' stroke-width='2' stroke-opacity='0.95' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } html[data-ui-theme="glade"] body.home-page-hq .discovery-nav-select, html[data-ui-theme="glade"] body.discovery-page .mobile-home-page-2026 .discovery-nav-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%232d4a32' stroke-width='2' stroke-opacity='0.95' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } html[data-ui-theme="ember"] body.home-page-hq .discovery-nav-select, html[data-ui-theme="ember"] body.discovery-page .mobile-home-page-2026 .discovery-nav-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%235c3d2e' stroke-width='2' stroke-opacity='0.95' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } /* ---------- Shared layout overrides ---------- */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.mobile-home-active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) html.mobile-home-active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page { background: var(--bg0) !important; color: var(--text) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .home-search-fixed.hq-topchrome, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-topchrome { background: rgba(255, 255, 255, 0.92) !important; border-bottom: 1px solid var(--stroke) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-topchrome__search { background: var(--glass) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-topchrome__search span { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-topchrome__icon-btn { background: var(--glass) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-topchrome__scheme-btn { background: transparent !important; border: none !important; box-shadow: none !important; color: var(--muted) !important; opacity: 1; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-topchrome__scheme-btn:hover { background: transparent !important; color: var(--muted) !important; opacity: 1; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-topchrome__scheme-btn i.hubliq-theme-palette-icon, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-topchrome__scheme-btn .hubliq-theme-palette-icon { color: var(--blue-accent) !important; background: none !important; background-color: transparent !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-topchrome__scheme-btn:focus-visible { outline: 2px solid var(--ht-focus); outline-offset: 2px; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-topchrome__user-toggle { background: var(--glass) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-topchrome__user-dropdown, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-topchrome__user-dropdown { background: var(--card-bg) !important; border: 1px solid var(--stroke) !important; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-topchrome__user-dropdown .dropdown-item, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-topchrome__user-dropdown .dropdown-item { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-topchrome__user-dropdown .dropdown-item:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-topchrome__user-dropdown .dropdown-item:hover { background: var(--ht-dropdown-hover) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .discovery-nav-select, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .discovery-nav-select { background-color: var(--card-bg) !important; background-repeat: no-repeat !important; background-position: right 8px center !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; box-shadow: var(--shadowSoft) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .discovery-nav-select option, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .discovery-nav-select option { background-color: var(--card-bg) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-topchrome__datetime-icon { background: var(--glass) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-datetime-input { background: var(--card-bg) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-datetime-input:focus { outline: 2px solid var(--ht-focus) !important; border-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-datetime-input::-webkit-calendar-picker-indicator { filter: none !important; opacity: 0.75 !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-datetime-clear { color: var(--muted) !important; background: transparent !important; } @media (min-width: 1150px) { html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page.home-page-hq .hq-discovery-datetime-clear { width: 34px !important; height: 34px !important; min-height: 0 !important; border-radius: 10px !important; background: var(--card-bg) !important; border: 1px solid var(--stroke) !important; color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page.home-page-hq .hq-topchrome__datetime-icon { width: 34px !important; height: 34px !important; border-radius: 10px !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page.home-page-hq .hq-topchrome__datetime-stack { flex: 0 1 auto !important; max-width: min(420px, 36vw) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page.home-page-hq .hq-discovery-datetime-row { flex-wrap: nowrap !important; gap: 6px !important; width: auto !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page.home-page-hq .hq-discovery-datetime-input { flex: 0 1 auto !important; min-width: 9.5rem !important; max-width: min(200px, 22vw) !important; min-height: 34px !important; padding: 6px 10px !important; font-size: 0.8125rem !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page.home-page-hq .hq-discovery-datetime-apply { min-height: 34px !important; padding: 0 12px !important; font-size: 0.75rem !important; border-radius: 10px !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page.home-page-hq .hq-discovery-datetime-input::-webkit-calendar-picker-indicator { display: none !important; opacity: 0 !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; } } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-datetime-apply { background: color-mix(in srgb, var(--blue-accent) 35%, transparent) !important; border-color: var(--blue-accent) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-slot-hint { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-slot-hint--warn { color: #b45309 !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-hero__title, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-hero__city, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-section-title { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-hero__greet { color: var(--blue-accent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-hero__tagline, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-section-eyebrow { color: var(--muted) !important; text-shadow: none !important; filter: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-card, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-card { background: var(--card-bg) !important; border-color: var(--stroke) !important; box-shadow: var(--shadowSoft) !important; } /* Welcome landing — template extra_css is navy + glass; retint for Dune/Glade/Ember */ html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) { background: var(--bg0) !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) body.welcome-landing-page { background: var(--bg0) !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) #page-scaling-wrapper { background: var(--bg0) !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) .welcome-shell { color: var(--ink) !important; background: radial-gradient(900px 520px at 18% 0%, color-mix(in srgb, var(--blue-accent) 24%, transparent), transparent 55%), radial-gradient(720px 480px at 92% 12%, color-mix(in srgb, var(--blue-accent) 14%, transparent), transparent 52%), radial-gradient(640px 500px at 50% 100%, color-mix(in srgb, var(--blue-accent) 10%, transparent), transparent 48%), var(--bg0) !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) .welcome-brand h1 { color: var(--ink) !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) .welcome-brand p { color: var(--muted) !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) .welcome-brand .mark { background: var(--glass2) !important; border: 1px solid var(--stroke) !important; box-shadow: var(--shadowSoft) !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) .welcome-identity .username { color: var(--ink) !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) .welcome-identity .firstname { color: var(--muted) !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) .welcome-identity .guest-tag { color: var(--textInv) !important; background: color-mix(in srgb, var(--blue-accent) 82%, var(--ink)) !important; border: 1px solid color-mix(in srgb, var(--blue-accent) 55%, var(--stroke)) !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) .welcome-btn { border: 1px solid var(--stroke) !important; background: var(--glass2) !important; color: var(--ink) !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) .welcome-btn:hover { border-color: color-mix(in srgb, var(--blue-accent) 42%, var(--stroke)) !important; background: var(--glass) !important; color: var(--ink) !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) .welcome-btn.primary { border-color: color-mix(in srgb, var(--blue-accent) 55%, var(--stroke)) !important; background: linear-gradient( 135deg, color-mix(in srgb, var(--blue-accent) 88%, #ffffff) 0%, color-mix(in srgb, var(--blue-accent) 72%, #ffffff) 100% ) !important; color: var(--textInv) !important; box-shadow: var(--shadowSoft) !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) .welcome-btn.primary:hover { box-shadow: var(--shadow) !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) .welcome-btn i { color: inherit !important; opacity: 0.92 !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) .welcome-setup-heading { color: var(--muted) !important; } html.welcome-landing-page:is( [data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"] ) .welcome-muted { color: color-mix(in srgb, var(--ink) 45%, transparent) !important; } /* Detail HQ */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq { background: var(--bg0) !important; color: var(--ink) !important; } @media (min-width: 1150px) { html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq { background: var(--ht-detail-shell) !important; } } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-page-inner, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proPageWrap, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .orgPageWrap, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .locPageWrap { background: var(--ht-inner) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; box-shadow: var(--shadow) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-page-inner h1, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-page-inner h2, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-page-inner h3, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-page-inner h4, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-page-inner h5, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-page-inner h6, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-hero-title { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-hero-subtitle, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .text-muted { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .text-white { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-scroll-body .card, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq #myTabContent .card { background: var(--card-bg) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; box-shadow: var(--shadowSoft) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-scroll-body .card .card-header, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq #myTabContent .card .card-header { background: var(--ht-card-header) !important; border-bottom-color: var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-scroll-body .card .card-body, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq #myTabContent .card .card-body { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .tab-pane { background: transparent !important; color: inherit !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hq-detail-topchrome { background: var(--card-bg) !important; border-bottom: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hq-detail-topchrome__search { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hq-detail-rail { background: var(--card-bg) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } /* Breadcrumbs sit outside #myTabContent; templates force white links with !important */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell nav[aria-label="breadcrumb"] .breadcrumb-item a { color: var(--blue-accent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell nav[aria-label="breadcrumb"] .breadcrumb-item.active { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .breadcrumb-item + .breadcrumb-item::before { color: var(--muted) !important; } @media (min-width: 1150px) { html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell nav[aria-label="breadcrumb"].mb-3 { display: block !important; } } /* * Hero / tabs shell cards: page extra_css sets color: rgba(255,255,255,…) !important on * .orgHeroCard, .locHeroCard, .proHeroCard and descendants — unreadable on light modal surfaces. */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .orgHeroCard, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .orgTabsCard, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .locHeroCard, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .locTabsCard, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .proHeroCard, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .proTabsCard { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .orgHeroCard .orgHeroText, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .orgHeroCard .orgHeroText a, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .orgHeroCard .orgHeroText span, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .orgHeroCard .orgHeroText i, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .locHeroCard .locHeroText, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .locHeroCard .locHeroText a, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .locHeroCard .locHeroText span, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .locHeroCard .locHeroText i, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .proHeroCard .proHeroText, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .proHeroCard .proHeroText a, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .proHeroCard .proHeroText span, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .proHeroCard .proHeroText i, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .proHeroCard h1, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .proHeroCard p { color: var(--ink) !important; } /* Professional detail: proHeroText is on h1/p without a .proHeroCard wrapper */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-sticky-head .proHeroText, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-sticky-head .proHeroText a, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-sticky-head .proHeroText span, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-sticky-head .proHeroText i { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .orgHeroCard .orgHeroText .text-muted, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .orgHeroCard .orgHeroText small, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .locHeroCard .locHeroText .text-muted, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .locHeroCard .locHeroText small, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .proHeroCard .text-muted, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .proHeroCard small { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .proHeroCard .badge, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .proHeroCard .badge a { background: var(--glass) !important; color: var(--ink) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .orgHeroCard .btn-outline-primary, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .orgHeroCard .btn-outline-light, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .locHeroCard .btn-outline-primary, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .locHeroCard .btn-outline-light { color: var(--ink) !important; border-color: color-mix(in srgb, var(--blue-accent) 55%, var(--stroke)) !important; background: transparent !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .orgHeroCard .btn-outline-primary:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .orgHeroCard .btn-outline-light:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .locHeroCard .btn-outline-primary:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .locHeroCard .btn-outline-light:hover { background: var(--glass2) !important; border-color: var(--blue-accent) !important; color: var(--ink) !important; } /* Meta row icons (inline rgba white) + avatar placeholders */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-sticky-head .mb-2 > i.bi { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-sticky-head #orgLogoPlaceholder i.bi, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-sticky-head #locationImagePlaceholder i.bi, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-sticky-head #professionalPhotoPlaceholder i.bi { color: var(--muted) !important; } /* Muted secondary copy outside tab scroller (matches #myTabContent rules) */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .text-white-50 { color: var(--muted) !important; } /* Management / secondary pill row inside tab bodies */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #myTabContent .nav.nav-pills .nav-link { color: var(--muted) !important; background: var(--glass2) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #myTabContent .nav.nav-pills .nav-link:hover { color: var(--ink) !important; background: var(--glass) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #myTabContent .nav.nav-pills .nav-link.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #myTabContent .nav.nav-pills .nav-link.show { color: var(--ink) !important; background: var(--card-bg) !important; border-color: var(--blue-accent) !important; font-weight: 700 !important; } /* * detail-hq-shell.css targets body.detail-page-hq with !important (main tabs active = * white text on blue glass, tab h5 = white). Scope under .profile-detail-shell + html * so alternate palettes always win on org / location / professional detail. */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-main-tabs { background: var(--glass) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-main-tabs .nav-link { background: var(--glass2) !important; border: 2px solid var(--stroke) !important; border-bottom: 3px solid var(--stroke) !important; color: var(--muted) !important; box-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-main-tabs .nav-link:hover { color: var(--ink) !important; background: var(--glass) !important; border-color: color-mix(in srgb, var(--blue-accent) 28%, var(--stroke)) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-main-tabs .nav-link.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-main-tabs .nav-link.active.show, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-main-tabs button.nav-link.active { color: var(--ink) !important; background: color-mix(in srgb, var(--blue-accent) 12%, var(--card-bg)) !important; border-color: var(--stroke) !important; border-bottom-color: color-mix(in srgb, var(--blue-accent) 55%, var(--stroke)) !important; box-shadow: none !important; font-weight: 700 !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-main-tabs .nav-link i { color: var(--muted) !important; opacity: 0.95 !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-main-tabs .nav-link.active i, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-main-tabs .nav-link.active.show i { color: var(--blue-accent) !important; opacity: 1 !important; } /* * doc-layout main tabs: detail-hq-shell uses extra .hubliq-detail-doc-layout + long nav chain * with higher specificity — mirror the themed “ink on tinted card” active state here. */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .nav.nav-tabs.card-header-tabs.hubliq-main-tabs .nav-link, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .hubliq-main-tabs .nav-link { background: var(--glass2) !important; border: 2px solid var(--stroke) !important; border-bottom: 3px solid var(--stroke) !important; color: var(--muted) !important; box-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .nav.nav-tabs.card-header-tabs.hubliq-main-tabs .nav-link:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .hubliq-main-tabs .nav-link:hover { color: var(--ink) !important; background: var(--glass) !important; border-color: color-mix(in srgb, var(--blue-accent) 28%, var(--stroke)) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .nav.nav-tabs.card-header-tabs.hubliq-main-tabs .nav-link.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .nav.nav-tabs.card-header-tabs.hubliq-main-tabs .nav-link.active.show, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .hubliq-main-tabs .nav-link.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .hubliq-main-tabs button.nav-link.active { color: var(--ink) !important; background: color-mix(in srgb, var(--blue-accent) 12%, var(--card-bg)) !important; border-color: var(--stroke) !important; border-bottom-color: color-mix(in srgb, var(--blue-accent) 55%, var(--stroke)) !important; box-shadow: none !important; font-weight: 700 !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .nav.nav-tabs.card-header-tabs.hubliq-main-tabs .nav-link i, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .hubliq-main-tabs .nav-link i { color: var(--muted) !important; opacity: 0.95 !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .nav.nav-tabs.card-header-tabs.hubliq-main-tabs .nav-link.active i, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .hubliq-main-tabs .nav-link.active i, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .hubliq-main-tabs .nav-link.active.show i { color: var(--blue-accent) !important; opacity: 1 !important; } /* Sub-tabs row — detail-hq-shell uses same blue active chrome as main tabs */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell ul.hubliq-subtabs { background: var(--glass) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell ul.hubliq-subtabs .nav-link { background: var(--glass2) !important; border: 2px solid var(--stroke) !important; border-bottom: 3px solid var(--stroke) !important; color: var(--muted) !important; box-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell ul.hubliq-subtabs .nav-link:hover { color: var(--ink) !important; background: var(--glass) !important; border-color: color-mix(in srgb, var(--blue-accent) 28%, var(--stroke)) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell ul.hubliq-subtabs .nav-link.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell ul.hubliq-subtabs .nav-link.show { color: var(--ink) !important; background: color-mix(in srgb, var(--blue-accent) 12%, var(--card-bg)) !important; border-color: var(--stroke) !important; border-bottom-color: color-mix(in srgb, var(--blue-accent) 55%, var(--stroke)) !important; box-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell ul.hubliq-subtabs .nav-link i { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell ul.hubliq-subtabs .nav-link.active i, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell ul.hubliq-subtabs .nav-link.show i { color: var(--blue-accent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #myTabContent .tab-pane h5, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #myTabContent .tab-pane h5.text-white, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-scroll-body .tab-pane h5 { color: var(--ink) !important; } /* Reviews partial embeds dark-only rules + inline #fff */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .d-flex.align-items-center.gap-3.mb-4 span { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .hubliq-review-rating-value, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .hubliq-review-rating-caption { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .hubliq-review-form-title { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .bi-star { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .review-list .card-body h6, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .review-list .card-body .review-customer-name { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .review-list .card-body p, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .review-list .card-body .review-comment { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .review-meta-muted { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .review-source-badge { background: var(--glass2) !important; color: var(--ink) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .review-response-box { background: var(--glass2) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .review-response-box strong { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .card { background: var(--card-bg) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .card .card-header { background: var(--ht-card-header) !important; border-bottom: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .card-header h6, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .card-header .text-white { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .form-label, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .form-label.text-white { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .form-control { background: var(--card-bg) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .btn-primary { background: linear-gradient( 135deg, color-mix(in srgb, var(--blue-accent) 88%, #ffffff), color-mix(in srgb, var(--blue-accent) 68%, #ffffff) ) !important; border-color: color-mix(in srgb, var(--blue-accent) 55%, black) !important; color: var(--textInv) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .link-light { color: var(--blue-accent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-review-tab-panel .rating-star { color: var(--muted) !important; } /* Service list rows (inline --homeNavy2) + empty-state copy */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .service-item-horizontal { background: var(--card-bg) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .service-item-horizontal .hubliq-service-row__category, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .service-item-horizontal p, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .service-item-horizontal span, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .service-item-horizontal .card-title, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .service-item-horizontal .text-white { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .service-item-horizontal .hubliq-service-row__title, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .service-item-horizontal .hubliq-service-row__price { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .service-item-horizontal .hubliq-service-row__duration { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .service-item-horizontal .btn-primary { background: linear-gradient( 180deg, color-mix(in srgb, var(--blue-accent) 92%, #fff), var(--blue-accent) ) !important; border-color: color-mix(in srgb, var(--blue-accent) 55%, var(--ink)) !important; color: var(--textInv, #fff) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #services .service-item .card { background: var(--card-bg) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #services .service-item .card .card-body, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #services .service-item .card .card-title, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #services .service-item .card .text-white, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #services .service-item .card p { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-bp-cta-shell p, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-quickbook-card p { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #services .alert.alert-info { background: color-mix(in srgb, var(--blue-accent) 8%, var(--card-bg)) !important; border: 1px solid color-mix(in srgb, var(--blue-accent) 25%, var(--stroke)) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #services .alert.alert-info h6, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #services .alert.alert-info p, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #services .alert.alert-info .mb-2 { color: var(--ink) !important; } /* Hero: industry chips (inline blue) + helper copy above address */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-sticky-head .badge.rounded-pill { background: color-mix(in srgb, var(--blue-accent) 14%, var(--card-bg)) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-sticky-head p.small, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-sticky-head p.small a { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-sticky-head .hubliq-hero-subtitle a.text-white { color: var(--blue-accent) !important; border-bottom-color: color-mix(in srgb, var(--blue-accent) 45%, transparent) !important; } /* Tab bodies: outline + primary CTAs (scroll region + #myTabContent — same DOM on mobile/desktop) */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-scroll-body .btn-outline-light, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #myTabContent .btn-outline-light { color: var(--ink) !important; border-color: var(--stroke) !important; background: var(--glass2) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-scroll-body .btn-outline-light:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #myTabContent .btn-outline-light:hover { background: var(--glass) !important; border-color: var(--blue-accent) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-scroll-body .btn-primary, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #myTabContent .btn-primary { background: linear-gradient( 135deg, color-mix(in srgb, var(--blue-accent) 88%, #ffffff), color-mix(in srgb, var(--blue-accent) 68%, #ffffff) ) !important; border-color: color-mix(in srgb, var(--blue-accent) 55%, black) !important; color: var(--textInv) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-scroll-body .badge.bg-primary, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #myTabContent .badge.bg-primary { background: color-mix(in srgb, var(--blue-accent) 88%, var(--ink)) !important; color: var(--textInv) !important; } /* Team / locations tab: glass buttons + tab empty-state alerts (portfolio, etc.) */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .btn-glass { background: var(--glass2) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; box-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .btn-glass:hover { background: color-mix(in srgb, var(--blue-accent) 10%, var(--card-bg)) !important; border-color: color-mix(in srgb, var(--blue-accent) 42%, var(--stroke)) !important; color: var(--ink) !important; box-shadow: var(--shadowSoft) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .tab-pane .alert.alert-info, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #myTabContent .tab-pane .alert.alert-info { background: color-mix(in srgb, var(--blue-accent) 8%, var(--card-bg)) !important; border: 1px solid color-mix(in srgb, var(--blue-accent) 22%, var(--stroke)) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .tab-pane .alert.alert-info p, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #myTabContent .tab-pane .alert.alert-info p { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-scroll-body p.small:not(.text-white), html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #myTabContent p.small:not(.text-white) { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-scroll-body .btn:not(.hubliq-icon-btn):not(.hq-detail-mobilebar__btn):not(.hq-detail-cta-bar__btn), html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #myTabContent .btn:not(.hubliq-icon-btn):not(.hq-detail-mobilebar__btn):not(.hq-detail-cta-bar__btn) { box-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell .hubliq-detail-scroll-body .btn:not(.hubliq-icon-btn):not(.hq-detail-mobilebar__btn):not(.hq-detail-cta-bar__btn):hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #myTabContent .btn:not(.hubliq-icon-btn):not(.hq-detail-mobilebar__btn):not(.hq-detail-cta-bar__btn):hover { box-shadow: var(--shadowSoft) !important; } /* Suppress inline hover box-shadow on team / location grid cards (templates use onmouseover) */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #team .card, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .profile-detail-shell #locations .card { box-shadow: none !important; } /* Detail HQ — detail-hq-shell + base inline use dark surfaces and white type; re-tint for alternate palettes */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-page-inner .text-muted, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq #myTabContent .text-muted, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-scroll-body .text-muted { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq #myTabContent .tab-pane h5, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq #myTabContent .tab-pane h5.text-white, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-scroll-body .tab-pane h5 { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-page-inner .table, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq #myTabContent .table { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-page-inner .table th, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-page-inner .table td, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq #myTabContent .table th, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq #myTabContent .table td { border-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-main-tabs, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq ul.hubliq-subtabs { background: var(--glass) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-main-tabs .nav-link, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq ul.hubliq-subtabs .nav-link { background: var(--glass2) !important; border: 2px solid var(--stroke) !important; border-bottom: 3px solid var(--stroke) !important; color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-main-tabs .nav-link:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq ul.hubliq-subtabs .nav-link:hover { background: var(--glass) !important; border-color: var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-main-tabs .nav-link.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq ul.hubliq-subtabs .nav-link.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq ul.hubliq-subtabs .nav-link.show { color: var(--ink) !important; border-color: var(--stroke) !important; border-bottom-color: color-mix(in srgb, var(--blue-accent) 55%, var(--stroke)) !important; background: color-mix(in srgb, var(--blue-accent) 12%, var(--card-bg)) !important; box-shadow: none !important; font-weight: 700 !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-icon-btn { background: var(--glass) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-icon-btn:hover { background: var(--glass2) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .hubliq-detail-sticky-head { background: var(--ht-inner) !important; color: var(--ink) !important; box-shadow: var(--shadowSoft) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .hubliq-detail-sticky-head .text-white, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .hubliq-detail-sticky-head .hubliq-hero-title { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .hubliq-detail-sticky-head .hubliq-hero-subtitle, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .hubliq-detail-sticky-head .hubliq-hero-subtitle a { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .hubliq-detail-sticky-head h1 .text-white { color: var(--ink) !important; } /* Inner underline tabs (not the pill main row) — page CSS is !important white */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .nav-tabs:not(.hubliq-main-tabs) .nav-link { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .nav-tabs:not(.hubliq-main-tabs) .nav-link:hover { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .nav-tabs:not(.hubliq-main-tabs) .nav-link.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .nav-tabs:not(.hubliq-main-tabs) .nav-link.show { color: var(--ink) !important; } /* Main pill tab row — often fights themed type */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-main-tabs .nav-link:not(.active):not(.show) { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-main-tabs .nav-link.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-main-tabs .nav-link.show { color: var(--ink) !important; } /* Technician settings: #technicianTabs beats `.hubliq-subtabs .nav-link` specificity */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq ul#technicianTabs.hubliq-subtabs > .nav-item > .nav-link { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq ul#technicianTabs.hubliq-subtabs > .nav-item > .nav-link:hover { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq ul#technicianTabs.hubliq-subtabs > .nav-item > .nav-link.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq ul#technicianTabs.hubliq-subtabs > .nav-item > .nav-link.show { color: var(--ink) !important; background: color-mix(in srgb, var(--blue-accent) 12%, var(--card-bg)) !important; border-color: var(--stroke) !important; border-bottom-color: color-mix(in srgb, var(--blue-accent) 55%, var(--stroke)) !important; box-shadow: none !important; } /* Get started (extra_css loads before hubliq — these override auth hero type) */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .step-title, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .onboarding-card .step-title { color: var(--ink) !important; text-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .step-subtitle, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .onboarding-card .step-subtitle { color: var(--muted) !important; text-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .btn-text-link { color: var(--muted) !important; } /* Login — same auth hero shell as get started; fields use mobile-home white tokens */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .authTitle { color: var(--ink) !important; text-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .authSub { color: var(--muted) !important; text-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .authCardInner { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .panelSectionTitle { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .field { background: var(--card-bg) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; box-shadow: var(--shadowSoft) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .field input, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .field select { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .field input::placeholder { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .field svg.icon path { stroke: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .seg { background: var(--glass) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .seg button { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .seg button.active { color: var(--textInv) !important; background: var(--blue-accent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .auth-links, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .auth-links a { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .auth-links a:hover { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .auth-links p { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .auth-links a[href*="guest_registration"] { background: var(--glass2) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .hero.authHero .btnPrimary { background: var(--blue-accent) !important; border-color: color-mix(in srgb, var(--blue-accent) 72%, black) !important; color: var(--textInv) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .hubliq-detail-sticky-head .proHeroText.hubliq-hero-subtitle, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-doc-layout .hubliq-detail-sticky-head p.proHeroText.hubliq-hero-subtitle { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq #technicianTabs .nav-link.active { background: var(--glass2) !important; border-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane .form-label, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane label, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane .form-text, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane small, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane .text-muted, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane .alert, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane .card-body, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane .card-header, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane .table, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane .table th, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane .table td, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane p, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane h6, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane h5, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane h4 { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq #technicianTabsContent .tab-pane { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane .form-control, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane .form-select, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane input, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane select, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane textarea { background: var(--card-bg) !important; color: var(--ink) !important; border-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane .form-control::placeholder, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane input::placeholder { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proTabsCard .tab-pane option { background: var(--card-bg) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq #management .form-label, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq #management label.form-check-label { color: var(--ink) !important; } /* Org / location tab bodies use Bootstrap .text-white for legacy dark shell */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq #myTabContent .text-white, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-scroll-body .text-white { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq #myTabContent .text-white-50, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-scroll-body .text-white-50 { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .profile-detail-shell #reviews label.form-label, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .profile-detail-shell #reviews .form-label { color: var(--ink) !important; } @media (max-width: 1149.98px) { html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq { background: var(--bg0) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hq-detail-mobilebar { background: rgba(255, 255, 255, 0.9) !important; -webkit-backdrop-filter: blur(12px) !important; backdrop-filter: blur(12px) !important; border-bottom: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hq-detail-mobilebar__btn { background: var(--glass) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hq-detail-mobilebar__btn:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hq-detail-mobilebar__btn:focus-visible { background: var(--glass2) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-detail-page-inner, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .proPageWrap.hubliq-detail-page-inner, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .orgPageWrap.hubliq-detail-page-inner, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .locPageWrap.hubliq-detail-page-inner { border-color: var(--stroke) !important; box-shadow: var(--shadow) !important; } } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hq-detail-cta-bar { background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, color-mix(in srgb, var(--bg0) 88%, #ffffff) 50%, var(--bg0) 100% ) !important; border-top: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hq-detail-cta-bar__btn--ghost { background: var(--glass) !important; color: var(--ink) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hq-detail-cta-bar__btn--ghost:hover { background: var(--glass2) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-bp-role-pill { color: var(--ink) !important; background: var(--glass) !important; border: 1px solid color-mix(in srgb, var(--blue-accent) 45%, var(--stroke)) !important; box-shadow: var(--shadowSoft) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-bp-role-pill i { color: var(--blue-accent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-bp-tagline { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-bp-stat { background: var(--glass) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-bp-stat--action:hover { background: var(--glass2) !important; border-color: color-mix(in srgb, var(--blue-accent) 40%, var(--stroke)) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-bp-stat__icon { background: color-mix(in srgb, var(--blue-accent) 14%, var(--card-bg)) !important; border: 1px solid color-mix(in srgb, var(--blue-accent) 35%, var(--stroke)) !important; color: var(--blue-accent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-bp-stat__val { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-bp-stat__lbl { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq a.hubliq-bp-cta, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-bp-cta { background: linear-gradient( 135deg, color-mix(in srgb, var(--blue-accent) 22%, var(--card-bg)) 0%, var(--card-bg) 100% ) !important; border: 1px solid color-mix(in srgb, var(--blue-accent) 45%, var(--stroke)) !important; color: var(--ink) !important; box-shadow: var(--shadowSoft) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq a.hubliq-bp-cta:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-bp-cta:hover { color: var(--ink) !important; border-color: var(--blue-accent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-bp-cta__ic { background: var(--glass) !important; border: 1px solid var(--stroke) !important; color: var(--blue-accent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq main.hubliq-main-shell, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hubliq-app-stage { background: transparent !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .container-fluid { background: transparent !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hq-detail-topchrome { background: rgba(255, 255, 255, 0.96) !important; border-bottom-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hq-detail-topchrome__search { background: var(--glass) !important; border: 1px solid var(--stroke) !important; color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hq-detail-topchrome__search i { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hq-detail-topchrome__icon-btn, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.detail-page-hq .hq-detail-topchrome__user-toggle { background: var(--glass2) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav:not(.detail-page-hq):not(.home-page-hq) main { background: transparent !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body:not(.home-page-hq):not(.detail-page-hq) .card { background: var(--card-bg) !important; color: var(--ink) !important; border-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav:not(.home-page-hq):not(.detail-page-hq) { background: var(--bg0) !important; color: var(--ink) !important; } /* Mobile bottom nav — same frost as HQ top chrome; labels match icon color */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav { background: rgba(255, 255, 255, 0.92) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-top: 1px solid var(--stroke) !important; box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.06) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .nav-link, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .nav-link span { color: var(--ht-deal-muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .nav-link i, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .mobile-nav-icon-wrapper i { color: var(--ht-deal-muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .mobile-nav-item, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .mobile-nav-item span, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .mobile-nav-item i, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .mobile-nav-item .bi { color: var(--ht-deal-muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .nav-link.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .nav-link.active span, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .nav-link.active i { color: var(--ht-nav-active) !important; font-weight: 600 !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .mobile-nav-item.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .mobile-nav-item.active span, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .mobile-nav-item.active i, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .mobile-nav-item.active .bi { color: var(--ht-nav-active) !important; background: rgba(0, 0, 0, 0.04) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .mobile-bottom-nav .nav-link:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .mobile-bottom-nav .nav-link.active { background: var(--glass) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .mobile-bottom-nav .mobile-nav-item.dropdown.show .mobile-nav-icon-wrapper i, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .mobile-bottom-nav .mobile-nav-item.dropdown[aria-expanded="true"] .mobile-nav-icon-wrapper i { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .mobile-bottom-nav .mobile-nav-item.dropdown.show .mobile-nav-icon-wrapper, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) .mobile-bottom-nav .mobile-nav-item.dropdown[aria-expanded="true"] .mobile-nav-icon-wrapper { background: var(--glass2) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-nav-item.dropdown .dropdown-menu { background: var(--card-bg) !important; background-image: none !important; border-top: 1px solid var(--stroke) !important; box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.12) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-nav-item.dropdown .dropdown-menu .dropdown-item { color: var(--ink) !important; border: 1px solid var(--stroke) !important; background: var(--glass2) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-nav-item.dropdown .dropdown-menu .dropdown-item i { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-nav-item.dropdown .dropdown-menu .dropdown-item:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-nav-item.dropdown .dropdown-menu .dropdown-item:focus { background: var(--ht-dropdown-hover) !important; border-color: color-mix(in srgb, var(--blue-accent) 35%, var(--stroke)) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-nav-item.dropdown .dropdown-menu .dropdown-header { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-nav-item.dropdown .dropdown-menu .dropdown-divider { border-color: var(--stroke) !important; } /* Submenu opened via JS portal — base.html uses !important navy gradient + white type */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav > #mobileNavDropdownPortal, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav > .mobile-nav-dropdown-portal { background: var(--card-bg) !important; background-image: none !important; border-top: 1px solid var(--stroke) !important; box-shadow: 0 -12px 34px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav > #mobileNavDropdownPortal .dropdown-item, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav > .mobile-nav-dropdown-portal .dropdown-item { color: var(--ink) !important; border: 1px solid var(--stroke) !important; background: var(--glass2) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav > #mobileNavDropdownPortal .dropdown-item:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav > #mobileNavDropdownPortal .dropdown-item:focus, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav > .mobile-nav-dropdown-portal .dropdown-item:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav > .mobile-nav-dropdown-portal .dropdown-item:focus { background: var(--ht-dropdown-hover) !important; border-color: color-mix(in srgb, var(--blue-accent) 35%, var(--stroke)) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav > #mobileNavDropdownPortal .dropdown-item i, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav > .mobile-nav-dropdown-portal .dropdown-item i { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav > #mobileNavDropdownPortal .dropdown-header, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav > .mobile-nav-dropdown-portal .dropdown-header { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav > #mobileNavDropdownPortal .dropdown-divider, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav > .mobile-nav-dropdown-portal .dropdown-divider { border-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .mobile-bottom-nav .mobile-nav-item.dropdown .dropdown-menu.show { background: var(--card-bg) !important; background-image: none !important; border-top: 1px solid var(--stroke) !important; box-shadow: 0 -12px 34px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* Sidebar */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body .hq-sidebar { background: var(--ht-sidebar) !important; border-color: var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body .hq-sidebar a, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body .hq-sidebar .nav-link { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body .hq-sidebar a:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body .hq-sidebar .nav-link:hover { background: var(--glass) !important; color: var(--ink) !important; } /* Cards */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .deal-card, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .deal-card, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq article.hubliq-service-card, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page article.hubliq-service-card { background: var(--card-bg) !important; border-color: var(--stroke) !important; color: var(--ink) !important; box-shadow: var(--shadowSoft) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .deal-card .deal-info, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .deal-card .deal-info, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hubliq-pill, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hubliq-pill { color: var(--ht-deal-muted) !important; } /* Forms */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .form-control, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .form-select, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav textarea { background-color: var(--card-bg) !important; color: var(--ink) !important; border-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav select:not(.btn):not([class*="btn-"]) { background-color: var(--card-bg) !important; color: var(--ink) !important; border-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .form-control::placeholder, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav input::placeholder { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav label:not(.btn), html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .form-label { color: var(--ht-deal-muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .table { color: var(--ink) !important; --bs-table-bg: transparent; --bs-table-color: var(--ink); } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .modal-content { background: var(--card-bg) !important; color: var(--ink) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .modal-header, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .modal-footer { border-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .alert-info { background: var(--ht-card-header) !important; border-color: var(--stroke) !important; color: var(--ink) !important; } /* Desktop home: override hardcoded slate in home-hq-shell (≥1150px) */ @media (min-width: 1150px) { html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .screen.mobile-home-page-2026 { background: var(--bg0) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-home-stage { background: var(--bg0) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-topchrome__search { background: var(--glass) !important; border-color: var(--stroke) !important; color: var(--muted) !important; } } /* ========== HQ shell + first screen (beat home-hq-shell navy on mobile) ========== */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-home-root, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-home-root { background: var(--bg0) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq #paneDiscover.pane.active.hq-discover-main, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page #paneDiscover.pane.active.hq-discover-main { background: transparent !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .screen.mobile-home-page-2026, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .screen.mobile-home-page-2026 { background: var(--bg0) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-hero { background: linear-gradient( 145deg, var(--card-bg) 0%, var(--bg1) 52%, var(--bg0) 100% ) !important; border: 1px solid var(--stroke) !important; box-shadow: var(--shadowSoft) !important; } /* Hero primary CTA: themed accent + high-contrast label + icon (classic shell keeps bright blue) */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-btn--primary { background: var(--blue-accent) !important; color: var(--textInv) !important; border: 1px solid color-mix(in srgb, var(--blue-accent) 72%, var(--stroke)) !important; box-shadow: 0 4px 16px color-mix(in srgb, var(--blue-accent) 38%, transparent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-btn--primary:hover { color: var(--textInv) !important; filter: brightness(0.97); } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-btn--primary i { color: var(--textInv) !important; opacity: 1 !important; } /* Avatar orbit: remove heavy drop shadows; crisp circular crop on light hero */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-avatar-orbit__item { box-shadow: none !important; border: 2px solid var(--card-bg) !important; filter: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-avatar-orbit__hit { border-radius: 50% !important; box-shadow: none !important; -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, transparent 100%); mask-image: radial-gradient(circle, #fff 100%, transparent 100%); } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-avatar-orbit__item img { border-radius: 50% !important; object-fit: cover; object-position: center center; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-avatar-orbit__ring { border-color: var(--stroke) !important; box-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-avatar-orbit__badge { box-shadow: none !important; border: 2px solid var(--card-bg) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-hero__visual { padding: 12px 6px 16px !important; overflow: visible !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-avatar-orbit { overflow: visible !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-pro-avatars-viewall { color: var(--blue-accent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq #paneDiscover .professional-profile-circle.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page #paneDiscover .professional-profile-circle.active { outline: 2px solid var(--blue-accent) !important; outline-offset: -2px !important; } /* Discover professional popup — matches alternate palettes */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .pdc-discover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .pdc-discover { background: var(--card-bg) !important; border: 1px solid var(--stroke) !important; box-shadow: var(--shadow) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .pdc-discover__close, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .pdc-discover__close { background: var(--glass) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .pdc-discover__title, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .pdc-discover__title, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .pdc-discover__name, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .pdc-discover__name { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .pdc-discover__rating, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .pdc-discover__rating, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .pdc-discover__muted, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .pdc-discover__muted { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .pdc-discover__btn--primary, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .pdc-discover__btn--primary { background: var(--blue-accent) !important; color: var(--textInv) !important; border: 1px solid color-mix(in srgb, var(--blue-accent) 65%, var(--stroke)) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .pdc-discover__btn--ghost, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .pdc-discover__btn--ghost { background: transparent !important; color: var(--ink) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .pdc-discover__msg, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .pdc-discover__msg { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .pdc-discover__chip, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .pdc-discover__chip { background: var(--glass) !important; color: var(--ink) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-btn--ghost { background: var(--glass) !important; color: var(--ink) !important; border: 1px solid var(--stroke) !important; box-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-btn--ghost:hover { background: var(--glass2) !important; color: var(--ink) !important; } /* Legacy .hero / panels inside 2026 screen */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .heroTitle, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .heroTitle { color: var(--ink) !important; text-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .heroSub, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .heroSub { color: var(--muted) !important; text-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .eyebrow, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .eyebrow { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .panelSectionTitle, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .panelSectionTitle { color: var(--ink) !important; } /* Horizontal scroll rows — tray matches palette */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .mobile-home-scroll-row::before, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .mobile-home-scroll-row::before { background: var(--glass2) !important; border: 1px solid var(--stroke) !important; box-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .community-members-row.mobile-home-scroll-row::before { display: none !important; content: none !important; background: transparent !important; border: none !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* Deal / service cards — override mobile-home-2026 forced white type */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-title, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-title, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .title, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .title, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card h4, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card h4, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .content h4, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .content h4 { color: var(--ink) !important; -webkit-text-stroke: 0 !important; text-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-sub, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-sub, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .subtitle, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .subtitle { color: var(--ht-deal-muted) !important; -webkit-text-stroke: 0 !important; text-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card:not(.details-open) .content h4, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card:not(.details-open) .content h4, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card:not(.details-open) .content p, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card:not(.details-open) .content p { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card:not(.details-open) .content span:not([style*="fbbf24"]):not([style*="#fbbf24"]), html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card:not(.details-open) .content span:not([style*="fbbf24"]):not([style*="#fbbf24"]) { color: var(--ht-deal-muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-info, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-info { background: var(--ht-inner) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-info .deal-title, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-info .deal-title, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-info h3, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-info h3, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-info h4, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-info h4, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-info p, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-info p, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-info label, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-info label { color: var(--ink) !important; } /* Pin icons on card faces / backs — templates use currentColor */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card:not(.details-open) .hubliq-deal-pin-icon, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card:not(.details-open) .hubliq-deal-pin-icon { color: var(--ht-deal-muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-info .hubliq-deal-pin-icon, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-info .hubliq-deal-pin-icon { color: var(--ink) !important; } /* Google Maps shortcut on card back uses inline white SVG color */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-info a[href*="google.com/maps"] svg, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-info a[href*="google.com/maps"] svg { color: var(--ink) !important; } /* Recommended freelancers row — link + caption */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-freelancer-bubble, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-freelancer-bubble__name { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-freelancer-bubble__img { border-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-info .deal-sub, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-info .deal-sub, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-info .subtitle, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-info .subtitle { color: var(--ht-deal-muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-actions .btn, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-actions .btn, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-actions button, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-actions button { box-shadow: var(--shadowSoft) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-actions .btn--primary, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-actions .btn--primary, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-actions .btn.btn--primary, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-actions .btn.btn--primary { background: var(--blue-accent) !important; color: var(--textInv) !important; border-color: color-mix(in srgb, var(--blue-accent) 70%, black) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-actions .btn--ghost, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-actions .btn--ghost, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-actions .deal-details-toggle, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-actions .deal-details-toggle { background: var(--glass) !important; color: var(--ink) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .pill.pricing, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .pill.pricing, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .pill.location, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .pill.location { background: var(--glass) !important; border-color: var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .price, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .price, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .pill.pricing .price, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .pill.pricing .price { color: var(--ink) !important; text-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .divider, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .divider { background: var(--stroke) !important; } /* Community */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page { background: var(--bg0) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .community-header { background: linear-gradient(135deg, var(--bg1) 0%, var(--card-bg) 100%) !important; box-shadow: var(--shadowSoft) !important; border-bottom: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .community-header h1, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .community-header p, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .community-header .text-white { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .filter-tabs { background: var(--glass) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .filter-tab { color: var(--ht-deal-muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .filter-tab.active { background: var(--blue-accent) !important; color: var(--textInv) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .create-first-post-btn { background: linear-gradient(135deg, var(--blue-accent) 0%, color-mix(in srgb, var(--blue-accent) 78%, var(--ink)) 100%) !important; color: var(--textInv) !important; box-shadow: var(--shadowSoft) !important; border: 1px solid color-mix(in srgb, var(--blue-accent) 55%, var(--stroke)) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .create-first-post-btn:hover { color: var(--textInv) !important; box-shadow: var(--shadow) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .community-members-section { background: linear-gradient(180deg, var(--card-bg) 0%, var(--bg0) 100%) !important; border: 1px solid var(--stroke) !important; box-shadow: var(--shadowSoft) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .community-members-hero-text { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .community-city-chip { background: var(--glass) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .community-city-chip, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .community-city-chip select, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .community-city-chip i { color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .chips .chip { background: var(--glass) !important; color: var(--ink) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .chips .chip.active { background: var(--blue-accent) !important; color: var(--textInv) !important; border-color: color-mix(in srgb, var(--blue-accent) 70%, black) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .chips .chip-create-post { background: linear-gradient( 135deg, var(--blue-accent) 0%, color-mix(in srgb, var(--blue-accent) 75%, black) 100% ) !important; color: var(--textInv) !important; border-color: transparent !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .sub-filter-buttons { background: color-mix(in srgb, var(--card-bg) 92%, transparent) !important; border-bottom: 1px solid var(--stroke) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .sub-filter-btn { background: var(--glass) !important; color: var(--ink) !important; border-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .sub-filter-btn.active { background: var(--blue-accent) !important; color: var(--textInv) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.community-page .btn-primary { background: var(--blue-accent) !important; color: var(--textInv) !important; border-color: color-mix(in srgb, var(--blue-accent) 70%, black) !important; } /* ---------- Home / Discovery: section titles, strips, chips (beat dark-theme leftovers) ---------- */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-section-2026 .mobile-home-app-title, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-app-eyebrow, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-app-title, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-app-eyebrow { color: var(--ink) !important; text-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-section-head__link, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-section-head__link { color: var(--blue-accent) !important; font-weight: 700 !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-section-head__meta, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-section-head__meta { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-scroll-arrow-btn, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-scroll-arrow-btn { background: var(--glass) !important; color: var(--ink) !important; border: 1px solid var(--stroke) !important; box-shadow: var(--shadowSoft) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-scroll-arrow-btn:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-scroll-arrow-btn:hover { background: var(--glass2) !important; } /* Popular categories: mobile was white-on-dark */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-popular-cats__head h3 { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-popular-cats__grid a { background: var(--glass) !important; color: var(--ink) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-popular-cats__grid a:hover { background: var(--glass2) !important; border-color: var(--blue-accent) !important; } /* Sticky category strip + scrolling filter chips */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-category-strip { background: color-mix(in srgb, var(--card-bg) 88%, transparent) !important; border-bottom-color: var(--stroke) !important; backdrop-filter: blur(12px) saturate(120%) !important; -webkit-backdrop-filter: blur(12px) saturate(120%) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-category-strip .chip:not(.active) { background: var(--glass) !important; color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; border: 1px solid var(--stroke) !important; box-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-category-strip .chip:not(.active):hover { background: var(--glass2) !important; color: var(--ink) !important; border-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-category-strip .chip.active { background: var(--blue-accent) !important; color: var(--textInv) !important; border: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .chips, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .chips, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 #catRow, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 #catRow, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 #typeRow, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 #typeRow { background: transparent !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .chips::-webkit-scrollbar-thumb, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .chips::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--ink) 16%, transparent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .chips .chip, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .chips .chip, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 #catRow .chip, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 #catRow .chip, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 #typeRow .chip, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 #typeRow .chip { color: var(--ink) !important; background: var(--glass) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .chips .chip.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .chips .chip.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 #catRow .chip.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 #catRow .chip.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 #typeRow .chip.active, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 #typeRow .chip.active { color: var(--textInv) !important; background: color-mix(in srgb, var(--blue-accent) 85%, transparent) !important; border-color: color-mix(in srgb, var(--blue-accent) 55%, black) !important; } /* Deal card detail meta: template inline whites + SVG strokes */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-meta span:not([style*="#fbbf24"]):not([style*="239, 68, 68"]), html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-meta span:not([style*="#fbbf24"]):not([style*="239, 68, 68"]) { color: var(--ht-deal-muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-meta span[style*="font-weight: 700"], html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-meta span[style*="font-weight: 700"] { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-meta span[style*="255, 255, 255, 0.3"], html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-meta span[style*="255, 255, 255, 0.3"] { color: color-mix(in srgb, var(--ink) 35%, transparent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-meta svg, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-meta svg { color: var(--ht-deal-muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-meta svg path[stroke="white"], html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-meta svg path[stroke="white"] { stroke: var(--ht-deal-muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-meta svg path[fill="white"], html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-meta svg path[fill="white"] { fill: var(--ht-deal-muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-meta a[href*="google.com/maps"], html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-meta a[href*="google.com/maps"] { background: var(--glass) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-info .hubliq-pill--on-dark, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-info .hubliq-pill--on-dark { background: color-mix(in srgb, var(--blue-accent) 12%, var(--card-bg)) !important; border: 1px solid color-mix(in srgb, var(--blue-accent) 28%, var(--stroke)) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .mobile-home-page-2026 .deal-card .deal-info .hubliq-pill--info, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .deal-card .deal-info .hubliq-pill--info { color: var(--ink) !important; } /* Sidebar desktop: links + “More” submenu */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__brand-link, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__brand-text { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__brand-link:hover { background: var(--glass) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__link { color: var(--ht-deal-muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__link:hover { background: var(--glass) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__link.is-active { background: color-mix(in srgb, var(--blue-accent) 16%, transparent) !important; color: var(--ink) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--blue-accent) 38%, transparent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__more-toggle[aria-expanded="true"], html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__more-toggle.is-active { background: color-mix(in srgb, var(--blue-accent) 16%, transparent) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__more-panel { background: var(--card-bg) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__more-list li .dropdown-item, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__more-list button.dropdown-item { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__more-list li .dropdown-item:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__more-list li button.dropdown-item:hover { background: var(--ht-dropdown-hover) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__more-list .dropdown-header { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__more-list .dropdown-divider { border-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .hq-sidebar .hq-sidebar__brand-logo { background: var(--card-bg) !important; box-shadow: 0 0 0 1px var(--stroke), 0 4px 14px rgba(0, 0, 0, 0.08) !important; } /* Pricing page hero — page-local extra_css is navy + white; align with palette */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .pricing-wrap .pricing-hero { background: linear-gradient( 145deg, var(--card-bg) 0%, var(--bg1) 52%, var(--bg0) 100% ) !important; color: var(--ink) !important; border-color: var(--stroke) !important; box-shadow: var(--shadowSoft) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .pricing-wrap .pricing-hero h1, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .pricing-wrap .pricing-hero p { color: var(--ink) !important; opacity: 1 !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .pricing-wrap .pricing-footnote { color: var(--muted) !important; } /* Logo tip strip (Discover / home pane) */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.mobile-home-active .mobile-home-page-2026 .mobile-home-top-suite-hint.hubliq-logo-landing-hint, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .mobile-home-top-suite-hint.hubliq-logo-landing-hint { background: var(--glass) !important; border-bottom: 1px solid var(--stroke) !important; box-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.mobile-home-active .mobile-home-page-2026 .mobile-home-top-suite-hint .hubliq-logo-landing-hint-text, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .mobile-home-top-suite-hint .hubliq-logo-landing-hint-text { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.mobile-home-active .mobile-home-page-2026 .mobile-home-top-suite-hint .hubliq-logo-landing-hint-btn, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .mobile-home-top-suite-hint .hubliq-logo-landing-hint-btn { background: var(--card-bg) !important; color: var(--ink) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.mobile-home-active .mobile-home-page-2026 .mobile-home-top-suite-hint .hubliq-logo-landing-hint-btn.hubliq-logo-landing-hint-hide, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .mobile-home-page-2026 .mobile-home-top-suite-hint .hubliq-logo-landing-hint-btn.hubliq-logo-landing-hint-hide { background: color-mix(in srgb, var(--blue-accent) 12%, var(--card-bg)) !important; color: var(--blue-accent) !important; border-color: color-mix(in srgb, var(--blue-accent) 35%, var(--stroke)) !important; } /* Discovery “Surprise me” panel — match light hero / shell */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__panel { background: linear-gradient( 165deg, var(--card-bg) 0%, var(--bg1) 52%, var(--bg0) 100% ) !important; border-color: var(--stroke) !important; box-shadow: var(--shadowSoft) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__title { color: var(--ink) !important; text-shadow: none !important; -webkit-text-stroke: 0 !important; filter: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__sub, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__ctx, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__fine-print, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__fine-print span { color: var(--muted) !important; text-shadow: none !important; -webkit-text-stroke: 0 !important; filter: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__ctx strong { color: var(--ink) !important; text-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__cube { background-color: var(--card-bg) !important; background-image: var(--hq-surprise-cube-logo, none), radial-gradient(closest-side at 50% 50%, rgba(15, 23, 42, 0.34) 0%, transparent 72%), linear-gradient( 145deg, color-mix(in srgb, var(--blue-accent) 8%, var(--card-bg)) 0%, var(--card-bg) 100% ) !important; background-size: 70% auto, cover, cover !important; background-position: center, center, center !important; background-repeat: no-repeat, no-repeat, no-repeat !important; box-shadow: 0 0 0 1px var(--stroke), 0 12px 28px rgba(0, 0, 0, 0.12), 0 -8px 20px color-mix(in srgb, var(--blue-accent) 18%, transparent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__cube-q { color: color-mix(in srgb, var(--ink) 45%, transparent) !important; text-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__orbit { border-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__orbit-icon { background: var(--card-bg) !important; border-color: var(--stroke) !important; color: var(--ht-deal-muted) !important; box-shadow: var(--shadowSoft) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__btn-primary { background: linear-gradient( 180deg, color-mix(in srgb, var(--blue-accent) 92%, white) 0%, var(--blue-accent) 100% ) !important; color: var(--textInv) !important; box-shadow: 0 8px 22px color-mix(in srgb, var(--blue-accent) 28%, transparent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__back { background: var(--glass) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__pill { background: color-mix(in srgb, var(--blue-accent) 14%, transparent) !important; border: 1px solid color-mix(in srgb, var(--blue-accent) 35%, var(--stroke)) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__inner { background: var(--glass) !important; border: 1px solid var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__inner-type { color: var(--blue-accent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__inner-name { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__inner-role, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__meta-row { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__tag { background: var(--card-bg) !important; border: 1px solid var(--stroke) !important; color: var(--ht-deal-muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__bio { color: var(--muted) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__sparkle { background: radial-gradient( circle at 30% 30%, color-mix(in srgb, var(--blue-accent) 35%, transparent), var(--card-bg) ) !important; border-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__avatar { border-color: color-mix(in srgb, var(--blue-accent) 40%, var(--stroke)) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__actions button { color: var(--ink) !important; border: 1px solid var(--stroke) !important; background: var(--glass) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__feedback { border-top-color: var(--stroke) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__feedback-text strong { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__feedback-btns button { background: var(--card-bg) !important; border: 1px solid var(--stroke) !important; color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.discovery-page .hq-discovery-surprise__actions a { background: var(--blue-accent) !important; color: var(--textInv) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .navbar .navbar-nav .nav-link, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .navbar .navbar-nav .nav-link:focus { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .navbar .dropdown-menu { background: var(--card-bg) !important; border: 1px solid var(--stroke) !important; box-shadow: var(--shadow) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .navbar .dropdown-item { color: var(--ink) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .navbar .dropdown-item:hover, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.hubliq-hq-nav .navbar .dropdown-item:focus { background: var(--ht-dropdown-hover) !important; color: var(--ink) !important; } /* Overscroll / canvas: match palette past the end of content (avoid white “chin”) */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]), html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) #page-scaling-wrapper { background: var(--bg0) !important; background-color: var(--bg0) !important; background-image: none !important; } /* Home 2026 footer link row (classic colors in mobile-home-2026.css) */ html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-home-site-footer { background: var(--bg1) !important; color: var(--ink) !important; border-top: 1px solid var(--stroke); box-shadow: none !important; filter: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-home-site-footer .footer-copyright-col p { color: var(--muted) !important; text-shadow: none !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-home-site-footer .hq-home-site-footer__link, html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-home-site-footer .hq-home-site-footer__link:visited { color: var(--blue-accent) !important; } html:is([data-ui-theme="dune"], [data-ui-theme="glade"], [data-ui-theme="ember"]) body.home-page-hq .hq-home-site-footer i { color: inherit !important; }