:root {
  --nova-unified-bg: #071a33;
  --nova-unified-surface: rgba(11, 33, 66, 0.72);
  --nova-unified-surface-strong: rgba(9, 26, 52, 0.9);
  --nova-unified-border: rgba(212, 175, 55, 0.22);
  --nova-unified-glow: rgba(63, 169, 245, 0.16);
  --nova-unified-gold: #d4af37;
  --nova-unified-cyan: #3fa9f5;
}

body.nova-unified-page {
  position: relative;
  background:
    radial-gradient(
      circle at top right,
      rgba(63, 169, 245, 0.18),
      transparent 28%
    ),
    radial-gradient(
      circle at bottom left,
      rgba(212, 175, 55, 0.15),
      transparent 24%
    ),
    linear-gradient(180deg, #071a33 0%, #081f3d 38%, #04111f 100%);
}

body.nova-unified-page::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 88px 88px;
  mask-image: radial-gradient(circle at center, black 45%, transparent 100%);
  opacity: 0.16;
  z-index: 0;
}

body.nova-unified-page::after {
  content: '';
  position: fixed;
  inset: 18px;
  border: 1px solid rgba(212, 175, 55, 0.08);
  border-radius: 28px;
  pointer-events: none;
  z-index: 0;
}

body.nova-unified-page nav,
body.nova-unified-page .glass,
body.nova-unified-page .glass-sm,
body.nova-chat-page .sidebar,
body.nova-chat-page .main-area,
body.nova-chat-page .chat-container,
body.nova-chat-page .composer {
  border-color: var(--nova-unified-border) !important;
  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(255, 255, 255, 0.02) inset,
    0 0 34px var(--nova-unified-glow);
}

body.nova-unified-page nav,
body.nova-unified-page .glass,
body.nova-unified-page .glass-sm {
  background: linear-gradient(
    180deg,
    rgba(10, 31, 61, 0.88) 0%,
    rgba(8, 24, 46, 0.76) 100%
  ) !important;
}

body.nova-unified-page .brand-name,
body.nova-unified-page h1,
body.nova-unified-page h2 {
  letter-spacing: 0.04em;
  text-shadow: 0 0 22px rgba(212, 175, 55, 0.18);
}

body.nova-unified-page .bg-primary,
body.nova-unified-page .tab-btn.active,
body.nova-unified-page .cron-btn.active {
  box-shadow: 0 12px 30px rgba(212, 175, 55, 0.22);
}

body.nova-chat-page .sidebar,
body.nova-chat-page .main-area,
body.nova-chat-page .composer {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

body.nova-chat-page .sidebar::before,
body.nova-chat-page .main-area::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    140deg,
    rgba(212, 175, 55, 0.05),
    transparent 40%
  );
  pointer-events: none;
}