/* QuantNova UI Rebirth R2 — premium corrective overlay
   Goal: stronger purple visual system, active navigation animation,
   richer intro/login hero, improved tables, cleaner research/autonomy layouts,
   and clearer market explorer surfaces. */
:root{
  --qn-violet:#9f7bff;
  --qn-violet-2:#c28bff;
  --qn-magenta:#e57bff;
  --qn-pink:#ff72bb;
  --qn-cyan:#83ecff;
  --qn-line:rgba(187,177,255,.20);
  --qn-line-strong:rgba(219,211,255,.40);
  --qn-surface:rgba(19,20,49,.80);
  --qn-surface-strong:rgba(18,20,53,.93);
  --qn-shadow:0 30px 120px rgba(0,0,0,.48);
  --qn-shadow-soft:0 20px 72px rgba(0,0,0,.30);
}
body{
  background:
    radial-gradient(circle at 9% -8%,rgba(207,96,255,.23),transparent 28%),
    radial-gradient(circle at 88% 0%,rgba(118,132,255,.21),transparent 24%),
    radial-gradient(circle at 50% 48%,rgba(152,84,255,.07),transparent 42%),
    linear-gradient(145deg,#070817 0%,#090a22 46%,#070818 100%)!important;
}
.content{position:relative!important;z-index:1!important}
.content:before{
  content:""!important;position:fixed!important;inset:0!important;pointer-events:none!important;
  background:
    radial-gradient(circle at 14% 18%,rgba(166,94,255,.10),transparent 21%),
    radial-gradient(circle at 84% 22%,rgba(111,226,255,.06),transparent 18%),
    radial-gradient(circle at 72% 80%,rgba(255,92,170,.05),transparent 16%);
  mix-blend-mode:screen!important;opacity:.9!important;
}
/* stronger motion / ambiance */
#starfield i,#starfield span.data-mote{position:absolute!important;display:block!important;border-radius:999px!important;pointer-events:none!important}
#starfield i{background:#fff!important;box-shadow:0 0 10px rgba(255,255,255,.65)!important;animation:qnTwinkle var(--dur,5.8s) ease-in-out infinite!important;opacity:var(--op,.7)!important}
#starfield span.data-mote{width:4px!important;height:4px!important;background:linear-gradient(135deg,var(--qn-cyan),var(--qn-violet))!important;box-shadow:0 0 18px rgba(131,236,255,.45)!important;animation:qnFloatArc var(--dur,12s) linear infinite!important;opacity:.75!important}
.login-screen:after,.app-shell:after{
  content:""!important;position:fixed!important;inset:0!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 18%,transparent 82%,rgba(130,110,255,.05));
  mix-blend-mode:screen!important;opacity:.7!important
}
.login-frame{
  min-height:740px!important;
  border-color:rgba(214,208,255,.25)!important;
  box-shadow:0 52px 155px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.05),0 0 90px rgba(135,92,255,.12)!important;
}
.login-brand{overflow:hidden!important}
.login-brand:after{
  content:""!important;position:absolute!important;right:-12%;top:-6%;width:380px!important;height:380px!important;border-radius:50%!important;
  background:radial-gradient(circle,rgba(232,119,255,.14),rgba(125,100,255,.07) 48%,transparent 68%)!important;filter:blur(4px)!important
}
.logo-aura{
  width:160px!important;height:160px!important;margin-bottom:38px!important;
  border-radius:42px!important;
  background:radial-gradient(circle,rgba(184,116,255,.18),rgba(117,87,255,.08) 56%,transparent 74%)!important;
}
.logo-aura:before{
  content:""!important;position:absolute!important;inset:-14px!important;border-radius:50%!important;
  border:1px solid rgba(171,149,255,.12)!important;box-shadow:0 0 40px rgba(164,95,255,.18)!important;animation:qnOrbit 18s linear infinite!important
}
.login-logo{width:116px!important;height:116px!important;filter:drop-shadow(0 0 26px rgba(131,236,255,.25)) drop-shadow(0 0 42px rgba(169,96,255,.20))!important;animation:qnLogoFloat 5.5s ease-in-out infinite!important}
.logo-orbit{inset:6px!important;border-width:1px!important;border-color:rgba(171,149,255,.28)!important}
.logo-orbit.orbit-two{inset:24px!important;border-color:rgba(131,236,255,.22)!important}
.login-brand h1{font-size:52px!important;max-width:690px!important}
.login-brand p{font-size:17px!important;max-width:660px!important}
.login-card{background:linear-gradient(180deg,rgba(10,11,34,.84),rgba(7,8,27,.96))!important}
.login-card:before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 26%,rgba(174,110,255,.03) 64%,transparent)!important}
.field>span{color:#d6d2e6!important}
.entry-intro{background:
  radial-gradient(circle at 18% 18%,rgba(208,88,255,.30),transparent 34%),
  radial-gradient(circle at 82% 24%,rgba(94,128,255,.28),transparent 32%),
  radial-gradient(circle at 50% 80%,rgba(255,92,170,.10),transparent 28%),
  linear-gradient(145deg,#070817,#0c0c28 52%,#09091b)!important}
.entry-intro-card{width:min(980px,100%)!important;padding:54px 58px!important;border-radius:40px!important;box-shadow:0 48px 130px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.04),0 0 80px rgba(141,103,255,.11)!important}
.entry-intro-card:before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(115deg,rgba(255,255,255,.05),transparent 24%,rgba(135,95,255,.06) 58%,transparent 82%)!important}
.entry-intro-logo-wrap{width:150px!important;height:150px!important;margin:36px 0 28px!important}
.entry-intro-logo-wrap img{width:104px!important;height:104px!important;filter:drop-shadow(0 0 36px rgba(131,236,255,.30)) drop-shadow(0 0 52px rgba(159,123,255,.24))!important;animation:qnLogoFloat 4.6s ease-in-out infinite!important}
.entry-intro-ring{border-color:rgba(188,165,255,.34)!important}
.entry-intro-ring.ring-b{inset:22px!important}
.intro-wordmark span{font-size:26px!important}
.entry-intro-kicker{font-size:15px!important}
.entry-intro-card h2{font-size:36px!important}
.entry-intro-progress{height:6px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important}
.entry-intro-progress i{animation:qnProgressSweep 4.2s ease-in-out 1 forwards!important}
.nav-item{overflow:hidden!important}
.nav-item:after{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;pointer-events:none!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent)!important;opacity:0;transform:translateX(-100%);transition:opacity .25s ease!important}
.nav-item:hover:after,.nav-item.active:after{opacity:1!important;animation:qnSweep 2.6s linear infinite!important}
.nav-item.active{
  color:#ffffff!important;
  background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(185,158,255,.22) 28%,rgba(108,83,255,.20) 100%)!important;
  border-color:rgba(235,230,255,.42)!important;
  box-shadow:0 12px 32px rgba(97,66,208,.22),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.nav-item.active:before{content:""!important;position:absolute!important;left:0!important;top:8px!important;bottom:8px!important;width:3px!important;border-radius:999px!important;background:linear-gradient(180deg,#ffffff,var(--qn-cyan),var(--qn-violet))!important;box-shadow:0 0 16px rgba(131,236,255,.35)!important}
.nav-item.active i{color:#fff!important;background:linear-gradient(140deg,rgba(255,255,255,.22),rgba(158,113,255,.24))!important;box-shadow:0 0 16px rgba(159,123,255,.18)!important}
.nav-item.active em,.nav-item.active>b{color:#fff!important}
.connection-pill,.command-palette-trigger,.user-menu,.hero-panel,.panel,.metric-card,.inner-card,.terminal-panel,.liquid-glass-panel,.upload-panel,.paid-provider-panel,.license-hero,.market-command-deck{box-shadow:0 22px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05),0 0 60px rgba(146,100,255,.06)!important}
.hero-panel{grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr)!important;min-height:280px!important;overflow:hidden!important}
.hero-panel:before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:radial-gradient(circle at 72% 36%,rgba(159,123,255,.12),transparent 28%),linear-gradient(115deg,rgba(255,255,255,.03),transparent 30%,rgba(114,227,255,.035) 68%,transparent)!important}
.hero-copy h2{font-size:54px!important;max-width:820px!important}
.hero-copy p{font-size:17px!important;max-width:720px!important}
.hero-visual{min-height:250px!important}
.brain-core{
  position:relative!important;display:grid!important;place-items:center!important;
  width:240px!important;height:240px!important;border-radius:50%!important;
  background:radial-gradient(circle at 40% 35%,rgba(168,123,255,.24),rgba(35,28,86,.82) 42%,rgba(9,11,32,.96) 75%)!important;
  border:1px solid rgba(213,203,255,.18)!important;box-shadow:0 0 80px rgba(143,103,255,.16),inset 0 0 48px rgba(255,255,255,.04)!important;
}
.brain-core:before,.brain-core:after{content:""!important;position:absolute!important;border-radius:50%!important;pointer-events:none!important}
.brain-core:before{inset:-18px!important;border:1px solid rgba(203,188,255,.14)!important;animation:qnOrbit 18s linear infinite!important}
.brain-core:after{inset:-40px!important;border:1px dashed rgba(114,227,255,.12)!important;animation:qnOrbit 26s linear infinite reverse!important}
.brain-core-logo{width:86px!important;height:86px!important;filter:drop-shadow(0 0 30px rgba(131,236,255,.30)) drop-shadow(0 0 40px rgba(159,123,255,.24))!important;animation:qnLogoFloat 5.6s ease-in-out infinite!important}
.brain-core span{margin-top:12px!important;color:#ddd8f1!important;letter-spacing:.18em!important;font-weight:760!important}
.hero-ring{opacity:.92!important;animation:qnOrbit 16s linear infinite!important;border-color:rgba(179,161,255,.18)!important}
.hero-ring.r1{transform:translateZ(0) scale(1.02)!important}
.hero-ring.r2{animation-duration:11s!important}
.hero-ring.r3{animation-duration:20s!important;animation-direction:reverse!important}
.metric-grid,.source-registry-metrics{gap:14px!important}
.metric-card{padding:18px 16px!important}
.metric-card strong{font-size:40px!important;line-height:1!important}
/* research and lifecycle cleanup */
.panel,.inner-card,.metric-card,.hero-panel,.terminal-panel{min-width:0!important}
.research-layout{grid-template-columns:minmax(360px,430px) minmax(0,1fr)!important;gap:16px!important;align-items:start!important}
.feed-panel,.detail-panel{min-width:0!important}
.feed-panel{position:sticky!important;top:94px!important;align-self:start!important}
.detail-head{align-items:flex-start!important;gap:18px!important}
.detail-head h2{font-size:32px!important;line-height:1.1!important;margin:6px 0 6px!important;overflow-wrap:anywhere!important}
.detail-head p{overflow-wrap:anywhere!important}
.detail-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto minmax(160px,1fr)!important;gap:12px!important;align-items:center!important;margin-bottom:16px!important}
.action-reason{min-height:44px!important}
.detail-facts{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px!important}
.fact{min-height:92px!important;padding:14px 14px!important;border:1px solid rgba(207,195,255,.09)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(18,19,48,.72),rgba(9,11,30,.86))!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
.fact span{font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#8d89a0!important}
.fact b{font-size:15px!important;color:#f0ecff!important;overflow-wrap:anywhere!important}
.pipeline-track{display:flex!important;gap:12px!important;overflow:auto!important;padding:8px 2px 12px!important;scroll-snap-type:x proximity!important}
.pipeline-step{min-width:176px!important;min-height:92px!important;background:linear-gradient(145deg,rgba(16,17,45,.86),rgba(8,10,28,.95))!important;border-color:rgba(199,189,255,.12)!important;scroll-snap-align:start!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.pipeline-step i{display:block!important;width:12px!important;height:12px!important;border-radius:999px!important;margin-bottom:10px!important;background:linear-gradient(135deg,var(--qn-cyan),var(--qn-violet))!important;box-shadow:0 0 18px rgba(131,236,255,.24)!important}
.pipeline-step.complete,.pipeline-step.verified{border-color:rgba(131,236,255,.26)!important;background:linear-gradient(145deg,rgba(10,24,52,.95),rgba(6,16,35,.98))!important}
.pipeline-step.failed,.pipeline-step.rejected{border-color:rgba(255,95,132,.22)!important}
.timeline{display:grid!important;gap:10px!important}
.timeline-row{grid-template-columns:92px 18px minmax(170px,260px) minmax(0,1fr)!important;gap:14px!important;min-height:70px!important;padding:12px 14px!important;border:1px solid rgba(205,196,255,.08)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(16,17,45,.78),rgba(9,10,29,.90))!important}
.timeline-row time{color:#b8b3cb!important;font-size:13px!important;letter-spacing:.05em!important;text-transform:uppercase!important;white-space:normal!important}
.timeline-row b,.timeline-row span{display:block!important;overflow-wrap:anywhere!important;white-space:normal!important}
.timeline-row b{color:#f3efff!important}
.timeline-row span{color:#ada8be!important;line-height:1.6!important}
.timeline-row.complete{border-color:rgba(67,233,139,.18)!important}
.timeline-row.failed{border-color:rgba(255,95,132,.18)!important}
.data-block pre{white-space:pre-wrap!important;word-break:break-word!important;max-height:360px!important;overflow:auto!important;background:rgba(6,7,24,.62)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;padding:14px!important}
/* tables */
.table-panel .panel-head{padding-bottom:12px!important}
.table-wrap{padding:6px!important;background:linear-gradient(180deg,rgba(7,8,24,.52),rgba(4,5,16,.64))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important}
.table-wrap table{min-width:1120px!important;border-collapse:separate!important;border-spacing:0 10px!important}
.table-wrap thead th{top:-6px!important;background:rgba(12,13,36,.98)!important;border-bottom:0!important;box-shadow:0 1px 0 rgba(255,255,255,.05)!important}
.table-wrap tbody td{background:rgba(11,12,33,.82)!important;border-top:1px solid rgba(207,197,255,.06)!important;border-bottom:1px solid rgba(207,197,255,.04)!important;vertical-align:top!important;line-height:1.55!important}
.table-wrap tbody td:first-child{border-left:1px solid rgba(207,197,255,.06)!important;border-radius:14px 0 0 14px!important}
.table-wrap tbody td:last-child{border-right:1px solid rgba(207,197,255,.06)!important;border-radius:0 14px 14px 0!important}
.table-wrap tbody tr:hover td{background:linear-gradient(180deg,rgba(26,24,60,.94),rgba(13,14,39,.94))!important;transform:translateY(-1px)!important}
.table-wrap td b,.table-wrap td .mono{overflow-wrap:anywhere!important;word-break:break-word!important}
#agentsView .table-wrap table{min-width:1280px!important}
#autonomyView .table-wrap table,#chartView .table-wrap table,#researchLabView .table-wrap table{min-width:1260px!important}
/* chart / market explorer */
.market-command-deck{padding:18px!important}
.market-toolbar{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:12px!important;align-items:end!important}
.market-toolbar>label{grid-column:span 2!important;min-width:0!important}
.market-toolbar>label:first-child{grid-column:span 2!important}
#marketSymbol,#marketResolution{font-weight:700!important;letter-spacing:.02em!important}
#chartView .terminal-panel,#chartView .panel{min-width:0!important}
.market-level-tab.active,.market-mode-tab.active{background:linear-gradient(110deg,#ffffff,#efe7ff)!important;color:#111124!important;border-color:rgba(255,255,255,.75)!important;box-shadow:0 10px 24px rgba(255,255,255,.09)!important}
.market-chart-panel .panel-head{align-items:center!important}
.market-chart-controls{display:flex!important;gap:10px!important}
.universe-results{display:grid!important;gap:10px!important;max-height:620px!important;overflow:auto!important;padding:8px!important}
.universe-item{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) auto auto!important;gap:8px!important;align-items:center!important;padding:14px!important;border-radius:16px!important;border:1px solid rgba(205,195,255,.10)!important;background:linear-gradient(145deg,rgba(16,18,46,.86),rgba(8,10,27,.92))!important;color:#d7d2e6!important;text-align:left!important;transition:transform .16s ease,border-color .16s ease,background .16s ease!important}
.universe-item:hover{transform:translateY(-1px)!important;border-color:rgba(210,201,255,.28)!important;background:linear-gradient(145deg,rgba(30,25,68,.92),rgba(12,14,38,.96))!important}
.universe-item b{display:block!important;color:#fff!important;font-size:15px!important;overflow-wrap:anywhere!important}
.universe-item span{display:block!important;color:#9d98ad!important;font-size:13px!important;overflow-wrap:anywhere!important}
.market-chart-panel canvas{border-radius:20px!important}
.chart-empty{min-height:420px!important;display:grid!important;place-items:center!important;text-align:center!important}
/* autonomy / source registry */
#autonomyView .dashboard-grid{gap:16px!important;align-items:start!important}
#autonomyView .dashboard-grid>.panel,#autonomyView .dashboard-grid>.table-panel{min-width:0!important}
#autonomyView .dashboard-grid>.span-8{grid-column:span 7!important}
#autonomyView .dashboard-grid>.span-4{grid-column:span 5!important}
#autonomyView form{display:grid!important;gap:12px!important}
#autonomyView .source-registry-metrics{margin-bottom:16px!important}
#autonomyView .table-wrap.source-registry-table{max-height:560px!important}
/* responsive */
@media (max-width:1480px){
  .hero-copy h2{font-size:44px!important}
  .detail-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .timeline-row{grid-template-columns:76px 18px minmax(150px,220px) minmax(0,1fr)!important}
}
@media (max-width:1180px){
  .research-layout{grid-template-columns:1fr!important}
  .feed-panel{position:relative!important;top:auto!important}
  .detail-actions{grid-template-columns:1fr!important}
  .detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #autonomyView .dashboard-grid>.span-8,#autonomyView .dashboard-grid>.span-4{grid-column:span 12!important}
  .market-toolbar>label{grid-column:span 4!important}
  .hero-panel{grid-template-columns:1fr!important}
}
@media (max-width:760px){
  .login-frame{grid-template-columns:1fr!important;min-height:auto!important}
  .login-brand{padding:44px 24px 28px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
  .login-brand h1{font-size:38px!important}
  .logo-aura{width:124px!important;height:124px!important}
  .login-logo{width:92px!important;height:92px!important}
  .entry-intro-card{padding:32px 22px!important}
  .entry-intro-logo-wrap{width:120px!important;height:120px!important}
  .entry-intro-logo-wrap img{width:84px!important;height:84px!important}
  .entry-intro-card h2{font-size:29px!important}
  .detail-facts{grid-template-columns:1fr!important}
  .timeline-row{grid-template-columns:1fr!important}
  .market-toolbar>label{grid-column:span 6!important}
  .universe-item{grid-template-columns:1fr!important}
}
@keyframes qnTwinkle{0%,100%{transform:scale(1);opacity:var(--op,.8)}50%{transform:scale(1.55);opacity:1}}
@keyframes qnFloatArc{0%{transform:translate3d(0,0,0) scale(.9)}50%{transform:translate3d(14px,-18px,0) scale(1.18)}100%{transform:translate3d(0,0,0) scale(.9)}}
@keyframes qnLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes qnSweep{0%{transform:translateX(-100%)}100%{transform:translateX(130%)}}
@keyframes qnProgressSweep{0%{transform:translateX(-75%);width:26%}38%{transform:translateX(0);width:58%}100%{transform:translateX(0);width:100%}}