/* AI Project Universe V5.6 — unified monochrome clay design, reliable light/dark mode and multilingual UI. */
:root {
  --apu-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", sans-serif;
  --apu-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --apu-radius: 16px;
  --apu-control-height: 42px;
  --apu-transition: 220ms cubic-bezier(.4,0,.2,1);
  color-scheme: light dark;
}

html[data-apu-theme='dark'] {
  --apu-bg: #0a0a0b;
  --apu-bg-2: #111113;
  --apu-surface: #18181b;
  --apu-surface-2: #202024;
  --apu-surface-glass: rgba(24,24,24,.90);
  --apu-text: #f4f4f5;
  --apu-text-soft: #d4d4d8;
  --apu-muted: #a2a2a2;
  --apu-border: rgba(255,255,255,.07);
  --apu-border-strong: rgba(255,255,255,.12);
  --apu-grid: rgba(255,255,255,.025);
  --apu-accent: #f4f4f5;
  --apu-accent-rgb: 244,244,245;
  --apu-accent-contrast: #0a0a0b;
  --apu-clay-shadow: rgba(0,0,0,.90);
  --apu-clay-highlight: rgba(255,255,255,.075);
  --apu-clay-inset-light: rgba(255,255,255,.045);
  --apu-clay-inset-dark: rgba(0,0,0,.62);
  --apu-shadow: 8px 8px 18px rgba(0,0,0,.70), -3px -3px 10px rgba(255,255,255,.018), inset 1px 1px 2px rgba(255,255,255,.035);
  --apu-page-bg: var(--apu-bg);
  --apu-page-bg-2: var(--apu-bg-2);
  --apu-surface-solid: var(--apu-surface);
  --apu-surface-soft: var(--apu-surface-2);
  --apu-muted-text: var(--apu-muted);
  --apu-nav-bg: rgba(10,10,11,.86);
  --apu-line: var(--apu-border);
  --background: 240 0% 4%;
  --foreground: 0 0% 96%;
  --card: 240 0% 10%;
  --card-foreground: 0 0% 96%;
  --popover: 240 0% 10%;
  --popover-foreground: 0 0% 96%;
  --primary: 0 0% 96%;
  --primary-foreground: 240 0% 4%;
  --secondary: 240 0% 13%;
  --secondary-foreground: 0 0% 96%;
  --muted: 240 0% 13%;
  --muted-foreground: 240 0% 65%;
  --accent: 240 0% 13%;
  --accent-foreground: 0 0% 96%;
  --border: 240 0% 16%;
  --input: 240 0% 16%;
  --ring: 240 0% 84%;
}

html[data-apu-theme='light'] {
  --apu-bg: #f4f4f5;
  --apu-bg-2: #e4e4e7;
  --apu-surface: #ffffff;
  --apu-surface-2: #f7f7f8;
  --apu-surface-glass: rgba(244,244,245,.90);
  --apu-text: #18181b;
  --apu-text-soft: #27272a;
  --apu-muted: #535353;
  --apu-border: rgba(24,24,24,.11);
  --apu-border-strong: rgba(24,24,24,.18);
  --apu-grid: rgba(24,24,24,.045);
  --apu-accent: #18181b;
  --apu-accent-rgb: 24,24,27;
  --apu-accent-contrast: #f4f4f5;
  --apu-clay-shadow: rgba(39,39,39,.22);
  --apu-clay-highlight: rgba(255,255,255,.96);
  --apu-clay-inset-light: rgba(255,255,255,.92);
  --apu-clay-inset-dark: rgba(24,24,24,.10);
  --apu-shadow: 8px 8px 18px rgba(39,39,39,.14), -5px -5px 14px rgba(255,255,255,.92), inset 1px 1px 2px rgba(255,255,255,.9);
  --apu-page-bg: var(--apu-bg);
  --apu-page-bg-2: var(--apu-bg-2);
  --apu-surface-solid: var(--apu-surface);
  --apu-surface-soft: var(--apu-surface-2);
  --apu-muted-text: var(--apu-muted);
  --apu-nav-bg: rgba(244,244,245,.88);
  --apu-line: var(--apu-border);
  --background: 240 0% 96%;
  --foreground: 240 0% 10%;
  --card: 0 0% 100%;
  --card-foreground: 240 0% 10%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 0% 10%;
  --primary: 240 0% 10%;
  --primary-foreground: 0 0% 96%;
  --secondary: 240 0% 90%;
  --secondary-foreground: 240 0% 10%;
  --muted: 240 0% 90%;
  --muted-foreground: 240 0% 35%;
  --accent: 240 0% 90%;
  --accent-foreground: 240 0% 10%;
  --border: 240 0% 84%;
  --input: 240 0% 84%;
  --ring: 240 0% 10%;
}

