/* AIHOT-inspired colors only: no content/layout/artwork/financial-state recoloring.
   Palette reference: KKKKhazix/AIHOT apps/web/app/app.css @ 9acad0c3. */
:root {
  --w-primary: #176b75; --w-primary-hover: #145f68; --w-primary-strong: #145f68;
  --w-primary-soft: rgba(23, 107, 117, .08); --w-primary-softer: rgba(23, 107, 117, .05);
  --w-primary-border: #d1d9d5; --w-primary-on-dark: #12ccd8;
  --w-ink: #202a30; --w-ink-secondary: #303c42; --w-muted: #59656b;
  --w-line: #dfe4e1; --w-bg: #faf9f6; --w-surface: #ffffff;
  --w-surface-soft: #fdfdfb; --w-sunk: #f3f3ef; --w-field: #eef1ed; --w-success: #6ee7b7;
  --vp-c-brand-1: var(--w-primary) !important; --vp-c-brand-2: var(--w-primary-hover) !important;
  --vp-c-brand-3: var(--w-primary) !important; --vp-c-brand-soft: var(--w-primary-soft) !important;
  --vp-c-bg: var(--w-bg) !important; --vp-c-bg-alt: var(--w-surface-soft) !important;
  --vp-c-bg-soft: var(--w-sunk) !important; --vp-c-bg-elv: var(--w-surface) !important;
  --vp-c-text-1: var(--w-ink) !important; --vp-c-text-2: var(--w-muted) !important; --vp-c-text-3: #657176 !important;
  --vp-c-divider: var(--w-line) !important; --vp-c-border: var(--w-primary-border) !important;
  --vp-button-brand-bg: var(--w-primary) !important; --vp-button-brand-hover-bg: var(--w-primary-hover) !important;
  --vp-button-brand-active-bg: var(--w-primary-strong) !important; --vp-button-brand-text: #fff !important;
  --vp-home-hero-name-color: var(--w-ink) !important; --vp-home-hero-name-background: none !important;
  --ui-accent: var(--w-primary) !important; --ui-accent-hover: var(--w-primary-hover) !important;
  --ui-accent-soft: var(--w-primary-soft) !important; --ui-text-on-accent: #fff !important;
  --ui-focus-ring: rgba(23, 107, 117, .16) !important; --tg-theme-accent-text-color: var(--w-primary) !important;
}
:root:is(.dark, [data-theme="dark"]) {
  --vp-c-brand-1: var(--w-primary-on-dark) !important; --vp-c-brand-2: #2ce2e8 !important;
  --vp-c-brand-3: var(--w-primary-on-dark) !important; --vp-c-brand-soft: rgba(18, 204, 216, .12) !important;
  --vp-c-bg: #13191c !important; --vp-c-bg-alt: #161e21 !important; --vp-c-bg-soft: #182024 !important; --vp-c-bg-elv: #1a2226 !important;
  --vp-c-text-1: #e7eceb !important; --vp-c-text-2: #a5b0b3 !important; --vp-c-text-3: #89979d !important;
  --vp-c-divider: rgba(255, 255, 255, .08) !important; --vp-c-border: rgba(255, 255, 255, .12) !important;
  --vp-button-brand-bg: #12ccd8 !important; --vp-button-brand-hover-bg: #2ce2e8 !important;
  --vp-button-brand-active-bg: #12ccd8 !important; --vp-button-brand-text: #000 !important;
  --vp-home-hero-name-color: #e7eceb !important;
  --ui-accent: #12ccd8 !important; --ui-accent-hover: #2ce2e8 !important; --ui-accent-soft: rgba(18, 204, 216, .12) !important;
  --ui-text-on-accent: #000 !important; --ui-focus-ring: rgba(18, 204, 216, .22) !important;
  --tg-theme-accent-text-color: var(--w-primary-on-dark) !important;
}
/* Portal and market shells: map brand variables, not financial status variables. */
:root:has([data-homepage-version]), body:has([data-homepage-version]),
:root:has(.header-inner [data-nav]), body:has(.header-inner [data-nav]) {
  --green: var(--w-primary); --green-dark: var(--w-primary-hover); --lime: #e9ede9;
  --bg: var(--w-bg); --ink: var(--w-ink); --text: var(--w-ink); --muted: var(--w-muted); --line: var(--w-line);
}
body:has([data-homepage-version]) :focus-visible, body:has(.header-inner [data-nav]) :focus-visible { outline-color: var(--w-primary); }
body:has([data-homepage-version]) .contact-strip { background: var(--w-sunk); border-color: var(--w-line); }
body:has([data-homepage-version]) :is(.topbar, .bottom-nav) { background: #fdfdfbf2; }
body:has([data-homepage-version]) .referral-section { background: var(--w-sunk); border: 1px solid var(--w-line); color: var(--w-ink); }
body:has([data-homepage-version]) :is(.referral-intro h1, .referral-intro h2) { color: var(--w-ink); }
body:has([data-homepage-version]) :is(.referral-intro .eyebrow, .referral-intro > p, .referral-disclosure) { color: var(--w-muted); }
body:has([data-homepage-version]) .referral-contact { color: var(--w-primary); border-color: var(--w-primary-border); }
body:has([data-homepage-version]) .referral-contact:hover { color: var(--w-primary-hover); }
body:has([data-homepage-version]) .referral-section :focus-visible { outline-color: var(--w-primary); }
body:has([data-homepage-version]) :is(.button, .filter-bar button[aria-pressed="true"]) { color: #fff; background: var(--w-primary); border-color: var(--w-primary); }
body:has([data-homepage-version]) .button:hover { color: #fff; background: var(--w-primary-hover); }
body:has([data-homepage-version]) :is(.tag, .tag-yellow) { background: var(--w-primary-soft); color: var(--w-primary-hover); }
body:has([data-homepage-version]) :is(.desktop-nav .referral-nav, .desktop-nav a:hover, .bottom-nav a[aria-current], .owner-menu-panel a:hover, .mobile-menu nav a:hover) { background: var(--w-primary-soft); }
body:has([data-homepage-version]) .owner-menu > summary { border-color: var(--w-primary-border); }
body:has([data-homepage-version]) :is(.search-trigger, .filter-bar button:not([aria-pressed="true"]), .reading-label, .close-search) { background: var(--w-sunk); }
body:has([data-homepage-version]) .filter-bar button:hover:not([aria-pressed="true"]) { background: var(--w-primary-soft); border-color: var(--w-primary-border); }
body:has([data-homepage-version]) :is(.book-card, .exchange-card, .project-card, .start-card a) { border-color: var(--w-line); }
body:has([data-homepage-version]) .book-card { background: var(--w-surface-soft); }
body:has([data-homepage-version]) .book-card:hover { border-color: var(--w-primary-border); box-shadow: 0 3px 12px rgba(32, 42, 48, .055); }
body:has([data-homepage-version])[data-member-state="member"] .reading-label,
body:has([data-homepage-version]) [data-member-state="member"] .reading-label { background: var(--w-primary-soft); color: var(--w-primary); }
body:has([data-homepage-version]) :is(.mobile-ai, .join-banner) { background: var(--w-surface-soft); border-color: var(--w-line); }
body:has([data-homepage-version]) .search-input-wrap { border-color: var(--w-primary-border); }
body:has([data-homepage-version]) #search-results a:is(:hover, :focus-visible) { background: var(--w-primary-soft); }
body:has([data-homepage-version]) :is(.brand-mark, .ai-feature) { color: var(--w-ink); background: var(--w-surface-soft); border: 1px solid var(--w-line); }
body:has([data-homepage-version]) .brand-mark { color: var(--w-primary); }
body:has([data-homepage-version]) .ai-feature :is(h2, h3, p, a) { color: var(--w-ink); }
body:has([data-homepage-version]) .ai-feature p { color: var(--w-muted); }
body:has([data-homepage-version]) .ai-feature :is(.tag, .ai-icon) { color: var(--w-primary); }
body:has([data-homepage-version]) .ai-feature .tag { background: var(--w-primary-soft); }
body:has([data-homepage-version]) .ai-button { border-color: var(--w-primary-border); }
body:has([data-homepage-version]) .market-entries > a { background: var(--w-surface-soft); }
body:has([data-homepage-version]) .market-entries > a:hover { background: var(--w-primary-softer); border-color: var(--w-primary-border); }
body:has([data-homepage-version]) .market-home-events > a { border-color: var(--w-line); }
body:has(.header-inner [data-nav]) header { background: #fdfdfbf2; }
body:has(.header-inner [data-nav]) .brand-mark { color: var(--w-primary); background: var(--w-surface-soft); border: 1px solid var(--w-line); }
body:has(.header-inner [data-nav]) a:hover { color: var(--w-primary); }
body:has(.header-inner [data-nav]) .button { background: var(--w-primary); color: #fff; border-color: var(--w-primary); }
body:has(.header-inner [data-nav]) .button:hover { color: #fff; background: var(--w-primary-hover); }
body:has(.header-inner [data-nav]) .button.quiet { color: var(--w-primary); background: #fff; border-color: var(--w-line); }
body:has(.header-inner [data-nav]) :is(.pill, .macro, .mobile-nav a[aria-current], .market-tabs button[aria-selected="true"]) { background: var(--w-primary-soft); }
body:has(.header-inner [data-nav]) :is(th, .data-details, .document-links a) { background: var(--w-surface-soft); }
body:has(.header-inner [data-nav]) .notice:not(.warning) { background: var(--w-sunk); border-color: var(--w-primary-border); }
body:has(.header-inner [data-nav]) .spark :is(path, polyline) { stroke: var(--w-primary); }
/* Calendar chrome only. Green/purple/blue categories, urgency and source status stay intact. */
body.calendar-page:has(.month-card) { --bg: var(--w-bg); background: var(--w-bg); color: var(--w-ink); }
body.calendar-page .header-inner a[aria-current] { color: var(--w-primary); }
body.calendar-page .cal-heading h1 svg { stroke: var(--w-primary); }
body.calendar-page :is(.month-card, .month-cell, .month-weekdays, .cal-agenda, .cal-event, .cal-filter-bar, .cal-button, .cal-follow, .cal-utility-bar select, .cal-utility-bar input, #calendar-search, .detail-view) { border-color: var(--w-line); }
body.calendar-page :is(.month-heading p, .cal-heading p, .cal-legend, .cal-loading, .more-events, .event-clock > span, .event-status, .event-content p, .cal-event-actions > a, .cal-filter-tabs button, .cal-follow-filter, .detail-eyebrow, .cal-utility-bar) { color: var(--w-muted); }
body.calendar-page :is(.event-title-row h3, .cal-icon-button, .cal-button, .cal-follow) { color: var(--w-ink); }
body.calendar-page :is(.month-weekdays, .month-cell.weekend:not(.is-selected), .month-cell.outside-month, .detail-view, #calendar-search) { background: var(--w-surface-soft); }
body.calendar-page .month-weekdays { color: var(--w-muted); }
body.calendar-page :is(.cal-icon-button:hover, .cal-button:hover, .month-day:hover, .cal-filter-tabs button:hover) { background: var(--w-primary-softer); }
body.calendar-page .month-cell.is-selected { background: var(--w-primary-softer); box-shadow: inset 0 0 0 2px var(--w-primary); }
body.calendar-page :is(.is-selected, .is-today) .day-number { background: var(--w-primary); color: #fff; }
body.calendar-page :is(.cal-filter-tabs button[aria-pressed="true"], .cal-follow[aria-pressed="true"]) { background: var(--w-primary-soft); border-color: var(--w-primary-border); color: var(--w-primary); }
body.calendar-page input[type="checkbox"] { accent-color: var(--w-primary); }
body.calendar-page #follow-count { color: var(--w-primary); }
/* Reader/AI storefront surfaces follow the light/dark palette, without changing code or artwork. */
body:has(.VPNav) { background-image: none; }
body:has(.VPNav) :is(.bookshelf, .collection-grid) .book-card { background: var(--vp-c-bg-soft); border-color: var(--vp-c-divider); }
body:has(.VPNav) :is(.bookshelf, .collection-grid) .book-card:hover { border-color: var(--vp-c-brand-1); }
:root:has(.theme-wordmark) {
  --ui-bg-page: var(--w-bg); --ui-bg-elevated: var(--w-surface); --ui-bg-soft: var(--w-sunk); --ui-bg-muted: #e9ede9;
  --ui-text-primary: var(--w-ink); --ui-text-secondary: var(--w-ink-secondary); --ui-text-muted: var(--w-muted);
  --ui-border: var(--w-line); --ui-border-strong: var(--w-primary-border);
}
:root:is(.dark, [data-theme="dark"]):has(.theme-wordmark) {
  --ui-bg-page: #13191c; --ui-bg-elevated: #1a2226; --ui-bg-soft: #182024; --ui-bg-muted: #202a2f;
  --ui-text-primary: #e7eceb; --ui-text-secondary: #d2dada; --ui-text-muted: #a5b0b3;
  --ui-border: rgba(255, 255, 255, .08); --ui-border-strong: rgba(255, 255, 255, .12);
}
/* Existing dark account/owner dashboards retain surfaces; cyan is the dark accent. */
:root:has(.brand-icon), body:has(.brand-icon) { --accent: var(--w-primary-on-dark); }
body:has(.brand-icon) :is(button:not(.secondary), .action-link) { background: #12ccd8; color: #000; }
body:has(.brand-icon) :is(button:not(.secondary), .action-link):hover { background: #2ce2e8; color: #000; }
body:has(.brand-icon) .brand-icon { color: #12ccd8; border-color: #176b75; }
body:has(.brand-icon) .dot { box-shadow: 0 0 14px #12ccd840; }
body:has(.brand-icon) .line-art i { border-color: #176b75; }
body:has(.brand-icon) input:focus { border-color: #12ccd8; box-shadow: 0 0 0 3px #12ccd825; }
body:has(.brand-icon) .steps .current b { border-color: #12ccd8; background: #182024; }
body:has(.brand-icon) .success { color: var(--w-success); }
body:has(.brand-icon) .owner-shortcuts { border-color: #176b75; background: #12ccd808; }
body:has(.brand-icon) .owner-shortcuts a:hover { background: #12ccd816; }
:root:has(.masthead #site-title), :root:has(#dashboard .metrics), body:has(#dashboard .metrics) { --accent: var(--w-primary-on-dark); --blue: #c4b5fd; }
body:has(#dashboard .metrics) :is(button.selected, .login-row button) { background: #12ccd8; border-color: #12ccd8; color: #000; }
body:has(#dashboard .metrics) .metric.accent { background: #182024; border-color: #176b75; }
body:has(#dashboard .metrics) .live:not([data-state="loading"]):not([data-state="locked"]) i { background: var(--w-success); }
body:has(#dashboard .metrics) :is(button:hover, .section-nav a:hover) { border-color: #12ccd8; }
/* Referral destinations, exchange artwork, PnL and destructive actions remain untouched. */
:root:has(.mobcta), body:has(.mobcta) { --accent: var(--w-primary-on-dark); }
body:has(.mobcta) :is(.cta, .navbtn, .mobcta a) { background: #12ccd8; color: #000; box-shadow: none; }
body:has(.mobcta) :is(.cta, .navbtn, .mobcta a):hover { background: #2ce2e8; color: #000; }
body:has(.mobcta) .bgfx { background: none; }
body:has(.mobcta) :is(h1 .hl, .big50) { background-image: none; color: #12ccd8; -webkit-text-fill-color: #12ccd8; }
body:has(.mobcta) .big50 { filter: none; }
body:has(.mobcta) .badge { background: #12ccd818; border-color: #176b75; color: #12ccd8; }
body:has(.mobcta) .final { background: #12ccd810; border-color: #176b75; }
body:has(.mobcta) .yes { color: #2af598; }
body:has(#importFile) { background: #070a12; }
body:has(#importFile) :is(#addBtn, #e_saveBtn) { background: #12ccd8; border-color: #12ccd8; color: #000; }
body:has(#importFile) :is(input, select, textarea):focus { border-color: #12ccd8; box-shadow: 0 0 0 3px #12ccd825; }
body:has(#refreshButton) .brand-mark { color: #000; border-color: #12ccd8; background: #12ccd8; box-shadow: none; }
body:has(#refreshButton) .primary-button { background: #12ccd8; color: #000; }
body:has(#refreshButton) .primary-button:hover { background: #2ce2e8; }
body:has(#refreshButton) .asset-tab.is-active { background: #12ccd818; border-color: #176b75; }
body:has(#refreshButton) :is(.refresh-button, .export-trigger):hover { border-color: #12ccd8; }
body:has(#refreshButton) :is(button, a):focus-visible { outline-color: #12ccd8; }
body:has(.market-switch) .eyebrow { color: #12ccd8; }
body:has(.market-switch) :is(.market-switch .market-active, .filter-tabs .filter-active, .filter-tabs button:hover) { background: #182024; color: #12ccd8; border-color: #176b75; }
body:has(.market-switch) :is(button, a):focus-visible { outline: 2px solid #12ccd8; outline-offset: 3px; }
:root:has(.hero-controls .field-prefix) { --paper: var(--w-bg); --surface: #fff; --ink: var(--w-ink); --muted: var(--w-muted); --line: var(--w-line); }
body:has(.hero-controls .field-prefix) :is(.refresh-button, .solid-button) { color: #fff; background: var(--w-primary); border-color: var(--w-primary); }
body:has(.hero-controls .field-prefix) :is(.refresh-button, .solid-button):hover { background: var(--w-primary-hover); }
body:has(.hero-controls .field-prefix) .eyebrow span { background: var(--w-primary); color: #fff; }
body:has(.hero-controls .field-prefix) footer button { color: var(--w-primary); }
body:has(.hero-controls .field-prefix) .signal-card { background: #111827; border-color: #273449; }
body:has(.hero-controls .field-prefix) :is(button, a, input, select):focus-visible { outline: 2px solid var(--w-primary); outline-offset: 3px; }
@media print {
  body:has([data-homepage-version]) .referral-section { background: #eee; color: #111; }
  body:has([data-homepage-version]) :is(.referral-intro > p, .referral-disclosure) { color: #333; }
}