/* ═══════════════════════════════════════════════════════ Beetle — Dark Mode skin Applied via [data-theme="dark"] on ═══════════════════════════════════════════════════════ */ /* ── Theme toggle button (shared across all pages) ── */ .themeToggle { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.14); background: transparent; cursor: pointer; color: inherit; transition: background .15s, border-color .15s, transform .2s ease; flex-shrink: 0; } .themeToggle:hover { background: rgba(0,0,0,0.06); border-color: rgba(0,0,0,0.22); } .themeToggle .iconSun, .themeToggle .iconMoon { display: flex; align-items: center; justify-content: center; transition: opacity .2s ease, transform .25s ease; } /* Light mode: show moon, hide sun */ .themeToggle .iconSun { display: none; } .themeToggle .iconMoon { display: flex; } /* Dark mode: show sun, hide moon */ [data-theme="dark"] .themeToggle .iconSun { display: flex; } [data-theme="dark"] .themeToggle .iconMoon { display: none; } [data-theme="dark"] .themeToggle { border-color: rgba(255,255,255,0.16); color: rgba(255,255,255,0.80); } [data-theme="dark"] .themeToggle:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.24); } /* ══════════════════════════════════════════ INDEX PAGE (style.css) ══════════════════════════════════════════ */ [data-theme="dark"] { --bg: #0f0f11; --card: #1c1c1e; --text: rgba(255,255,255,0.92); --muted: rgba(255,255,255,0.52); --line: rgba(255,255,255,0.09); --glass: rgba(28,28,30,0.82); --glassDense: rgba(36,36,38,0.84); --rim: rgba(255,255,255,0.08); --rimStrong: rgba(255,255,255,0.12); --shadow: 0 18px 55px rgba(0,0,0,.45); --shadow2: 0 10px 25px rgba(0,0,0,.35); --pill: #e0e0e0; --pill2: #e0e0e0; --pillText: #111113; } [data-theme="dark"] body { background: #0f0f11; color: rgba(255,255,255,0.92); } /* Index: search bar */ [data-theme="dark"] .searchBar { background: rgba(28,28,30,0.82); border-color: rgba(255,255,255,0.10); box-shadow: inset 0 1px 1px rgba(255,255,255,0.06), inset 0 -1px 1px rgba(0,0,0,0.25), 0 0 0 1px rgba(255,255,255,0.06), 0 1px 2px rgba(0,0,0,0.25); } [data-theme="dark"] .searchBar:focus-within { background: rgba(36,36,38,0.96); border-color: rgba(255,255,255,0.16); box-shadow: inset 0 1px 1px rgba(255,255,255,0.08), inset 0 -1px 1px rgba(0,0,0,0.30), 0 0 0 1px rgba(255,255,255,0.12), 0 1px 2px rgba(0,0,0,0.30); } [data-theme="dark"] .searchIcon { color: rgba(255,255,255,0.45); } [data-theme="dark"] .heroInput { color: rgba(255,255,255,0.90); } [data-theme="dark"] .heroInput::placeholder { color: rgba(255,255,255,0.28); } [data-theme="dark"] .heroBtn { color: rgba(255,255,255,0.46); } [data-theme="dark"] .heroBtn:hover { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.62); } /* Index: criteria pills */ [data-theme="dark"] .field { background: rgba(30,30,32,0.80); border-color: rgba(255,255,255,0.10); box-shadow: inset 0 1px 1px rgba(255,255,255,0.05), inset 0 -1px 1px rgba(0,0,0,0.20), 0 0 0 1px rgba(255,255,255,0.05), 0 1px 2px rgba(0,0,0,0.20); } [data-theme="dark"] .field:focus-within { background: rgba(44,44,46,0.90); border-color: rgba(255,255,255,0.18); } [data-theme="dark"] .label { color: rgba(255,255,255,0.55); } [data-theme="dark"] .input { color: rgba(255,255,255,0.88); } [data-theme="dark"] .input::placeholder { color: rgba(255,255,255,0.28); } [data-theme="dark"] .pillClose { background: rgba(255,255,255,0.10); color: rgba(255,255,255,0.55); } [data-theme="dark"] .pillClose:hover { background: rgba(255,255,255,0.18); color: rgba(255,255,255,0.80); } [data-theme="dark"] .pill.add { color: rgba(255,255,255,0.38); } [data-theme="dark"] .pill.add:hover { color: rgba(255,255,255,0.62); background: rgba(255,255,255,0.06); } /* Index: criteria menu */ [data-theme="dark"] .critMenu { background: rgba(28,28,30,0.92); border-color: rgba(255,255,255,0.12); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 10px 30px rgba(0,0,0,0.45); } [data-theme="dark"] .critItem { color: rgba(255,255,255,0.82); } [data-theme="dark"] .critItem:hover { background: rgba(255,255,255,0.06); } [data-theme="dark"] .critEmpty { color: rgba(255,255,255,0.38); } /* Index: suggestions dropdown */ [data-theme="dark"] .sug { background: rgba(28,28,30,0.94); border-color: rgba(255,255,255,0.12); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 14px 34px rgba(0,0,0,0.45); } [data-theme="dark"] .sug button { color: rgba(255,255,255,0.82); } [data-theme="dark"] .sug button:hover { background: rgba(255,255,255,0.06); } [data-theme="dark"] .sug .empty { color: rgba(255,255,255,0.40); } /* Index: misc */ [data-theme="dark"] .quickLink { color: rgba(255,255,255,0.45); border-color: rgba(255,255,255,0.10); background: rgba(255,255,255,0.04); } [data-theme="dark"] .quickLink:hover { color: rgba(255,255,255,0.75); background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.18); } [data-theme="dark"] .socLine { color: rgba(255,255,255,0.45); } [data-theme="dark"] .hint { color: rgba(255,255,255,0.38); } [data-theme="dark"] .meta { color: rgba(255,255,255,0.45); } /* Index: criteria overlay */ [data-theme="dark"] .criteriaOverlay { color: rgba(255,255,255,0.50); } [data-theme="dark"] .criteriaSegment:hover { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.82); } [data-theme="dark"] .criteriaSep { color: rgba(255,255,255,0.28); } [data-theme="dark"] .socEditInput { color: rgba(255,255,255,0.78); } /* Index: logo white overlay in dark mode */ [data-theme="dark"] .logo, [data-theme="dark"] .logoSm, [data-theme="dark"] .brandLogo { filter: brightness(0) invert(1); } /* ══════════════════════════════════════════ RESULTS PAGE (results.css) ══════════════════════════════════════════ */ [data-theme="dark"] .header { background: rgba(18,18,20,0.85); border-bottom-color: rgba(255,255,255,0.09); } [data-theme="dark"] .criteriaBar { background: #111113; border-bottom-color: rgba(255,255,255,0.08); } [data-theme="dark"] .heroSearch { background: #0f0f11; } [data-theme="dark"] .heroSearchLabel { color: rgba(255,255,255,0.90); } [data-theme="dark"] .heroSearchBar { background: rgba(28,28,30,0.82); border-color: rgba(255,255,255,0.10); box-shadow: inset 0 1px 1px rgba(255,255,255,0.05), inset 0 -1px 1px rgba(0,0,0,0.30), 0 0 0 1px rgba(255,255,255,0.05), 0 1px 3px rgba(0,0,0,0.30); } [data-theme="dark"] .heroSearchBar:focus-within { background: rgba(36,36,38,0.96); border-color: rgba(255,255,255,0.18); } [data-theme="dark"] .heroSearchIcon { color: rgba(255,255,255,0.38); } [data-theme="dark"] .heroSearchInput { color: rgba(255,255,255,0.88); } [data-theme="dark"] .heroSearchInput::placeholder { color: rgba(255,255,255,0.28); } /* Results criteria pills */ [data-theme="dark"] .field { background: rgba(32,32,34,0.90); border-color: rgba(255,255,255,0.12); } [data-theme="dark"] .field.active, [data-theme="dark"] .field:focus-within { background: rgba(44,44,46,0.95); border-color: rgba(255,255,255,0.20); } [data-theme="dark"] #addCritBtn { color: rgba(255,255,255,0.45); border-color: rgba(255,255,255,0.18); } [data-theme="dark"] #addCritBtn:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.28); color: rgba(255,255,255,0.72); } [data-theme="dark"] #critMenu { background: rgba(24,24,26,0.96); border-color: rgba(255,255,255,0.12); box-shadow: 0 8px 24px rgba(0,0,0,0.50); } [data-theme="dark"] .critItem { color: rgba(255,255,255,0.80); border-bottom-color: rgba(255,255,255,0.06); } [data-theme="dark"] .critItem:hover { background: rgba(255,255,255,0.06); } [data-theme="dark"] .critEmpty { color: rgba(255,255,255,0.35); } [data-theme="dark"] #clearBtn { color: rgba(255,255,255,0.35); } [data-theme="dark"] #clearBtn:hover { color: rgba(255,255,255,0.60); background: rgba(255,255,255,0.06); } /* Results: suggestion dropdown */ [data-theme="dark"] .sug { background: rgba(24,24,26,0.96); border-color: rgba(255,255,255,0.12); box-shadow: 0 8px 24px rgba(0,0,0,0.50); } [data-theme="dark"] .sug button { color: rgba(255,255,255,0.80); border-bottom-color: rgba(255,255,255,0.06); } [data-theme="dark"] .sug button:hover { background: rgba(255,255,255,0.06); } [data-theme="dark"] .sug .empty { color: rgba(255,255,255,0.38); } /* Results: table/cards */ [data-theme="dark"] .card { border-bottom-color: rgba(255,255,255,0.07); } [data-theme="dark"] .card:first-child { border-top-color: rgba(255,255,255,0.07); } [data-theme="dark"] .card:hover { background: rgba(255,255,255,0.03); } [data-theme="dark"] .card .name { color: #8cbfff; } [data-theme="dark"] .card .name:hover { color: #aad0ff; } [data-theme="dark"] .card .decoded { color: rgba(255,255,255,0.52); } [data-theme="dark"] .k { color: rgba(255,255,255,0.35); } [data-theme="dark"] .v { color: rgba(255,255,255,0.55); } /* Results: controls / sort */ [data-theme="dark"] .mini { background: rgba(32,32,34,0.90); border-color: rgba(255,255,255,0.12); color: rgba(255,255,255,0.80); } [data-theme="dark"] .btn { background: rgba(36,36,38,0.90); border-color: rgba(255,255,255,0.12); color: rgba(255,255,255,0.65); } [data-theme="dark"] .btn:hover { background: rgba(50,50,52,0.90); color: rgba(255,255,255,0.85); } [data-theme="dark"] .pageBtn.active { background: rgba(255,255,255,0.88); color: #111; border-color: rgba(255,255,255,0.88); } [data-theme="dark"] .sectionTitle { color: rgba(255,255,255,0.35); } [data-theme="dark"] .mono { color: rgba(255,255,255,0.35); } [data-theme="dark"] .socLine { color: rgba(255,255,255,0.38); } [data-theme="dark"] .hint { color: rgba(255,255,255,0.32); } /* Results: card spark glass */ [data-theme="dark"] .cardRight { background: radial-gradient(140% 220% at 18% 0%, rgba(60,60,62,0.78) 0%, rgba(40,40,42,0.40) 40%, rgba(25,25,27,0.22) 100% ); } /* ══════════════════════════════════════════ TERMINAL PAGE (terminal.css) ══════════════════════════════════════════ */ [data-theme="dark"] { --bg-hero: #0f0f11; --bg-section1: #0f0f11; --bg-section2: #111113; --bg-section3: #141416; --bg-section4: #161618; --bg-footer: #1a1a1c; --card-bg: #1c1c1e; --card-border: rgba(255,255,255,0.08); --card-shadow: 0 2px 20px rgba(0,0,0,0.35), 0 1px 4px rgba(0,0,0,0.28); --text: #f0f0f2; --text-sec: #8e8e93; --text-ter: #636366; --blue: #409cff; --blue-dark: #1a7fe0; --green: #30d158; --red: #ff453a; } /* Terminal: sticky header */ [data-theme="dark"] .topHeader { background: rgba(18,18,20,0.88); border-bottom-color: rgba(255,255,255,0.09); } /* Terminal: hero search */ [data-theme="dark"] .heroSearch { background: var(--bg-section1); } [data-theme="dark"] .heroSearchLabel { color: var(--text); } [data-theme="dark"] .heroSearchBar { background: rgba(28,28,30,0.82); border-color: rgba(255,255,255,0.10); box-shadow: inset 0 1px 1px rgba(255,255,255,0.05), inset 0 -1px 1px rgba(0,0,0,0.30), 0 0 0 1px rgba(255,255,255,0.05), 0 1px 3px rgba(0,0,0,0.30); } [data-theme="dark"] #artistSearch { color: var(--text); } [data-theme="dark"] #artistSearch::placeholder { color: rgba(255,255,255,0.28); } [data-theme="dark"] .heroSearchIcon { color: rgba(255,255,255,0.38); } /* Terminal: suggestion dropdowns */ [data-theme="dark"] #artistSug, [data-theme="dark"] .sideSug { background: #1c1c1e; border-color: rgba(255,255,255,0.10); box-shadow: 0 8px 30px rgba(0,0,0,0.50); } [data-theme="dark"] .sugRow { border-bottom-color: rgba(255,255,255,0.06); } [data-theme="dark"] .sugRow:hover { background: rgba(255,255,255,0.05); } [data-theme="dark"] .sugTicker { color: var(--text); } [data-theme="dark"] .sugName { color: var(--text-sec); } [data-theme="dark"] .sugId { color: var(--text-ter); } /* Terminal: scroll sections */ [data-theme="dark"] .scrollSection--white { background: var(--bg-section1); } [data-theme="dark"] .scrollSection--light { background: var(--bg-section2); } [data-theme="dark"] .scrollSection--mid { background: var(--bg-section2); } [data-theme="dark"] .scrollSection--dark { background: var(--bg-section3); } /* Terminal: cards */ [data-theme="dark"] .dataCard { background: var(--card-bg); border-color: var(--card-border); box-shadow: var(--card-shadow); } /* Terminal: header buttons */ [data-theme="dark"] .headerBtn { border-color: rgba(255,255,255,0.16); color: var(--text); } [data-theme="dark"] .headerBtn:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.24); } [data-theme="dark"] .headerBtn--active { background: rgba(255,255,255,0.88); color: #111; border-color: rgba(255,255,255,0.88); } [data-theme="dark"] .headerBtn--active:hover { background: rgba(255,255,255,0.78); } [data-theme="dark"] .headerDividerSep { background: rgba(255,255,255,0.12); } [data-theme="dark"] .crumbs { border-left-color: rgba(255,255,255,0.12); } [data-theme="dark"] .crumbLine { color: var(--text); } [data-theme="dark"] .crumbBack { color: var(--text-sec); } /* Terminal: tabs */ [data-theme="dark"] .tabBar { border-bottom-color: rgba(255,255,255,0.08); } [data-theme="dark"] .tab { color: var(--text-sec); } [data-theme="dark"] .tab:hover { color: var(--text); } [data-theme="dark"] .tab.active { color: var(--text); border-bottom-color: var(--text); } [data-theme="dark"] .tabBarDivider { background: rgba(255,255,255,0.08); } /* Terminal: stats strip */ [data-theme="dark"] .statsStrip { border-bottom-color: rgba(255,255,255,0.08); } [data-theme="dark"] .statCard { border-right-color: rgba(255,255,255,0.08); } [data-theme="dark"] .statLabel { color: var(--text-ter); } [data-theme="dark"] .statValue { color: var(--text); } [data-theme="dark"] .statSub { color: var(--text-sec); } /* Terminal: table */ [data-theme="dark"] .dataTable thead th { border-bottom-color: rgba(255,255,255,0.08); color: var(--text-ter); background: var(--card-bg); } [data-theme="dark"] .dataTable tbody tr:hover { background: rgba(255,255,255,0.03); } [data-theme="dark"] .dataTable tbody td { border-bottom-color: rgba(255,255,255,0.05); } [data-theme="dark"] .dataTable tbody td, [data-theme="dark"] .dataTable tbody tr { color: var(--text); } [data-theme="dark"] .thSort { color: var(--text-ter); } [data-theme="dark"] .thSort:hover { color: var(--text-sec); } [data-theme="dark"] .thSort.sorted { color: var(--text); } /* Terminal: market pills */ [data-theme="dark"] .mPill { color: var(--text-sec) !important; } [data-theme="dark"] .mPill.active { background: rgba(255,255,255,0.88) !important; color: #111 !important; } [data-theme="dark"] .mPillDivider { background: rgba(255,255,255,0.15); } [data-theme="dark"] .mPillEst { border-color: rgba(255,255,255,0.25) !important; } [data-theme="dark"] .mPillEst.active { background: rgba(255,255,255,0.85) !important; color: #111 !important; border-color: rgba(255,255,255,0.5) !important; } [data-theme="dark"] .marketPills { border-bottom-color: rgba(255,255,255,0.08); } /* Terminal: section divider */ [data-theme="dark"] .sectionDivider { background: rgba(255,255,255,0.07); } /* Terminal: mini button */ [data-theme="dark"] .miniBtn { border-color: rgba(255,255,255,0.14); color: var(--text-sec); } [data-theme="dark"] .miniBtn:hover { background: rgba(255,255,255,0.07); color: var(--text); } [data-theme="dark"] .miniBtn.active { background: rgba(255,255,255,0.88); color: #111; border-color: rgba(255,255,255,0.88); } /* Terminal: toggle pill */ [data-theme="dark"] .toggleTrack { background: rgba(255,255,255,0.18); } [data-theme="dark"] .togglePill input:checked ~ .toggleTrack { background: rgba(255,255,255,0.75); } [data-theme="dark"] .toggleThumb { background: #1c1c1e; box-shadow: 0 1px 4px rgba(0,0,0,0.45); } [data-theme="dark"] .toggleLbl { color: rgba(255,255,255,0.55); } /* Terminal: legend */ [data-theme="dark"] .houseLegendRow:hover { background: rgba(255,255,255,0.04); } [data-theme="dark"] .houseLegendName { color: var(--text); } [data-theme="dark"] .houseLegendPct { color: var(--text); } [data-theme="dark"] .houseLegendSub { color: var(--text-ter); } [data-theme="dark"] .legendToggleBtn { border-color: rgba(255,255,255,0.12); background: rgba(255,255,255,0.04); color: rgba(255,255,255,0.55); } [data-theme="dark"] .legendToggleBtn:hover { background: rgba(255,255,255,0.10); color: rgba(255,255,255,0.85); } /* Terminal: columns panel */ [data-theme="dark"] #columnsPanel { background: rgba(26,26,28,0.97); border-color: rgba(255,255,255,0.10); box-shadow: 0 8px 32px rgba(0,0,0,0.50); } [data-theme="dark"] .sidePanelTitle { color: var(--text-ter); } [data-theme="dark"] .colItem { color: var(--text); } /* Terminal: lotrank */ [data-theme="dark"] .lotrankTable thead th { border-bottom-color: rgba(255,255,255,0.08); } [data-theme="dark"] .lotrankTable tbody td { border-bottom-color: rgba(255,255,255,0.04); } [data-theme="dark"] .lotrankRow:hover { background: rgba(255,255,255,0.03); } [data-theme="dark"] .lotrankEmpty, [data-theme="dark"] .lotrankError { color: var(--text-sec); } /* Terminal: scrollbars in dark mode */ [data-theme="dark"] ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.14); } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.24); } [data-theme="dark"] * { scrollbar-color: rgba(255,255,255,0.14) transparent; } /* Terminal: hero artist section */ [data-theme="dark"] .artistHero { background: var(--bg-hero); } [data-theme="dark"] .artistName { color: var(--text); } [data-theme="dark"] .artistMeta { color: var(--text-sec); } [data-theme="dark"] .artistBadge { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.12); color: var(--text-sec); } [data-theme="dark"] .artistDisclaimer { color: var(--text-ter); } [data-theme="dark"] .marketValue { color: var(--text); } [data-theme="dark"] .marketChange.up { color: var(--green); } [data-theme="dark"] .marketChange.down { color: var(--red); } /* Terminal: no-data / empty state */ [data-theme="dark"] .noData { color: var(--text-ter); } /* ── Index page: floating dark mode button position ── */ .indexThemeBtn { position: fixed; top: 18px; right: 20px; z-index: 200; } /* ══════════════════════════════════════════ TERMINAL — PRICE LOOKUP SECTION ══════════════════════════════════════════ */ [data-theme="dark"] .priceLookupSection { background: #111113; } [data-theme="dark"] .priceLookupHeading { color: var(--text); } [data-theme="dark"] .priceLookupSelect { background-color: rgba(30,30,32,0.90); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%23777' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; border-color: rgba(255,255,255,0.14); color: rgba(255,255,255,0.88); } [data-theme="dark"] .priceLookupSelect option { background: #1c1c1e; color: rgba(255,255,255,0.88); } [data-theme="dark"] .priceLookupSelect:focus { border-color: #30d158; outline: none; } [data-theme="dark"] .priceLookupBtn { background: rgba(255,255,255,0.90); color: #111113; } [data-theme="dark"] .priceLookupBtn:hover { opacity: 0.85; } [data-theme="dark"] .priceLookupResults .statLabel { color: rgba(255,255,255,0.35); } [data-theme="dark"] .priceLookupResults .statValue { color: rgba(255,255,255,0.92); } [data-theme="dark"] .priceLookupEmpty { color: rgba(255,255,255,0.45); } /* ══════════════════════════════════════════ TERMINAL — SALES / LOTS SEARCH BAR ══════════════════════════════════════════ */ /* Hero lot search (the big "Search lots..." bar above the table) */ [data-theme="dark"] .lotSearchWrap--hero .lotSearchInput { background: rgba(26,26,28,0.90); border-color: rgba(255,255,255,0.12); color: rgba(255,255,255,0.88); box-shadow: 0 1px 4px rgba(0,0,0,0.30); } [data-theme="dark"] .lotSearchWrap--hero .lotSearchInput:focus { background: rgba(30,30,32,0.97); border-color: rgba(255,255,255,0.22); box-shadow: 0 2px 12px rgba(0,0,0,0.35); } [data-theme="dark"] .lotSearchWrap--hero .lotSearchInput::placeholder { color: rgba(255,255,255,0.28); } [data-theme="dark"] .lotSearchWrap--hero .lotSearchIcon { color: rgba(255,255,255,0.32); } [data-theme="dark"] .lotSearchWrap--hero .lotSearchClear { background: rgba(255,255,255,0.18); color: rgba(255,255,255,0.60); } /* Small pill lot search (inside the table card) */ [data-theme="dark"] .lotSearchInput { background: rgba(30,30,32,0.90); border-color: rgba(255,255,255,0.12); color: rgba(255,255,255,0.85); } [data-theme="dark"] .lotSearchInput:focus { background: rgba(36,36,38,0.97); border-color: rgba(255,255,255,0.20); box-shadow: 0 2px 10px rgba(0,0,0,0.30); } [data-theme="dark"] .lotSearchInput::placeholder { color: rgba(255,255,255,0.28); } [data-theme="dark"] .lotSearchIcon { color: rgba(255,255,255,0.32); } [data-theme="dark"] .lotSearchClear { background: rgba(255,255,255,0.15); color: rgba(255,255,255,0.55); } /* Table background + rows */ [data-theme="dark"] .lotsTable th { background: #1a1a1c; border-bottom-color: rgba(255,255,255,0.08); color: rgba(255,255,255,0.35); } [data-theme="dark"] .lotsTable td { color: rgba(255,255,255,0.82); border-bottom-color: rgba(255,255,255,0.05); } [data-theme="dark"] .lotsTable tr:hover td { background: rgba(255,255,255,0.03); } [data-theme="dark"] .expandRow td { background: rgba(255,255,255,0.02); border-bottom-color: rgba(255,255,255,0.05); } [data-theme="dark"] .expandGrid { color: rgba(255,255,255,0.52); } [data-theme="dark"] .expandGrid div strong { color: rgba(255,255,255,0.35); } [data-theme="dark"] .expandActions { border-top-color: rgba(255,255,255,0.07); } /* Tabs row + sales tabs */ [data-theme="dark"] .salesTabsRow { border-bottom-color: rgba(255,255,255,0.08); } [data-theme="dark"] .tabsRow { border-bottom-color: rgba(255,255,255,0.07); } [data-theme="dark"] .pagerRow { border-top-color: rgba(255,255,255,0.07); } [data-theme="dark"] .dot { color: rgba(255,255,255,0.18); } [data-theme="dark"] .pageMeta { color: rgba(255,255,255,0.38); } /* Google-style search result cards in lot search */ [data-theme="dark"] .lotSearchResult { border-bottom-color: rgba(255,255,255,0.06); } [data-theme="dark"] .lotSearchResult:hover { background: rgba(255,255,255,0.03); } [data-theme="dark"] .lsrTitle { color: #8cbfff; } [data-theme="dark"] .lotSearchResult:hover .lsrTitle { color: #aad0ff; } /* ══════════════════════════════════════════ TERMINAL — HOUSE BREAKDOWN (Analysis card) Dark gradient replacing the sky-blue light one ══════════════════════════════════════════ */ [data-theme="dark"] .analysisHeroCard { border-color: rgba(30,60,100,0.50) !important; } /* Replace the light sky gradient with a deep dark-cool gradient */ [data-theme="dark"] .analysisHeroBg { background: radial-gradient(ellipse at 0% 0%, rgba(20,60,120,0.45) 0%, transparent 50%), radial-gradient(ellipse at 100% 0%, rgba(14,80,140,0.30) 0%, transparent 45%), radial-gradient(ellipse at 50% 100%, rgba(10,40,80,0.55) 0%, transparent 55%), linear-gradient(175deg, #0d1f3c 0%, #101828 25%, #0f1520 55%, #0e1219 80%, #0d1117 100%) !important; } [data-theme="dark"] .analysisHeroBg::after { background: radial-gradient(ellipse at 80% 5%, rgba(20,60,120,0.25) 0%, transparent 40%); } /* Text inside the card */ [data-theme="dark"] .subTitleLight { color: rgba(255,255,255,0.88); } [data-theme="dark"] .analysisRightCol .subTitle { color: rgba(255,255,255,0.80); } /* Key data values inside the analysis right col */ [data-theme="dark"] .analysisRightCol .kv .k { color: rgba(255,255,255,0.38); } [data-theme="dark"] .analysisRightCol .kv .v { color: rgba(255,255,255,0.80); } /* Key footer button */ [data-theme="dark"] .viewBtn { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.14); color: rgba(255,255,255,0.65); } [data-theme="dark"] .viewBtn:hover { background: rgba(255,255,255,0.14); color: rgba(255,255,255,0.88); } /* House legend text inside the dark card */ [data-theme="dark"] .analysisHeroCard .houseLegendRow:hover { background: rgba(255,255,255,0.06); } [data-theme="dark"] .analysisHeroCard .houseLegendName { color: rgba(255,255,255,0.82); } [data-theme="dark"] .analysisHeroCard .houseLegendPct { color: rgba(255,255,255,0.82); } [data-theme="dark"] .analysisHeroCard .houseLegendSub { color: rgba(255,255,255,0.40); } [data-theme="dark"] .analysisHeroCard .legendToggleBtn { border-color: rgba(255,255,255,0.14); background: rgba(255,255,255,0.05); color: rgba(255,255,255,0.50); } [data-theme="dark"] .analysisHeroCard .legendToggleBtn:hover { background: rgba(255,255,255,0.12); color: rgba(255,255,255,0.80); } /* Toggle pill inside the dark card */ [data-theme="dark"] .analysisHeroCard .toggleTrack { background: rgba(255,255,255,0.20); } [data-theme="dark"] .analysisHeroCard .togglePill input:checked ~ .toggleTrack { background: rgba(100,180,255,0.70); } [data-theme="dark"] .analysisHeroCard .toggleThumb { background: #0d1117; } [data-theme="dark"] .analysisHeroCard .toggleLbl { color: rgba(255,255,255,0.55); } /* Divider inside analysis card */ [data-theme="dark"] .analysisDivider { background: rgba(255,255,255,0.08); } [data-theme="dark"] .beetle-footer { color: rgba(255, 255, 255, 0.25); }