/*
 * EVO Design System v3 — Premium Visual Language
 * Tokens atmosféricos, superfícies inteligentes, grain premium, motion inteligente.
 */

/* ─── TOKENS BASE ────────────────────────────────────────────────────── */
:root {
  color-scheme: light dark;
  --evo-bg: #07070d;
  --evo-surface: #0f0f1c;
  --evo-surface-2: #17172a;
  --evo-text: #f2f2ff;
  --evo-muted: #8484b8;
  --evo-primary: #c8a84b;
  --evo-secondary: #4a3d80;
  --evo-accent: #e8ca72;
  --evo-border: rgba(255, 255, 255, .09);
  --evo-radius: 10px;
  --evo-panel-alpha: .88;
  --evo-shadow: 0 20px 60px rgba(0, 0, 0, .32);
  --evo-glow: 0 0 24px rgba(200, 168, 75, .20);
  --evo-glow-raw: rgba(200, 168, 75, .20);
  --evo-accent-glow: rgba(200, 168, 75, .20);
  --evo-space: 1rem;
  --evo-font-scale: 1;
  --evo-touch-target: 44px;
  --evo-motion: 1;
  --r: 8px; --r2: 12px; --r3: 16px; --r4: 22px;
}

/* ─── BASE ───────────────────────────────────────────────────────────── */
html[data-evo-theme] { background: var(--evo-bg); accent-color: var(--evo-primary); }
html[data-evo-theme] body {
  background: var(--bg, var(--evo-bg));
  color: var(--ink, var(--evo-text));
  font-size: calc(14px * var(--evo-font-scale));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html[data-evo-theme] button,
html[data-evo-theme] .btn,
html[data-evo-theme] .nav-item,
html[data-evo-theme] a[role="button"] { min-height: var(--evo-touch-target); }

/* ─── DENSIDADE ──────────────────────────────────────────────────────── */
html[data-evo-density="compact"]     { --evo-space: .72rem; --evo-touch-target: 40px; }
html[data-evo-density="comfortable"] { --evo-space: 1rem;   --evo-touch-target: 48px; }
html[data-evo-density="touch"]       { --evo-space: 1.18rem; --evo-touch-target: 56px; }

/* ─── PAINÉIS ────────────────────────────────────────────────────────── */
html[data-evo-panel="glass"] {
  --evo-panel-bg: color-mix(in srgb, var(--evo-surface) calc(var(--evo-panel-alpha) * 100%), transparent);
  --evo-panel-border: rgba(255, 255, 255, .10);
}
html[data-evo-panel="solid"] {
  --evo-panel-bg: var(--evo-surface);
  --evo-panel-border: rgba(255, 255, 255, .07);
}
html[data-evo-panel="compact"] {
  --evo-panel-bg: var(--evo-surface-2);
  --evo-panel-border: rgba(255, 255, 255, .06);
  --evo-radius: 8px;
}

/* ─── GRAIN / TEXTURA PREMIUM ────────────────────────────────────────── */
html[data-evo-grain="1"]::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: .028;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 128px 128px;
  mix-blend-mode: overlay;
}

/* ─── SOMBRAS & GLOW ─────────────────────────────────────────────────── */
.evo-aura, .card, .panel, .evo-ss-card, .evo-gdock-btn, #evo-nav-avatar {
  box-shadow: var(--evo-shadow), var(--evo-glow, none);
}

