﻿/* Strat-Aqorynth shared theme - top menu only */
:root {
  --aq-topmenu-bg: #6ec6f5;
  --aq-topmenu-border: #5db8e8;
  --aq-topmenu-chip: rgba(56, 189, 248, 0.36);
  --aq-topmenu-chip-hover: rgba(56, 189, 248, 0.58);
}

.portal-topmenu-light,
header.app-topmenu,
header[data-theme='portal-topmenu'] {
  background: var(--aq-topmenu-bg) !important;
  border-bottom: 1px solid var(--aq-topmenu-border) !important;
}

.portal-topmenu-light,
.portal-topmenu-light *,
header.app-topmenu,
header.app-topmenu *,
header[data-theme='portal-topmenu'],
header[data-theme='portal-topmenu'] * {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

.portal-topmenu-btn,
.portal-topmenu-chip,
.portal-topmenu-light button,
.portal-topmenu-light a,
header.app-topmenu button,
header.app-topmenu a,
header[data-theme='portal-topmenu'] button,
header[data-theme='portal-topmenu'] a {
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  background: var(--aq-topmenu-chip) !important;
  color: #ffffff !important;
}

.portal-topmenu-btn:hover,
.portal-topmenu-chip:hover,
.portal-topmenu-light button:hover,
.portal-topmenu-light a:hover,
header.app-topmenu button:hover,
header.app-topmenu a:hover,
header[data-theme='portal-topmenu'] button:hover,
header[data-theme='portal-topmenu'] a:hover {
  background: var(--aq-topmenu-chip-hover) !important;
}

/* Unified light shell overrides */
:root {
  --aq-shell-bg: #f6f8fc;
  --aq-shell-bg-soft: #eef3fb;
  --aq-surface: #ffffff;
  --aq-border: #dbe3f0;
  --aq-text: #1f2937;
  --aq-text-muted: #475569;
}

html,
body,
#root {
  background: linear-gradient(180deg, var(--aq-shell-bg) 0%, var(--aq-shell-bg-soft) 100%) !important;
  color: var(--aq-text) !important;
}

.bg-slate-950,
.bg-slate-900,
.bg-slate-800,
.bg-slate-700,
.bg-gray-950,
.bg-gray-900,
.bg-gray-800,
.bg-gray-700,
.bg-navy-950,
.bg-navy-900,
.bg-surface,
.bg-surface-card,
.bg-surface-hover,
[class*='bg-slate-9'],
[class*='bg-gray-9'] {
  background-color: var(--aq-surface) !important;
  background-image: none !important;
}

.border-slate-800,
.border-slate-700,
.border-gray-800,
.border-gray-700,
.border-white\/10,
.border-white\/15,
.border-white\/20,
.border-surface-border {
  border-color: var(--aq-border) !important;
}

.text-white,
.text-slate-100,
.text-slate-200,
.text-slate-300,
.text-gray-100,
.text-gray-200,
.text-gray-300,
.text-blue-100,
.text-blue-200 {
  color: var(--aq-text) !important;
}

.text-slate-400,
.text-slate-500,
.text-gray-400,
.text-gray-500,
.text-blue-300,
.text-blue-400 {
  color: var(--aq-text-muted) !important;
}

.portal-app-shell,
.app-shell,
.workspace-shell {
  background: transparent !important;
}

/* Deep dark-class neutralization for legacy module pages */
[class*='bg-#'],
[class*='bg-[#0'],
[class*='bg-[#1'],
[class*='bg-[#2'],
[class*='bg-[#3'],
[class*='bg-navy-'],
[class*='bg-slate-9'],
[class*='bg-gray-9'],
[class*='bg-zinc-9'],
[class*='bg-neutral-9'] {
  background-color: var(--aq-surface) !important;
  background-image: none !important;
}

[class*='from-navy-'],
[class*='via-navy-'],
[class*='to-navy-'],
[class*='from-slate-9'],
[class*='via-slate-9'],
[class*='to-slate-9'],
[class*='from-gray-9'],
[class*='via-gray-9'],
[class*='to-gray-9'] {
  --tw-gradient-from: #f8fbff var(--tw-gradient-from-position) !important;
  --tw-gradient-via: #f3f7ff var(--tw-gradient-via-position) !important;
  --tw-gradient-to: #eef4ff var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to) !important;
}

[class*='text-white'],
[class*='text-slate-1'],
[class*='text-slate-2'],
[class*='text-gray-1'],
[class*='text-gray-2'] {
  color: var(--aq-text) !important;
}