html[data-apu-project-scroll] {
  min-height: 100%;
  background: var(--apu-bg);
  color-scheme: light dark;
  accent-color: var(--apu-accent);
  scroll-behavior: smooth;
  scrollbar-color: var(--apu-muted) transparent;
}

html[data-apu-project-scroll] body {
  margin: 0;
  min-height: 100dvh;
  overflow-x: hidden;
  color: var(--apu-text);
  background:
    radial-gradient(circle at 50% -20%, rgba(var(--apu-accent-rgb),.055), transparent 38rem),
    var(--apu-bg) !important;
  font-family: var(--apu-font-ui) !important;
  line-height: 1.5;
  transition: background-color var(--apu-transition), color var(--apu-transition);
}

html[data-apu-project-scroll] body > #root {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: 0;
  min-height: 100dvh;
}

.apu-grid-overlay-v56 {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(var(--apu-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--apu-grid) 1px, transparent 1px);
  background-size: 40px 40px;
  opacity: 1;
}

html[data-apu-project-scroll] body > :not(.apu-grid-overlay-v56):not(#apu-ui-dock-v56):not(#apu-ui-toast-v56) {
  position: relative;
}

html[data-apu-project-scroll] ::selection {
  background: rgba(var(--apu-accent-rgb),.18);
  color: var(--apu-text);
}

html[data-apu-project-scroll] :where(button,input,textarea,select,option) { font: inherit; }
html[data-apu-project-scroll] :where(h1,h2,h3,h4,h5,h6) { font-weight: 500; letter-spacing: -.03em; }
html[data-apu-project-scroll] :where(code,pre,kbd,samp) { font-family: var(--apu-font-mono) !important; }
html[data-apu-project-scroll] :where(a,button,input,select,textarea,[role='button']):focus-visible {
  outline: 3px solid rgba(var(--apu-accent-rgb),.28) !important;
  outline-offset: 3px;
}
html[data-apu-project-scroll] * { scrollbar-width: thin; scrollbar-color: var(--apu-muted) transparent; }
html[data-apu-project-scroll] *::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-apu-project-scroll] *::-webkit-scrollbar-track { background: transparent; }
html[data-apu-project-scroll] *::-webkit-scrollbar-thumb { background: var(--apu-muted); border: 3px solid transparent; background-clip: padding-box; border-radius: 999px; }

/* Uniform structural surfaces across all eleven projects. */
html[data-apu-project-scroll] :where(header,nav,aside) {
  color: var(--apu-text) !important;
  border-color: var(--apu-border) !important;
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
}
html[data-apu-theme='dark'][data-apu-project-scroll] :where(header,nav,aside) { background-color: rgba(10,10,11,.90) !important; }
html[data-apu-theme='light'][data-apu-project-scroll] :where(header,nav,aside) { background-color: rgba(244,244,245,.92) !important; }

html[data-apu-project-scroll] :where(button,[role='button']) {
  border-color: var(--apu-border-strong) !important;
  transition: transform var(--apu-transition), box-shadow var(--apu-transition), background-color var(--apu-transition), color var(--apu-transition), border-color var(--apu-transition);
}
@media (hover:hover) and (pointer:fine) {
  html[data-apu-project-scroll] :where(button,[role='button']):not(:disabled):hover { transform: translateY(-1px); }
}

/* Neutralize decorative project palettes while preserving red/green semantic states and charts. */
html[data-apu-project-scroll] :where(
  [class*='bg-yellow-'],[class*='bg-amber-'],[class*='bg-orange-'],[class*='bg-blue-'],[class*='bg-cyan-'],
  [class*='bg-sky-'],[class*='bg-indigo-'],[class*='bg-violet-'],[class*='bg-purple-'],[class*='bg-fuchsia-'],[class*='bg-pink-']
):not([class*='opacity-']) {
  background-color: var(--apu-surface-2) !important;
  color: var(--apu-text) !important;
}
html[data-apu-project-scroll] :where(
  [class*='text-yellow-'],[class*='text-amber-'],[class*='text-orange-'],[class*='text-blue-'],[class*='text-cyan-'],
  [class*='text-sky-'],[class*='text-indigo-'],[class*='text-violet-'],[class*='text-purple-'],[class*='text-fuchsia-'],[class*='text-pink-']
) { color: var(--apu-text-soft) !important; }
html[data-apu-project-scroll] :where(
  [class*='border-yellow-'],[class*='border-amber-'],[class*='border-orange-'],[class*='border-blue-'],[class*='border-cyan-'],
  [class*='border-sky-'],[class*='border-indigo-'],[class*='border-violet-'],[class*='border-purple-'],[class*='border-fuchsia-'],[class*='border-pink-']
) { border-color: var(--apu-border-strong) !important; }