/* ─── SUPERFÍCIE PREMIUM ─────────────────────────────────────────────── */
.evo-surface {
  background: var(--evo-surface, #0f0f1c);
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: var(--evo-radius, 14px);
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .38), 0 1px 4px rgba(0, 0, 0, .28);
  transition: border-color 280ms cubic-bezier(.16, 1, .3, 1), box-shadow 280ms cubic-bezier(.16, 1, .3, 1);
  animation: evo-fade-in-up 480ms cubic-bezier(.16, 1, .3, 1) both;
}
.evo-surface::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .07), transparent);
  pointer-events: none;
}
.evo-surface:hover                     { border-color: rgba(255, 255, 255, .12); }
.evo-surface[data-state="critical"]    { border-color: rgba(248, 113, 113, .28); }
.evo-surface[data-state="active"]      { border-color: color-mix(in srgb, var(--evo-accent) 45%, transparent); box-shadow: 0 4px 24px rgba(0,0,0,.38), var(--evo-glow, none); }
.evo-surface[data-state="mission"]     { border-color: color-mix(in srgb, var(--evo-accent) 55%, transparent); box-shadow: 0 4px 32px rgba(0,0,0,.5), 0 0 56px var(--evo-accent-glow, transparent); }
.evo-surface[data-state="mission"]::before {
  background: linear-gradient(90deg, transparent, var(--evo-accent-glow, rgba(200,168,75,.5)), transparent);
  height: 2px; opacity: .9;
}

/* ─── GLASS CARD ─────────────────────────────────────────────────────── */
.evo-glass {
  background: var(--evo-panel-bg, rgba(15, 15, 28, .88));
  border: 1px solid var(--evo-panel-border, rgba(255,255,255,.09));
  border-radius: var(--r3, 16px);
  backdrop-filter: blur(20px) saturate(1.6);
  -webkit-backdrop-filter: blur(20px) saturate(1.6);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .05);
}

