/* Page-level styles for the Nexora Chart Analyzer (the analyzer itself is styled inside its own component). */
#page-signal.nx-v3 .market-console,
#page-signal.nx-v3 .signal-layout{display:none!important}
nexora-chart-analyzer{display:block;position:relative;isolation:isolate;margin:6px 0 24px}
nexora-chart-analyzer:not([ready]){visibility:hidden}

/* Site background: deep blue gradient with soft aurora light (no grid),
   across every page (no box). The login card keeps its own artwork on top. */
html{background:#040d22}
body{background:linear-gradient(180deg,#0b2550 0%,#071a3b 45%,#040d22 100%) fixed}
.nx-page-aurora{display:block;position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#appView,#loginView{position:relative;z-index:1}
#loginView{background:transparent}
#appView .app-column{background:transparent!important}
/* Sidebar and top bar as see-through deep-blue glass, so the background flows behind them (no dark frame). */
#appView .sidebar{background:linear-gradient(180deg,rgba(8,24,56,.42),rgba(4,13,34,.42))!important;border-right-color:rgba(120,170,255,.10)!important}
#appView .topbar{background:rgba(6,20,48,.38)!important;border-bottom-color:rgba(120,170,255,.10)!important}
.nx-page-aurora .grid{display:none}
.nx-page-aurora .blob{position:absolute;border-radius:50%;filter:blur(80px);animation:nxPageDrift 20s ease-in-out infinite alternate}
.nx-page-aurora .blob-a{width:560px;height:560px;left:-200px;top:-200px;background:rgb(37 99 235/.30)}
.nx-page-aurora .blob-b{width:480px;height:480px;right:-180px;top:40px;background:rgb(56 120 220/.12);animation-delay:-7s}
.nx-page-aurora .blob-c{width:620px;height:620px;left:-60px;bottom:-320px;background:rgb(30 64 175/.40);animation-delay:-13s}
.nx-page-aurora .blob-d{width:380px;height:380px;right:-120px;bottom:10%;background:rgb(14 116 144/.22);animation-delay:-4s}
@keyframes nxPageDrift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(50px,36px) scale(1.14)}}
@media (prefers-reduced-motion:reduce){.nx-page-aurora .blob{animation:none}}

/* Top bar brand: keep the purple "AI" visible inside the gradient-text title. */
.topbar-title .topbar-brand-ai,#pageTitle .topbar-brand-ai{-webkit-text-fill-color:#d7b8ff}