/* Tailwind/shadcn dark-to-light mapping. */
html[data-apu-theme='light'][data-apu-project-scroll] :where(
  [class~='bg-black'],[class~='bg-slate-950'],[class~='bg-slate-900'],[class~='bg-slate-800'],
  [class~='bg-gray-950'],[class~='bg-gray-900'],[class~='bg-gray-800'],[class~='bg-zinc-950'],[class~='bg-zinc-900'],[class~='bg-zinc-800'],
  [class~='bg-neutral-950'],[class~='bg-neutral-900'],[class~='bg-neutral-800']
) { background-color: var(--apu-surface) !important; color: var(--apu-text) !important; }
html[data-apu-theme='light'][data-apu-project-scroll] :where([class~='text-white'],[class~='text-slate-100'],[class~='text-slate-200'],[class~='text-gray-100'],[class~='text-gray-200'],[class~='text-zinc-100'],[class~='text-zinc-200']) { color: var(--apu-text) !important; }
html[data-apu-theme='light'][data-apu-project-scroll] :where([class~='text-slate-300'],[class~='text-slate-400'],[class~='text-slate-500'],[class~='text-gray-300'],[class~='text-gray-400'],[class~='text-gray-500'],[class~='text-zinc-300'],[class~='text-zinc-400'],[class~='text-zinc-500']) { color: var(--apu-muted) !important; }
html[data-apu-theme='light'][data-apu-project-scroll] :where([class~='border-slate-700'],[class~='border-slate-800'],[class~='border-gray-700'],[class~='border-gray-800'],[class~='border-zinc-700'],[class~='border-zinc-800'],[class~='border-white/10']) { border-color: var(--apu-border) !important; }

html[data-apu-theme='dark'][data-apu-project-scroll] :where(
  [class~='bg-white'],[class~='bg-white/80'],[class~='bg-gray-50'],[class~='bg-gray-100'],[class~='bg-slate-50'],[class~='bg-slate-100'],[class~='bg-zinc-50'],[class~='bg-zinc-100'],[class~='bg-neutral-50'],[class~='bg-neutral-100']
) { background-color: var(--apu-surface) !important; color: var(--apu-text) !important; }
html[data-apu-theme='dark'][data-apu-project-scroll] :where([class~='text-gray-900'],[class~='text-gray-800'],[class~='text-gray-700'],[class~='text-slate-900'],[class~='text-slate-800'],[class~='text-slate-700'],[class~='text-zinc-900'],[class~='text-zinc-800'],[class~='text-zinc-700']) { color: var(--apu-text) !important; }
html[data-apu-theme='dark'][data-apu-project-scroll] :where([class~='text-gray-600'],[class~='text-gray-500'],[class~='text-slate-600'],[class~='text-slate-500'],[class~='text-zinc-600'],[class~='text-zinc-500']) { color: var(--apu-muted) !important; }
html[data-apu-theme='dark'][data-apu-project-scroll] :where([class~='border-gray-100'],[class~='border-gray-200'],[class~='border-slate-100'],[class~='border-slate-200'],[class~='border-zinc-100'],[class~='border-zinc-200'],[class~='border-white/30']) { border-color: var(--apu-border) !important; }