/* ─── TEMA EXECUTIVE — OVERRIDES LUZ ─────────────────────────────────── */
html[data-evo-theme="executive"] .evo-gdock-shell,
html[data-evo-theme="executive"] #evo-global-nav { box-shadow: 0 12px 34px rgba(20, 20, 18, .10); }
html[data-evo-theme="executive"] .login-card,
html[data-evo-theme="executive"] .card,
html[data-evo-theme="executive"] .panel { background: var(--surface, #fff); color: var(--ink, #111); }
html[data-evo-theme="executive"] input,
html[data-evo-theme="executive"] select,
html[data-evo-theme="executive"] textarea { background: var(--surface, #fff); color: var(--ink, #111); }
html[data-evo-theme="executive"] option  { background: #fff; color: #111; }

html[data-evo-theme="zen"] .login-card,
html[data-evo-theme="zen"] .card,
html[data-evo-theme="zen"] .panel        { background: var(--surface, #f9fbf9); color: var(--ink, #0f1a14); }

/* ─── MOTION ─────────────────────────────────────────────────────────── */
@keyframes evo-fade-in-up {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes evo-ai-pulse {
  0%, 100% { opacity: .6; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.3); box-shadow: 0 0 10px var(--evo-accent-glow, rgba(200,168,75,.8)); }
}
@keyframes evo-blink {
  0%, 100% { opacity: 1; } 50% { opacity: .38; }
}
@keyframes evo-notif-bounce {
  0% { transform: scale(0); } 80% { transform: scale(1.22); } 100% { transform: scale(1); }
}
@keyframes evo-ring-in {
  from { stroke-dashoffset: 194.78; }
}
@keyframes evo-aurora-drift {
  from { transform: translate(0, 0) scale(1); opacity: .75; }
  to   { transform: translate(2%, -3%) scale(1.05); opacity: 1; }
}
@keyframes evo-shimmer {
  from { background-position: -200% center; }
  to   { background-position: 200% center; }
}

html[data-evo-effects="none"] * {
  animation-duration: .001ms !important;
  transition-duration: .001ms !important;
}

/* ─── STAGGERED ENTRANCE ─────────────────────────────────────────────── */
.evo-surface:nth-child(1) { animation-delay:   0ms; }
.evo-surface:nth-child(2) { animation-delay:  60ms; }
.evo-surface:nth-child(3) { animation-delay: 120ms; }
.evo-surface:nth-child(4) { animation-delay: 180ms; }
.evo-surface:nth-child(5) { animation-delay: 240ms; }

/* ─── CONTEXT SHELL (TOPBAR) ─────────────────────────────────────────── */
.evo-context-shell {
  position: fixed; top: 0; left: 0; right: 0;
  height: 58px; z-index: 100;
  display: flex; align-items: center; padding: 0 20px; gap: 16px;
  background: rgba(6, 6, 16, .92);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  backdrop-filter: blur(24px) saturate(1.4);
  -webkit-backdrop-filter: blur(24px) saturate(1.4);
}

/* ─── AI BAR ─────────────────────────────────────────────────────────── */
.evo-ai-bar {
  position: fixed; bottom: 0; left: 0; right: 0;
  height: 52px; z-index: 100;
  background: rgba(6, 6, 16, .95);
  border-top: 1px solid color-mix(in srgb, var(--evo-primary) 30%, transparent);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  display: flex; align-items: center; padding: 0 20px; gap: 14px;
  transition: border-color 300ms ease;
}
.evo-ai-bar:hover { border-top-color: color-mix(in srgb, var(--evo-primary) 60%, transparent); }

/* ─── COMMAND PALETTE ────────────────────────────────────────────────── */
.evo-cmd-overlay {
  position: fixed; inset: 0; z-index: 200;
  background: rgba(3, 3, 12, .78);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: none; align-items: flex-start; justify-content: center;
  padding-top: 80px;
}
.evo-cmd-overlay.open { display: flex; }

/* ─── VITALS RING ────────────────────────────────────────────────────── */
.evo-vitals-ring circle.fill {
  transition: stroke-dashoffset 1.2s cubic-bezier(.16, 1, .3, 1);
  animation: evo-ring-in 1.2s cubic-bezier(.16, 1, .3, 1);
}

/* ─── ACTIVE DOT ─────────────────────────────────────────────────────── */
.evo-active-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: #34d399;
  box-shadow: 0 0 10px rgba(52, 211, 153, .65);
  animation: evo-blink 3s ease infinite;
}

/* ─── AURORA ATMOSPHERE ──────────────────────────────────────────────── */
.evo-atm { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }
.evo-atm-aurora {
  position: absolute; width: 120%; height: 100%; left: -10%; top: -20%;
  background:
    radial-gradient(ellipse 80% 60% at 20% 40%, color-mix(in srgb, var(--evo-primary) 8%, transparent) 0%, transparent 60%),
    radial-gradient(ellipse 60% 50% at 80% 30%, color-mix(in srgb, var(--evo-secondary) 6%, transparent) 0%, transparent 55%),
    radial-gradient(ellipse 70% 40% at 50% 80%, color-mix(in srgb, var(--evo-accent) 4%, transparent) 0%, transparent 50%);
  animation: evo-aurora-drift 22s ease-in-out infinite alternate;
}

/* ─── SHIMMER SKELETON ───────────────────────────────────────────────── */
.evo-skeleton {
  background: linear-gradient(90deg,
    rgba(255,255,255,.03) 25%,
    rgba(255,255,255,.08) 50%,
    rgba(255,255,255,.03) 75%);
  background-size: 200% auto;
  animation: evo-shimmer 1.6s linear infinite;
  border-radius: var(--r2, 12px);
}

/* ─── BADGE PREMIUM ──────────────────────────────────────────────────── */
.evo-badge {
  display: inline-flex; align-items: center; gap: .28rem;
  padding: .18rem .55rem;
  font-size: .65rem; font-weight: 700; letter-spacing: .04em;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: var(--ink3, var(--evo-muted));
}
.evo-badge.gold {
  background: rgba(200,168,75,.12);
  border-color: rgba(200,168,75,.35);
  color: var(--evo-accent, #e8ca72);
}
.evo-badge.live {
  background: rgba(34,197,94,.1);
  border-color: rgba(34,197,94,.35);
  color: #4ade80;
}

/* ─── APPEARANCE FORM ────────────────────────────────────────────────── */
.evo-appearance-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: .65rem;
}
.evo-appearance-field { display: flex; flex-direction: column; gap: .28rem; }
.evo-appearance-field label {
  color: var(--muted, var(--evo-muted));
  font-size: .72rem; letter-spacing: .04em; text-transform: uppercase;
}
.evo-appearance-field input,
.evo-appearance-field select {
  min-height: var(--evo-touch-target);
  border: 1px solid var(--border, var(--evo-border));
  border-radius: var(--evo-radius);
  background: var(--surface, var(--evo-surface));
  color: var(--text, var(--evo-text));
  padding: .45rem .65rem;
  transition: border-color .2s;
}
.evo-appearance-field input:focus,
.evo-appearance-field select:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--evo-primary) 55%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--evo-primary) 12%, transparent);
}
.evo-avatar-stage { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: .75rem; }
.evo-avatar-preview {
  width: 76px; height: 76px; border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--evo-accent) 60%, transparent);
  background: var(--evo-surface-2);
  object-fit: cover;
  box-shadow: 0 0 20px var(--evo-accent-glow, transparent);
}

