/* Research Midnight Athenaeum tokens — Research product only.
   Do not set these on :root. Gold is the brand accent, not a fill for every control. */

html:not([data-product-surface="math"]) #vkb-toggle,
html:not([data-product-surface="math"]) #math-conventions-mount,
html:not([data-product-surface="math"]) .vkb-panel {
  display: none !important;
}

html[data-active-product="research"] .btn-theme-switch-wrap {
  display: none !important;
}

html[data-active-product="research"] .main-header-row {
  background: var(--mm-background, oklch(0.17 0.032 265));
  color: var(--mm-foreground, oklch(0.95 0.008 250));
  border-bottom-color: var(--mm-border, oklch(0.32 0.03 264));
}

html[data-active-product="research"] .main-header-row .theme-btn {
  background: var(--mm-surface, oklch(0.213 0.031 264));
  color: var(--mm-foreground, oklch(0.95 0.008 250));
  border-color: var(--mm-border, oklch(0.32 0.03 264));
}

html[data-active-product="research"] .main-header-row .theme-btn.active {
  background: var(--mm-surface-raised, oklch(0.245 0.034 264));
  color: var(--mm-gold, oklch(0.82 0.108 85));
  border-color: color-mix(in oklab, var(--mm-gold, oklch(0.82 0.108 85)) 55%, transparent);
}

html[data-active-product="research"] .product-context-bar--research {
  border-left-color: var(--mm-gold, oklch(0.82 0.108 85));
  background: var(--mm-surface, oklch(0.213 0.031 264));
  color: var(--mm-foreground, oklch(0.95 0.008 250));
}

html[data-active-product="research"] .rph-shell,
html[data-active-product="research"] .rd-shell,
html[data-active-product="research"] .rds-shell,
html[data-active-product="research"] #research-stats-workspace,
html[data-active-product="research"] #research-data-workspace,
html[data-active-product="research"] #research-report-workspace,
html[data-active-product="research"] #research-design-workspace,
html[data-active-product="research"] #qualitative-workspace,
html[data-active-product="research"] #survey-builder-workspace,
html[data-active-product="research"] .main-header-row,
html[data-active-product="research"] .research-copilot-panel,
html[data-active-product="research"] .research-copilot-fab,
html[data-active-product="research"] .research-report-fab,
html[data-active-product="research"] .research-report-panel {
  --mm-background: oklch(0.17 0.032 265);
  --mm-foreground: oklch(0.95 0.008 250);
  --mm-surface: oklch(0.213 0.031 264);
  --mm-surface-raised: oklch(0.245 0.034 264);
  --mm-muted: oklch(0.71 0.021 258);
  --mm-border: oklch(0.32 0.03 264);
  --mm-border-strong: oklch(0.42 0.028 264);
  --mm-gold: oklch(0.82 0.108 85);
  --mm-gold-soft: oklch(0.88 0.06 88);
  --mm-gold-hover: color-mix(in oklab, var(--mm-gold) 16%, transparent);
  --mm-accent: oklch(0.72 0.09 205);
  --mm-danger: #f87171;
  --mm-success: #4ade80;
  --mm-warning: #fbbf24;
  --mm-info: oklch(0.72 0.02 250);
  --mm-font-display: "Cormorant Garamond", "Times New Roman", serif;
  --mm-font-ui: "Commissioner", "Segoe UI", sans-serif;
  --mm-radius: 0.5rem;
  --mm-shadow-elevated: 0 24px 60px -30px oklch(0.08 0.03 265 / 0.9);
  --mm-shadow-gold: 0 0 0 1px color-mix(in oklab, var(--mm-gold) 42%, transparent),
    0 18px 40px -28px color-mix(in oklab, var(--mm-gold) 28%, transparent);

  --bg-page: var(--mm-background);
  --bg: var(--mm-background);
  --card-bg: var(--mm-surface);
  --card-border: var(--mm-border);
  --text: var(--mm-foreground);
  --text-muted: var(--mm-muted);
  --input-border: var(--mm-border);
  --input-focus: var(--mm-gold);
  --divider: var(--mm-border);
  --accent: var(--mm-gold);
  --accent-subtle: color-mix(in oklab, var(--mm-gold) 14%, transparent);
  --accent-fg: var(--mm-gold);
  --btn-primary-bg: var(--mm-gold);
  --btn-primary-hover: var(--mm-gold-soft);
  --btn-ghost-bg: color-mix(in oklab, var(--mm-foreground) 5%, transparent);
  --btn-ghost-text: var(--mm-muted);
  --btn-secondary-bg: color-mix(in oklab, var(--mm-foreground) 4%, transparent);
  --btn-secondary-tint: color-mix(in oklab, var(--mm-foreground) 6%, transparent);
  --btn-border: var(--mm-border);
  --btn-text: var(--mm-foreground);
  --btn-gradient-start: var(--mm-border-strong);
  --btn-gradient-end: var(--mm-border);
  --ai-accent-from: var(--mm-gold);
  --ai-accent-to: var(--mm-gold-soft);
  --ai-glow: color-mix(in oklab, var(--mm-gold) 22%, transparent);
  --tab-active-bg: var(--mm-surface-raised);
  --tab-active-text: var(--mm-foreground);
  --tab-bg: var(--mm-surface);

  --rd-bg: var(--mm-background);
  --rd-surface: var(--mm-surface);
  --rd-surface-elevated: var(--mm-surface-raised);
  --rd-border: var(--mm-border);
  --rd-border-subtle: color-mix(in oklab, var(--mm-muted) 22%, transparent);
  --rd-text: var(--mm-foreground);
  --rd-text-muted: var(--mm-muted);
  --rd-muted: var(--mm-muted);
  --rd-accent: var(--mm-gold);
  --rd-accent-soft: color-mix(in oklab, var(--mm-gold) 14%, transparent);
  --rd-ai: var(--mm-info);
  --rd-success: var(--mm-success);
  --rd-warning: var(--mm-warning);
  --rd-danger: var(--mm-danger);
  --rd-input: var(--mm-surface-raised);
  --rd-surface-secondary: var(--mm-surface);

  --cp-grad-start: var(--mm-surface-raised);
  --cp-grad-end: var(--mm-surface);
}