/* Variable-driven project palettes. */
html[data-scroll-theme='it-helpdesk'] {
  --bg-primary: var(--apu-bg); --bg-secondary: var(--apu-surface); --text-primary: var(--apu-text);
  --text-secondary: var(--apu-muted); --border: var(--apu-border); --shadow: var(--apu-shadow);
}
html[data-scroll-theme='malaysia-cost'] {
  --bg: var(--apu-bg); --surface: var(--apu-surface); --surface-soft: var(--apu-surface-2);
  --ink: var(--apu-text); --muted: var(--apu-muted); --line: var(--apu-border);
}
html[data-scroll-theme='network-subnet'] {
  --bg: var(--apu-bg); --panel: var(--apu-surface); --panel-2: var(--apu-surface-2);
  --ink: var(--apu-text); --muted: var(--apu-muted); --line: var(--apu-border);
}
html[data-scroll-theme='student-performance'] {
  --bg: var(--apu-bg); --panel: var(--apu-surface); --panel-2: var(--apu-surface-2); --panel-3: var(--apu-bg-2);
  --line: var(--apu-border); --text: var(--apu-text); --muted: var(--apu-muted); --shadow: var(--apu-shadow);
}
html[data-scroll-theme='kotlin-policy'] #root { background: var(--apu-bg) !important; }
html[data-scroll-theme='kotlin-policy'] .app-root { background: var(--apu-surface) !important; color: var(--apu-text) !important; }

html[data-apu-theme='dark'][data-apu-project-scroll] :where(input,textarea,select) { color-scheme: dark; }
html[data-apu-theme='light'][data-apu-project-scroll] :where(input,textarea,select) { color-scheme: light; }

/* Clay navigation-inspired appearance/language controller. */
#apu-ui-dock-v56 {
  position: fixed;
  top: max(82px, calc(env(safe-area-inset-top) + 70px));
  right: max(18px, env(safe-area-inset-right));
  z-index: 2147483000;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 54px;
  padding: 6px;
  border: 1px solid var(--apu-border);
  border-radius: 999px;
  color: var(--apu-text);
  background: var(--apu-surface-glass);
  box-shadow: 5px 5px 14px var(--apu-clay-shadow), inset 1px 1px 2px var(--apu-clay-inset-light), inset -1px -1px 2px var(--apu-clay-inset-dark);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  font-family: var(--apu-font-ui);
  font-style: normal;
  transition: background-color var(--apu-transition), color var(--apu-transition), border-color var(--apu-transition), box-shadow var(--apu-transition);
}

.apu-ui-brand-v56 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0 9px 0 10px;
  color: var(--apu-text-soft);
  font-size: 11px;
  font-weight: 650;
  white-space: nowrap;
}
.apu-ui-brand-v56 svg { width: 19px; height: 19px; flex: 0 0 auto; }
.apu-ui-brand-v56 span { max-width: 110px; overflow: hidden; text-overflow: ellipsis; }

.apu-chunky-v56 {
  min-height: var(--apu-control-height);
  border: 1px solid var(--apu-border-strong) !important;
  border-radius: 999px;
  background: var(--apu-surface-2);
  color: var(--apu-text);
  box-shadow: 0 4px 0 rgba(83, 83, 83,.30), 0 6px 12px rgba(0,0,0,.24), inset 0 -2px 5px var(--apu-clay-inset-dark), inset 0 2px 5px var(--apu-clay-inset-light);
}
.apu-chunky-v56:active { transform: translateY(3px) !important; box-shadow: 0 1px 0 rgba(83, 83, 83,.30), 0 2px 5px rgba(0,0,0,.24), inset 0 -1px 2px var(--apu-clay-inset-dark); }

.apu-ui-theme-v56 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 92px;
  padding: 0 14px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 650;
}
.apu-ui-theme-v56 svg { width: 18px; height: 18px; stroke: currentColor; flex: 0 0 auto; }

.apu-ui-language-wrap-v56 { position: relative; display: flex; align-items: center; }
.apu-ui-language-wrap-v56 > svg { position: absolute; left: 13px; width: 17px; height: 17px; pointer-events: none; stroke: currentColor; z-index: 1; }
.apu-ui-language-v56 {
  appearance: none;
  -webkit-appearance: none;
  min-height: 40px;
  max-width: 140px;
  padding: 0 34px 0 39px;
  border: 0;
  border-radius: inherit;
  color: var(--apu-text);
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  font-weight: 650;
  outline: 0;
}
.apu-ui-language-wrap-v56::after { content: '⌄'; position: absolute; right: 13px; top: 9px; color: var(--apu-muted); pointer-events: none; }
.apu-ui-language-v56 option { color: var(--apu-text); background: var(--apu-surface); }