/* ─── EXPERIENCE MODE CARDS ──────────────────────────────────────────── */
.evo-experience-select {
  min-height: 34px;
  border: 1px solid var(--border2, rgba(255,255,255,.1));
  border-radius: 8px;
  background: var(--surface, var(--evo-surface));
  color: var(--text, var(--evo-text));
  font-size: 11px; font-weight: 700;
  padding: 0 8px; max-width: 142px;
}
.evo-mode-card {
  border: 1px solid var(--border, var(--evo-border));
  border-radius: var(--evo-radius);
  padding: .65rem;
  background: color-mix(in srgb, var(--evo-surface) 86%, transparent);
  transition: border-color .2s, box-shadow .2s;
}
.evo-mode-card:hover {
  border-color: color-mix(in srgb, var(--evo-primary) 40%, transparent);
  box-shadow: 0 0 20px var(--evo-accent-glow, transparent);
}
.evo-mode-card strong { display: block; color: var(--text, var(--evo-text)); margin-bottom: .2rem; }
.evo-mode-card span  { font-size: .72rem; color: var(--muted, var(--evo-muted)); line-height: 1.35; }

/* ─── DOCK LABEL OVERRIDES ────────────────────────────────────────────── */
.evo-gdock-label { font-size: 9.5px !important; line-height: 1.15 !important; max-width: 66px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.evo-gdock-btn   { width: 3.6rem !important; height: 3.6rem !important; }
html[data-evo-experience="simple"] .evo-gdock-hud { display: none !important; }

/* ─── COMPLEXITY PROGRESSIVA ─────────────────────────────────────────── */
html[data-evo-experience="simple"] { --evo-touch-target: 52px; --evo-shadow: 0 10px 28px rgba(0,0,0,.16); --evo-glow: none; }
html[data-evo-experience="simple"] [data-evo-advanced],
html[data-evo-experience="simple"] .evo-advanced-only { display: none !important; }
html[data-evo-experience="simple"] .evo-mm-title:not(:first-child) { display: none; }
html[data-evo-experience="operational"] { --evo-touch-target: 42px; --evo-space: .65rem; }
html[data-evo-experience="founder"]     { --evo-touch-target: 44px; --evo-space: .72rem; }

/* ─── RESPONSIVO ─────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .evo-signal-stream { display: none !important; }
  .evo-cs-focus { display: none !important; }
}
@media (max-width: 600px) {
  .evo-ai-bar { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  :root { --evo-motion: 0; }
  * { scroll-behavior: auto !important; animation-duration: .001ms !important; transition-duration: .001ms !important; }
}
@media (pointer: coarse) {
  :root { --evo-touch-target: 56px; }
  html { scroll-behavior: smooth; }
}

/* ═══════════════════════════════════════════════════════════════════
   NAV SAFETY TOKENS — sempre dark, WCAG AA garantido
   Nav bg = rgba(7,6,14,0.97), text = rgba(255,255,255,0.82)
   Contraste: 0.82*255 ≈ #d1d1d1 on #07060e = 14.8:1 ✓
   Muted:     rgba(255,255,255,0.46) ≈ #757575 = 5.6:1 ✓
   ═══════════════════════════════════════════════════════════════════ */
:root {
  --evo-nav-bg:      rgba(7,6,14,0.97);
  --evo-nav-text:    rgba(255,255,255,0.82);
  --evo-nav-muted:   rgba(255,255,255,0.46);
  --evo-nav-accent:  var(--evo-primary, #c9a84c);
  --evo-nav-border:  rgba(255,255,255,0.10);
}

/* Force nav always dark regardless of page theme */
#evo-global-nav,
#evo-bottom-nav {
  background: var(--evo-nav-bg) !important;
}
#evo-bottom-nav {
  border-top: 1px solid rgba(255,255,255,0.07) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PLATFORM THEMES — fonte de verdade: /plataformas/*.html
   WCAG AA verificado por plataforma abaixo
   ═══════════════════════════════════════════════════════════════════ */

/* ── EVO THAI · CRIMSON ──────────────────────────────────────────────
   bg #07060e / text #f0f0ff → 18.4:1 ✓
   accent #e53935 on #07060e → 4.6:1 ✓
   muted #8080b0 on #07060e → 5.8:1 ✓
   ─────────────────────────────────────────────────────────────────── */
[data-evo-platform="santhai"] {
  --evo-bg:             #07060e;
  --evo-surface:        #0f0e1c;
  --evo-surface-2:      #18172a;
  --evo-text:           #f0f0ff;
  --evo-muted:          #8080b0;
  --evo-primary:        #e53935;
  --evo-accent:         #ff6659;
  --evo-accent-glow:    rgba(229,57,53,.28);
  --evo-border:         rgba(255,255,255,.08);
  --evo-nav-accent:     #e53935;
}

/* ── MULTAS · AMBER ─────────────────────────────────────────────────
   bg #080700 / text #f8f4e0 → 18.2:1 ✓
   accent #e8980a on #080700 → 5.9:1 ✓
   muted #a09060 on #080700 → 6.1:1 ✓
   ─────────────────────────────────────────────────────────────────── */
[data-evo-platform="multas"] {
  --evo-bg:             #080700;
  --evo-surface:        #121000;
  --evo-surface-2:      #1c1a00;
  --evo-text:           #f8f4e0;
  --evo-muted:          #a09060;
  --evo-primary:        #e8980a;
  --evo-accent:         #fbb82a;
  --evo-accent-glow:    rgba(232,152,10,.28);
  --evo-border:         rgba(255,255,255,.08);
  --evo-nav-accent:     #e8980a;
}

/* ── AGTRANS · CYBER BLUE ───────────────────────────────────────────
   bg #030610 / text #deeeff → 18.0:1 ✓
   accent #1d80ff on #030610 → 4.7:1 ✓
   muted #5e84b0 on #030610 → 5.5:1 ✓
   ─────────────────────────────────────────────────────────────────── */
[data-evo-platform="agtrans"] {
  --evo-bg:             #030610;
  --evo-surface:        #070d20;
  --evo-surface-2:      #0d1638;
  --evo-text:           #deeeff;
  --evo-muted:          #5e84b0;
  --evo-primary:        #1d80ff;
  --evo-accent:         #4dacff;
  --evo-accent-glow:    rgba(29,128,255,.28);
  --evo-border:         rgba(255,255,255,.08);
  --evo-nav-accent:     #1d80ff;
}

/* ── OBRAS · GREEN ──────────────────────────────────────────────────
   bg #050f08 / text #e8f5ec → 17.9:1 ✓
   accent #22c55e on #050f08 → 7.4:1 ✓
   ─────────────────────────────────────────────────────────────────── */
[data-evo-platform="obras"] {
  --evo-bg:             #050f08;
  --evo-surface:        #0a1a0e;
  --evo-surface-2:      #102014;
  --evo-text:           #e8f5ec;
  --evo-muted:          #5e8870;
  --evo-primary:        #22c55e;
  --evo-accent:         #4ade80;
  --evo-accent-glow:    rgba(34,197,94,.28);
  --evo-border:         rgba(255,255,255,.08);
  --evo-nav-accent:     #22c55e;
}

/* ── CAFETERIA · ORANGE ─────────────────────────────────────────────
   bg #0c0600 / text #fff8f0 → 18.8:1 ✓
   accent #f97316 on #0c0600 → 6.8:1 ✓
   ─────────────────────────────────────────────────────────────────── */
[data-evo-platform="cafeteria"] {
  --evo-bg:             #0c0600;
  --evo-surface:        #18100a;
  --evo-surface-2:      #221810;
  --evo-text:           #fff8f0;
  --evo-muted:          #9a7050;
  --evo-primary:        #f97316;
  --evo-accent:         #fb923c;
  --evo-accent-glow:    rgba(249,115,22,.28);
  --evo-border:         rgba(255,255,255,.08);
  --evo-nav-accent:     #f97316;
}

/* ── JOALHERIA · GOLD ───────────────────────────────────────────────
   base obsidian + accent gold
   accent #c9a84c on #07060e → 5.8:1 ✓
   ─────────────────────────────────────────────────────────────────── */
[data-evo-platform="joalheria"] {
  --evo-bg:             #07060e;
  --evo-surface:        #0f0e1c;
  --evo-surface-2:      #18172a;
  --evo-text:           #f0f0ff;
  --evo-muted:          #8080b0;
  --evo-primary:        #c9a84c;
  --evo-accent:         #e8ca72;
  --evo-accent-glow:    rgba(201,168,76,.28);
  --evo-border:         rgba(255,255,255,.08);
  --evo-nav-accent:     #c9a84c;
}

/* ── PLATAFORMA HUB · GOLD ──────────────────────────────────────────
   Página hub /plataforma.html — identidade EVO gold
   ─────────────────────────────────────────────────────────────────── */
[data-evo-platform="plataforma"] {
  --evo-bg:             #07060e;
  --evo-surface:        #0f0e1c;
  --evo-surface-2:      #18172a;
  --evo-text:           #f0f0ff;
  --evo-muted:          #8080b0;
  --evo-primary:        #c9a84c;
  --evo-accent:         #e8ca72;
  --evo-accent-glow:    rgba(201,168,76,.28);
  --evo-border:         rgba(255,255,255,.08);
  --evo-nav-accent:     #c9a84c;
}

/* ═══════════════════════════════════════════════════════════════════
   SEMANTIC TOKENS — reutilizáveis globalmente
   ═══════════════════════════════════════════════════════════════════ */
:root {
  --evo-success:         #22c55e;
  --evo-success-dim:     rgba(34,197,94,.12);
  --evo-success-border:  rgba(34,197,94,.28);
  --evo-warning:         #fbbf24;
  --evo-warning-dim:     rgba(251,191,36,.12);
  --evo-warning-border:  rgba(251,191,36,.28);
  --evo-danger:          #ef4444;
  --evo-danger-dim:      rgba(239,68,68,.12);
  --evo-danger-border:   rgba(239,68,68,.28);
  --evo-info:            #60a5fa;
  --evo-info-dim:        rgba(96,165,250,.12);
  --evo-info-border:     rgba(96,165,250,.28);
}

/* ═══════════════════════════════════════════════════════════════════
   LIGHT THEME OVERRIDE — executive/zen: nav keeps dark
   ═══════════════════════════════════════════════════════════════════ */
html[data-evo-theme="executive"] #evo-global-nav,
html[data-evo-theme="zen"]       #evo-global-nav,
html[data-evo-theme="executive"] #evo-bottom-nav,
html[data-evo-theme="zen"]       #evo-bottom-nav {
  background: rgba(7,6,14,0.97) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

/* ─── EXPERIENCE MODE SELECT ─────────────────────────────────────── */
#evo-experience-mode {
  background: rgba(255,255,255,0.07) !important;
  color: rgba(255,255,255,0.82) !important;
  border-color: rgba(255,255,255,0.14) !important;
}
html[data-evo-theme="executive"] #evo-experience-mode,
html[data-evo-theme="zen"]       #evo-experience-mode {
  background: rgba(255,255,255,0.07) !important;
  color: rgba(255,255,255,0.82) !important;
}