html[data-theme="light"][data-active-product="research"] .rph-shell,
html[data-theme="light"][data-active-product="research"] .rd-shell,
html[data-theme="light"][data-active-product="research"] .rds-shell,
html[data-theme="light"][data-active-product="research"] #research-stats-workspace,
html[data-theme="light"][data-active-product="research"] #research-data-workspace,
html[data-theme="light"][data-active-product="research"] #research-report-workspace,
html[data-theme="light"][data-active-product="research"] #research-design-workspace,
html[data-theme="light"][data-active-product="research"] #qualitative-workspace,
html[data-theme="light"][data-active-product="research"] #survey-builder-workspace,
html[data-theme="light"][data-active-product="research"] .main-header-row,
html[data-theme="light"][data-active-product="research"] .research-copilot-panel,
html[data-theme="light"][data-active-product="research"] .research-copilot-fab,
html[data-theme="light"][data-active-product="research"] .research-report-fab,
html[data-theme="light"][data-active-product="research"] .research-report-panel {
  --mm-background: oklch(0.97 0.012 85);
  --mm-foreground: oklch(0.22 0.028 265);
  --mm-surface: oklch(0.99 0.008 85);
  --mm-surface-raised: oklch(0.995 0.01 78);
  --mm-muted: oklch(0.38 0.018 258);
  --mm-border: oklch(0.86 0.014 80);
  --mm-border-strong: oklch(0.72 0.02 80);
  --mm-gold: oklch(0.50 0.12 80);
  --mm-gold-soft: oklch(0.45 0.10 80);
  --mm-gold-hover: color-mix(in oklab, var(--mm-gold) 12%, transparent);
  --mm-accent: oklch(0.55 0.05 205);
  --mm-danger: #b91c1c;
  --mm-success: #166534;
  --mm-warning: #b45309;
  --mm-info: oklch(0.42 0.02 250);
  --mm-shadow-elevated: 0 16px 40px -28px oklch(0.35 0.02 80 / 0.28);
  --mm-shadow-gold: 0 0 0 1px color-mix(in oklab, var(--mm-gold) 38%, transparent),
    0 14px 32px -24px color-mix(in oklab, var(--mm-gold) 18%, transparent);
}

/* Featured CTA: Research-scoped override of the shared class — do not edit global .btn-ai-primary */
html[data-active-product="research"] .btn-ai-primary,
html[data-active-product="research"] .btn--primary,
html[data-active-product="research"] #research-design-project-save,
html[data-active-product="research"] .research-copilot-state__cta {
  background: var(--mm-surface-raised);
  border: 1px solid color-mix(in oklab, var(--mm-gold) 55%, transparent);
  color: var(--mm-gold);
  box-shadow: none;
  font-weight: 600;
}

html[data-active-product="research"] .btn-ai-primary:hover:not(:disabled),
html[data-active-product="research"] .btn--primary:hover:not(:disabled),
html[data-active-product="research"] #research-design-project-save:hover,
html[data-active-product="research"] .research-copilot-state__cta:hover {
  background: var(--mm-gold-hover);
  border-color: color-mix(in oklab, var(--mm-gold) 72%, transparent);
  color: var(--mm-gold);
  filter: none;
  box-shadow: var(--mm-shadow-gold);
  transform: translateY(-1px);
}