#apu-ui-toast-v56 {
  position: fixed;
  top: max(146px, calc(env(safe-area-inset-top) + 134px));
  right: max(20px, env(safe-area-inset-right));
  z-index: 2147483000;
  max-width: min(340px, calc(100vw - 32px));
  padding: 11px 15px;
  border: 1px solid var(--apu-border);
  border-radius: 14px;
  color: var(--apu-text);
  background: var(--apu-surface-glass);
  box-shadow: var(--apu-shadow);
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  transition: opacity var(--apu-transition), transform var(--apu-transition);
  font: 600 12px/1.4 var(--apu-font-ui);
}
#apu-ui-toast-v56[data-show='true'] { opacity: 1; transform: translateY(0); }

@media (max-width: 900px) {
  #apu-ui-dock-v56 { top: auto; right: max(12px, env(safe-area-inset-right)); bottom: max(14px, env(safe-area-inset-bottom)); max-width: calc(100vw - 24px); }
  #apu-ui-toast-v56 { top: auto; right: max(14px, env(safe-area-inset-right)); bottom: calc(max(14px, env(safe-area-inset-bottom)) + 68px); }
  .apu-ui-brand-v56 span { display: none; }
  .apu-ui-brand-v56 { padding-right: 4px; }
}

@media (max-width: 470px) {
  #apu-ui-dock-v56 { left: 12px; right: 12px; justify-content: center; }
  .apu-ui-brand-v56 { display: none; }
  .apu-ui-theme-v56 { min-width: 90px; }
  .apu-ui-language-v56 { max-width: 138px; }
}