html[data-theme="dark"][data-active-product="research"] .btn-ai-primary,
html[data-theme="dark"][data-active-product="research"] .btn--primary,
html[data-theme="dark"][data-active-product="research"] #research-design-project-save {
  color: var(--mm-gold);
  font-weight: 600;
}

/* Secondary: Research-scoped override — global .btn-secondary-theme unchanged */
html[data-active-product="research"] .btn-secondary-theme {
  background: var(--mm-surface);
  border: 1px solid var(--mm-border);
  color: var(--mm-foreground);
  box-shadow: none;
}

html[data-active-product="research"] .rd-header__actions #research-design-export-word,
html[data-active-product="research"] .rd-header__actions #research-design-project-save-as {
  background: color-mix(in oklab, var(--mm-gold) 12%, transparent);
  border: 1px solid color-mix(in oklab, var(--mm-gold) 48%, transparent);
  color: var(--mm-gold);
  font-weight: 600;
}

html[data-active-product="research"] .rd-header__actions #research-design-export-word:hover,
html[data-active-product="research"] .rd-header__actions #research-design-project-save-as:hover {
  background: color-mix(in oklab, var(--mm-gold) 22%, transparent);
  border-color: color-mix(in oklab, var(--mm-gold) 70%, transparent);
  color: var(--mm-gold);
}

html[data-active-product="research"] .btn.ghost,
html[data-active-product="research"] .btn--ghost {
  background: transparent;
  border: 1px solid var(--mm-border);
  color: var(--mm-muted);
}

html[data-active-product="research"] .rph-btn-danger,
html[data-active-product="research"] .rph-item-menu__item--danger,
html[data-active-product="research"] .research-project-filebar__delete {
  color: var(--mm-danger);
  border-color: color-mix(in oklab, var(--mm-danger) 40%, transparent);
}

/* Hub manager: selected / tabs / icons */
html[data-active-product="research"] .rph-tab--active {
  border-bottom-color: var(--mm-gold);
  color: var(--mm-foreground);
}

html[data-active-product="research"] .rph-card--accent-0 .rph-card__icon,
html[data-active-product="research"] .rph-card--accent-1 .rph-card__icon,
html[data-active-product="research"] .rph-card--accent-2 .rph-card__icon,
html[data-active-product="research"] .rph-card--accent-3 .rph-card__icon,
html[data-active-product="research"] .rph-card--accent-4 .rph-card__icon,
html[data-active-product="research"] .rph-card--accent-5 .rph-card__icon,
html[data-theme="light"][data-active-product="research"] .rph-card--accent-0 .rph-card__icon,
html[data-theme="light"][data-active-product="research"] .rph-card--accent-1 .rph-card__icon,
html[data-theme="light"][data-active-product="research"] .rph-card--accent-2 .rph-card__icon,
html[data-theme="light"][data-active-product="research"] .rph-card--accent-3 .rph-card__icon,
html[data-theme="light"][data-active-product="research"] .rph-card--accent-4 .rph-card__icon,
html[data-theme="light"][data-active-product="research"] .rph-card--accent-5 .rph-card__icon {
  background: color-mix(in oklab, var(--mm-surface-raised) 80%, transparent);
  border-color: var(--mm-border);
  color: var(--mm-muted);
}

html[data-active-product="research"] .rph-workspace-card--primary {
  border-color: color-mix(in oklab, var(--mm-gold) 40%, var(--mm-border));
  box-shadow: 0 1px 0 color-mix(in oklab, var(--mm-gold) 12%, transparent);
}

html[data-active-product="research"] .rph-workspace-card__eyebrow,
html[data-active-product="research"] .rph-workspace-card__icon {
  color: var(--mm-gold);
}

html[data-active-product="research"] .rph-workspace-card:hover:not(:disabled) {
  border-color: color-mix(in oklab, var(--mm-gold) 35%, var(--mm-border));
}

html[data-active-product="research"] .rph-page-head__title,
html[data-active-product="research"] .rph-product-header__title {
  font-family: var(--mm-font-display);
}

html[data-active-product="research"] .rph-shell,
html[data-active-product="research"] #qualitative-workspace,
html[data-active-product="research"] #survey-builder-workspace {
  font-family: var(--mm-font-ui);
  background: var(--mm-background);
  color: var(--mm-foreground);
}

/* Design nav selected: hairline, not a gold brick */
html[data-active-product="research"] .rd-nav__item--active {
  background: var(--rd-accent-soft);
  box-shadow: inset 3px 0 0 color-mix(in oklab, var(--mm-gold) 70%, transparent);
}