@media print {
  #apu-ui-dock-v56,#apu-ui-toast-v56,.apu-grid-overlay-v56 { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-apu-project-scroll] { scroll-behavior: auto; }
  html[data-apu-project-scroll] *,html[data-apu-project-scroll] *::before,html[data-apu-project-scroll] *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Some bundled apps ship a hard-coded .dark wrapper. The selected global mode wins. */
html[data-apu-theme='light'] .dark {
  --background: 240 0% 96% !important;
  --foreground: 240 0% 10% !important;
  --card: 0 0% 100% !important;
  --card-foreground: 240 0% 10% !important;
  --popover: 0 0% 100% !important;
  --popover-foreground: 240 0% 10% !important;
  --primary: 240 0% 10% !important;
  --primary-foreground: 0 0% 96% !important;
  --secondary: 240 0% 90% !important;
  --secondary-foreground: 240 0% 10% !important;
  --muted: 240 0% 90% !important;
  --muted-foreground: 240 0% 35% !important;
  --accent: 240 0% 90% !important;
  --accent-foreground: 240 0% 10% !important;
  --border: 240 0% 84% !important;
  --input: 240 0% 84% !important;
  --ring: 240 0% 10% !important;
  color-scheme: light !important;
}

html[data-apu-theme='dark'] :where(#root, #root > *, .dark) {
  --background: 240 0% 4% !important;
  --foreground: 0 0% 96% !important;
  --card: 240 0% 10% !important;
  --card-foreground: 0 0% 96% !important;
  --popover: 240 0% 10% !important;
  --popover-foreground: 0 0% 96% !important;
  --primary: 0 0% 96% !important;
  --primary-foreground: 240 0% 4% !important;
  --secondary: 240 0% 13% !important;
  --secondary-foreground: 0 0% 96% !important;
  --muted: 240 0% 13% !important;
  --muted-foreground: 240 0% 65% !important;
  --accent: 240 0% 13% !important;
  --accent-foreground: 0 0% 96% !important;
  --border: 240 0% 16% !important;
  --input: 240 0% 16% !important;
  --ring: 240 0% 84% !important;
  color-scheme: dark !important;
}

/* Sidebar-aware applications (Computer Vision and related dashboard shells). */
html[data-apu-theme='light'] :where(html,body,#root,#root > *,[class~='dark']) {
  --sidebar: 0 0% 100% !important;
  --sidebar-foreground: 240 0% 10% !important;
  --sidebar-primary: 240 0% 10% !important;
  --sidebar-primary-foreground: 0 0% 96% !important;
  --sidebar-accent: 240 0% 92% !important;
  --sidebar-accent-foreground: 240 0% 10% !important;
  --sidebar-border: 240 0% 84% !important;
  --sidebar-ring: 240 0% 10% !important;
}
html[data-apu-theme='dark'] :where(html,body,#root,#root > *,[class~='dark']) {
  --sidebar: 240 0% 7% !important;
  --sidebar-foreground: 240 0% 84% !important;
  --sidebar-primary: 0 0% 96% !important;
  --sidebar-primary-foreground: 240 0% 4% !important;
  --sidebar-accent: 240 0% 13% !important;
  --sidebar-accent-foreground: 0 0% 96% !important;
  --sidebar-border: 240 0% 16% !important;
  --sidebar-ring: 240 0% 84% !important;
}
html[data-apu-theme='light'] [data-slot='sidebar-container'],
html[data-apu-theme='light'] [data-sidebar='sidebar'] {
  background: var(--apu-surface) !important;
  color: var(--apu-text) !important;
  border-color: var(--apu-border) !important;
}
html[data-apu-theme='dark'] [data-slot='sidebar-container'],
html[data-apu-theme='dark'] [data-sidebar='sidebar'] {
  background: #111113 !important;
  color: var(--apu-text) !important;
  border-color: var(--apu-border) !important;
}
html[data-apu-theme='light'] :where(.apu-v54-cv-topbar-title,.apu-v54-cv-topbar-title strong,.apu-v54-cv-mobile-brand-copy,.apu-v54-cv-mobile-brand-copy strong) { color: var(--apu-text) !important; }
html[data-apu-theme='light'] :where(.apu-v54-cv-topbar-title small,.apu-v54-cv-mobile-brand-copy small) { color: var(--apu-muted) !important; }
html[data-apu-theme='dark'] :where(.apu-v54-cv-topbar-title,.apu-v54-cv-topbar-title strong,.apu-v54-cv-mobile-brand-copy,.apu-v54-cv-mobile-brand-copy strong) { color: var(--apu-text) !important; }
html[data-apu-theme='dark'] :where(.apu-v54-cv-topbar-title small,.apu-v54-cv-mobile-brand-copy small) { color: var(--apu-muted) !important; }

@media (max-width: 767px) {
  html[data-apu-theme='light'][data-scroll-theme='ai-architect'] .ai-architect-header {
    background: rgba(244,244,245,.96) !important;
    color: var(--apu-text) !important;
    border-bottom-color: var(--apu-border-strong) !important;
    box-shadow: 0 8px 24px rgba(39,39,39,.10) !important;
  }
  html[data-apu-theme='light'][data-scroll-theme='ai-architect'] .ai-architect-header .ai-menu-trigger {
    background: #ffffff !important;
    color: var(--apu-text) !important;
    border-color: var(--apu-border-strong) !important;
    box-shadow: 0 4px 0 rgba(83, 83, 83,.18), 0 6px 12px rgba(39,39,39,.10) !important;
  }
  html[data-apu-theme='light'][data-scroll-theme='ai-architect'] .ai-architect-header .ai-menu-trigger[aria-expanded='true'] {
    background: #e4e4e7 !important;
    color: var(--apu-text) !important;
    border-color: rgba(24,24,24,.24) !important;
  }
  html[data-apu-theme='light'][data-scroll-theme='ai-architect'] .ai-architect-drawer {
    background: rgba(244,244,245,.98) !important;
    color: var(--apu-text) !important;
    border-color: var(--apu-border-strong) !important;
    box-shadow: 0 18px 42px rgba(39,39,39,.18) !important;
  }
  html[data-apu-theme='light'][data-scroll-theme='ai-architect'] .ai-drawer-heading {
    background: #ffffff !important;
    color: var(--apu-text) !important;
    border-bottom-color: var(--apu-border) !important;
  }
  html[data-apu-theme='light'][data-scroll-theme='ai-architect'] .ai-architect-drawer nav {
    background: transparent !important;
  }
  html[data-apu-theme='light'][data-scroll-theme='ai-architect'] .ai-architect-drawer nav > a > div {
    background: #ffffff !important;
    color: var(--apu-text) !important;
    border: 1px solid var(--apu-border) !important;
    box-shadow: 0 4px 0 rgba(83, 83, 83,.13), 0 6px 12px rgba(39,39,39,.08) !important;
  }
  html[data-apu-theme='light'][data-scroll-theme='ai-architect'] .ai-architect-drawer nav > a > div.bg-primary {
    background: #18181b !important;
    color: #f4f4f5 !important;
    border-color: #18181b !important;
  }
}

/* Keep project marks monochrome; semantic status colors remain available elsewhere. */
html[data-apu-project-scroll] :where([class*='brand'],[class*='logo']) {
  --apu-brand-color: var(--apu-text);
}