html[data-active-product="research"] .rd-nav__item--active::before {
  background: var(--mm-gold);
}

html[data-active-product="research"] .rd-header__project-title:focus,
html[data-active-product="research"] .rd-scientific-title__input:focus {
  box-shadow: 0 1px 0 0 var(--mm-gold);
}

/* Data nav: retire brand blue */
html[data-active-product="research"] #research-data-nav {
  border-right-color: var(--mm-border);
}

html[data-active-product="research"] #research-data-nav .rd-nav__item:hover {
  background: color-mix(in oklab, var(--mm-foreground) 5%, transparent);
  border-color: var(--mm-border);
}

html[data-active-product="research"] #research-data-nav .rd-nav__item--active {
  background: var(--rd-accent-soft);
  border-color: color-mix(in oklab, var(--mm-gold) 45%, transparent);
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--mm-gold) 18%, transparent);
}

html[data-active-product="research"] .rds-quality-check--violet,
html[data-active-product="research"] .rds-quality-check--teal {
  border-left-color: var(--mm-info);
}

/* Assistant + report FABs belong to Research, not a second brand */
html[data-active-product="research"] .research-copilot-fab,
html[data-active-product="research"] .research-report-fab {
  background: var(--mm-surface-raised);
  color: var(--mm-gold);
  border: 1px solid color-mix(in oklab, var(--mm-gold) 55%, transparent);
  box-shadow: var(--mm-shadow-elevated);
}

html[data-active-product="research"] .research-report-fab {
  color: var(--mm-foreground);
  border-color: var(--mm-border);
}

html[data-active-product="research"] .research-report-fab--highlight {
  border-color: color-mix(in oklab, var(--mm-gold) 55%, transparent);
  box-shadow: var(--mm-shadow-gold);
}

html[data-active-product="research"] .research-copilot-panel {
  background: var(--mm-surface);
  border-left-color: var(--mm-border);
  color: var(--mm-foreground);
  font-family: var(--mm-font-ui);
}

html[data-active-product="research"] .research-copilot-head__ava {
  background: var(--mm-surface-raised);
  border: 1px solid color-mix(in oklab, var(--mm-gold) 42%, transparent);
  color: var(--mm-gold);
}

html[data-active-product="research"] .research-copilot-summary__top,
html[data-active-product="research"] .research-copilot-state__stage {
  color: var(--mm-gold);
}

html[data-active-product="research"] .research-copilot-state {
  background: color-mix(in oklab, var(--mm-gold) 6%, var(--mm-surface));
}

html[data-active-product="research"] .research-copilot-state__sec:hover {
  border-color: var(--mm-gold);
  color: var(--mm-foreground);
}

html[data-active-product="research"] .research-companion-tabs__btn--active,
html[data-active-product="research"] .research-workspace-rail__btn--active {
  color: var(--mm-gold);
  border-color: color-mix(in oklab, var(--mm-gold) 45%, transparent);
}

html[data-active-product="research"] .rr-official-banner--ready {
  border-color: color-mix(in oklab, var(--mm-success) 40%, transparent);
  background: color-mix(in oklab, var(--mm-success) 10%, transparent);
}

/* Knowledge cards inside Research Assistant only — collapse rainbow brand */
html[data-active-product="research"] .research-copilot-panel .md-callout--note,
html[data-active-product="research"] .research-copilot-panel .md-callout--definition,
html[data-active-product="research"] .research-copilot-panel .md-callout--example,
html[data-active-product="research"] .research-copilot-panel .md-callout--keyidea,
html[data-active-product="research"] .research-copilot-panel .md-callout--assumptions,
html[data-active-product="research"] .research-copilot-panel .md-callout--comparison,
html[data-active-product="research"] .research-copilot-panel .md-callout--interpretation,
html[data-active-product="research"] .research-copilot-panel .md-callout--formula,
html[data-active-product="research"] .research-copilot-panel .md-callout--summary {
  border-left-color: var(--mm-info);
  background: color-mix(in oklab, var(--mm-info) 8%, var(--mm-surface));
}

html[data-active-product="research"] .research-copilot-panel .md-callout--tip {
  border-left-color: var(--mm-success);
  background: color-mix(in oklab, var(--mm-success) 8%, var(--mm-surface));
}

html[data-active-product="research"] .research-copilot-panel .md-callout--warning {
  border-left-color: var(--mm-warning);
  background: color-mix(in oklab, var(--mm-warning) 10%, var(--mm-surface));
}

html[data-active-product="research"] .research-copilot-panel .md-callout--mistake {
  border-left-color: var(--mm-danger);
  background: color-mix(in oklab, var(--mm-danger) 8%, var(--mm-surface));
}