/* QuantNova V5 — UI Rebirth R1
   Reference DNA: deep navy / violet / magenta liquid-fintech surfaces.
   Production rule: visual transformation only; no fabricated telemetry or UI-only truth. */
:root{
  --qn-bg:#070817;
  --qn-bg-deep:#050611;
  --qn-shell:#0c0d21;
  --qn-surface:rgba(18,20,47,.78);
  --qn-surface-strong:rgba(20,22,52,.92);
  --qn-surface-soft:rgba(28,28,62,.56);
  --qn-surface-black:rgba(6,7,19,.82);
  --qn-line:rgba(180,174,255,.18);
  --qn-line-strong:rgba(198,193,255,.31);
  --qn-line-soft:rgba(255,255,255,.075);
  --qn-text:#f8f7ff;
  --qn-text-2:#d9d7e8;
  --qn-muted:#9998b0;
  --qn-faint:#73738d;
  --qn-violet:#8d67ff;
  --qn-violet-2:#ad77ff;
  --qn-magenta:#d966ff;
  --qn-pink:#ff5caa;
  --qn-cyan:#72e3ff;
  --qn-gold:#ffd078;
  --qn-green:#43e98b;
  --qn-red:#ff5f84;
  --qn-amber:#ffc768;
  --qn-radius-xl:30px;
  --qn-radius-lg:24px;
  --qn-radius-md:18px;
  --qn-radius-sm:13px;
  --qn-control:42px;
  --qn-sidebar:258px;
  --qn-topbar:76px;
  --qn-shadow:0 28px 90px rgba(0,0,0,.44);
  --qn-shadow-soft:0 18px 48px rgba(0,0,0,.24);
  --qn-glow:0 0 0 1px rgba(142,103,255,.08),0 18px 60px rgba(128,78,255,.12);
}
*{box-sizing:border-box}
html{background:var(--qn-bg-deep)!important;color-scheme:dark!important;scrollbar-color:rgba(160,138,255,.35) rgba(7,8,23,.8)!important}
html,body{margin:0!important;min-width:320px!important;min-height:100%!important;background:var(--qn-bg-deep)!important;color:var(--qn-text)!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px!important;letter-spacing:0!important}
body{overflow-x:hidden!important;background:
  radial-gradient(circle at 15% -10%,rgba(168,79,255,.24),transparent 34%),
  radial-gradient(circle at 88% 8%,rgba(100,121,255,.24),transparent 32%),
  radial-gradient(circle at 70% 82%,rgba(255,78,166,.11),transparent 28%),
  linear-gradient(145deg,#070817 0%,#090a1e 44%,#070818 100%)!important}
button,input,select,textarea{font:inherit!important}
button{cursor:pointer!important}
button:disabled{cursor:not-allowed!important;opacity:.54!important}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid rgba(114,227,255,.92)!important;outline-offset:2px!important}
::selection{background:rgba(141,103,255,.42)!important;color:#fff!important}

/* -------- shared typography -------- */
.eyebrow,.section-kicker,.login-kicker{font-size:14px!important;line-height:1.25!important;letter-spacing:.1em!important;font-weight:750!important;text-transform:uppercase!important;color:#a6a3bc!important}
.section-title h2,.terminal-title h2,.panel-head h3,.inner-head h3{color:var(--qn-text)!important;letter-spacing:-.025em!important}
.section-title p,.terminal-title p,.panel-head p,.muted-mini{color:var(--qn-muted)!important}
.mono{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace!important}

/* -------- cinematic secure access -------- */
.login-screen{position:relative!important;min-height:100vh!important;display:grid!important;place-items:center!important;padding:34px!important;overflow:hidden!important;background:
  radial-gradient(circle at 20% 18%,rgba(212,92,255,.27),transparent 30%),
  radial-gradient(circle at 82% 22%,rgba(101,113,255,.3),transparent 32%),
  linear-gradient(135deg,#151122 0%,#0a0b22 43%,#11132d 100%)!important}
.space-scene{position:absolute!important;inset:0!important;display:block!important;overflow:hidden!important;pointer-events:none!important}
.starfield{position:absolute!important;inset:0!important;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.7) 0 1px,transparent 1.7px),radial-gradient(circle at 74% 20%,rgba(255,255,255,.46) 0 1px,transparent 1.7px),radial-gradient(circle at 62% 82%,rgba(114,227,255,.52) 0 1px,transparent 1.8px)!important;background-size:180px 180px,230px 230px,290px 290px!important;opacity:.22!important}
.nebula{position:absolute!important;width:54vw!important;height:54vw!important;border-radius:50%!important;filter:blur(70px)!important;opacity:.38!important}
.nebula-a{left:-18vw!important;top:-20vw!important;background:radial-gradient(circle,rgba(222,85,255,.62),rgba(122,70,255,.12) 52%,transparent 72%)!important}
.nebula-b{right:-16vw!important;bottom:-24vw!important;background:radial-gradient(circle,rgba(91,129,255,.54),rgba(255,72,166,.1) 54%,transparent 72%)!important}
.planet,.space-grid{display:none!important}
.login-frame{position:relative!important;z-index:2!important;width:min(1180px,100%)!important;min-height:690px!important;display:grid!important;grid-template-columns:minmax(0,1.22fr) minmax(390px,.78fr)!important;border:1px solid rgba(205,197,255,.22)!important;border-radius:40px!important;background:linear-gradient(150deg,rgba(15,16,45,.89),rgba(8,9,29,.9))!important;backdrop-filter:blur(28px) saturate(135%)!important;-webkit-backdrop-filter:blur(28px) saturate(135%)!important;box-shadow:0 42px 130px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.06),0 0 0 10px rgba(142,101,255,.055)!important;overflow:hidden!important}
.login-frame:before{content:""!important;position:absolute!important;inset:-2px!important;pointer-events:none!important;background:linear-gradient(115deg,rgba(255,255,255,.06),transparent 30%,rgba(176,104,255,.09) 58%,transparent 82%)!important}
.login-brand{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:76px 72px!important;border-right:1px solid rgba(255,255,255,.075)!important;background:
  radial-gradient(circle at 18% 20%,rgba(203,89,255,.16),transparent 28%),
  radial-gradient(circle at 78% 72%,rgba(94,127,255,.17),transparent 32%),
  linear-gradient(150deg,rgba(25,21,67,.66),rgba(12,14,42,.3))!important}
.logo-aura{position:relative!important;width:118px!important;height:118px!important;display:grid!important;place-items:center!important;margin-bottom:34px!important;border-radius:34px!important;background:radial-gradient(circle,rgba(152,101,255,.15),transparent 68%)!important}
.login-logo{position:relative!important;z-index:2!important;width:88px!important;height:88px!important;object-fit:contain!important;filter:drop-shadow(0 0 24px rgba(115,210,255,.18)) drop-shadow(0 0 40px rgba(169,96,255,.16))!important}
.logo-orbit{position:absolute!important;display:block!important;inset:7px!important;border:1px solid rgba(142,103,255,.22)!important;border-radius:50%!important;animation:qnOrbit 12s linear infinite!important}
.logo-orbit.orbit-two{inset:19px!important;border-color:rgba(114,227,255,.18)!important;animation-duration:8s!important;animation-direction:reverse!important}
.login-brand h1{max-width:660px!important;margin:14px 0 17px!important;font-size:44px!important;line-height:1.04!important;font-weight:780!important;letter-spacing:-.045em!important;color:#fff!important;text-wrap:balance!important}
.login-brand p{max-width:630px!important;margin:0!important;color:#b4b0c9!important;font-size:16px!important;line-height:1.7!important}
.trust-row{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:32px!important}
.trust-row span{padding:9px 13px!important;border:1px solid rgba(195,187,255,.18)!important;border-radius:999px!important;background:rgba(12,13,38,.62)!important;color:#cbc6dd!important;font-size:14px!important;font-weight:700!important;letter-spacing:.055em!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
.login-card{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:62px 50px!important;background:linear-gradient(180deg,rgba(10,11,34,.8),rgba(8,9,27,.94))!important}
.login-card-head{margin-bottom:30px!important}
.login-card-head h2{margin:9px 0 8px!important;font-size:28px!important;line-height:1.15!important;letter-spacing:-.035em!important}
.login-card-head p{margin:0!important;color:var(--qn-muted)!important;font-size:14px!important;line-height:1.6!important}
.field{display:grid!important;gap:9px!important;margin:0 0 17px!important}
.field>span{font-size:14px!important;font-weight:650!important;color:#c3bfd3!important}
input,select,textarea{width:100%!important;min-height:var(--qn-control)!important;padding:10px 13px!important;color:var(--qn-text)!important;background:rgba(6,7,24,.72)!important;border:1px solid rgba(189,181,255,.18)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;outline:none!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important}
input:hover,select:hover,textarea:hover{border-color:rgba(188,177,255,.3)!important;background:rgba(9,10,30,.85)!important}
input:focus,select:focus,textarea:focus{border-color:rgba(141,103,255,.74)!important;box-shadow:0 0 0 3px rgba(141,103,255,.11),0 0 34px rgba(141,103,255,.08)!important;background:rgba(8,9,28,.96)!important}
textarea{resize:vertical!important}
.password-wrap{position:relative!important;background:transparent!important;border:0!important}
.password-wrap input{padding-right:72px!important}
.text-icon{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;height:30px!important;padding:0 8px!important;border:0!important;background:transparent!important;color:#aaa5be!important;font-size:14px!important;font-weight:760!important}
.login-submit,.primary-button,.secondary-button,.icon-btn,.logout-btn,.command-palette-trigger,.market-level-tab,.market-mode-tab,.mini-button,.danger-button,.warning-outline,.danger-outline{min-height:var(--qn-control)!important;border-radius:999px!important;border:1px solid rgba(198,191,255,.2)!important;font-size:14px!important;font-weight:740!important;letter-spacing:0!important;box-shadow:none!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease!important}
.login-submit,.primary-button{background:linear-gradient(120deg,#fcfbff 0%,#f1eeff 100%)!important;border-color:rgba(255,255,255,.75)!important;color:#111124!important;box-shadow:0 10px 34px rgba(255,255,255,.08)!important}
.login-submit{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:5px!important;padding:0 18px!important}
.login-submit:hover,.primary-button:hover{transform:translateY(-1px)!important;box-shadow:0 13px 34px rgba(143,102,255,.18)!important}
.secondary-button,.icon-btn,.logout-btn,.command-palette-trigger,.mini-button{background:rgba(30,29,64,.54)!important;color:#ded9ec!important}
.secondary-button:hover,.icon-btn:hover,.logout-btn:hover,.command-palette-trigger:hover,.mini-button:hover{background:rgba(47,43,92,.62)!important;border-color:rgba(182,166,255,.38)!important;transform:translateY(-1px)!important}
.danger-button,.danger-outline{background:rgba(255,70,112,.1)!important;color:#ff91aa!important;border-color:rgba(255,91,126,.28)!important}
.warning-outline{background:rgba(255,199,104,.09)!important;color:#ffd592!important;border-color:rgba(255,199,104,.25)!important}
.login-message{min-height:22px!important;margin-top:12px!important;color:#ff8caa!important;font-size:14px!important}
.login-security{display:flex!important;align-items:center!important;gap:9px!important;margin-top:18px!important;color:#8f8ca6!important;font-size:14px!important}
.login-security i{width:8px!important;height:8px!important;border-radius:50%!important;background:var(--qn-green)!important;box-shadow:0 0 15px rgba(67,233,139,.46)!important}

/* -------- secure session intro -------- */
.entry-intro{position:fixed!important;inset:0!important;z-index:3000!important;display:grid!important;place-items:center!important;padding:28px!important;overflow:hidden!important;background:
  radial-gradient(circle at 30% 12%,rgba(208,88,255,.28),transparent 34%),
  radial-gradient(circle at 78% 30%,rgba(89,120,255,.26),transparent 34%),
  linear-gradient(145deg,#080817,#0e0e2a 54%,#09091b)!important}
.intro-architecture{position:absolute!important;inset:0!important;display:block!important;overflow:hidden!important;pointer-events:none!important;opacity:.75!important}
.intro-grid-plane{position:absolute!important;inset:34% -20% -35%!important;background-image:linear-gradient(rgba(139,112,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(139,112,255,.07) 1px,transparent 1px)!important;background-size:58px 58px!important;transform:perspective(650px) rotateX(58deg)!important;mask-image:linear-gradient(to bottom,transparent,#000 30%,transparent)!important}
.intro-spectral-line{position:absolute!important;width:42vw!important;height:42vw!important;border-radius:50%!important;filter:blur(70px)!important}
.intro-spectral-line.line-one{left:-13vw!important;top:-15vw!important;background:rgba(203,84,255,.22)!important}
.intro-spectral-line.line-two{right:-13vw!important;bottom:-15vw!important;background:rgba(86,119,255,.22)!important}
.intro-scan-beam{position:absolute!important;left:0!important;right:0!important;top:42%!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(114,227,255,.55),rgba(222,104,255,.55),transparent)!important;box-shadow:0 0 30px rgba(143,104,255,.35)!important;animation:qnScan 2.2s ease-in-out infinite!important}
.entry-intro-card{position:relative!important;width:min(880px,100%)!important;padding:44px 48px!important;border:1px solid rgba(203,195,255,.22)!important;border-radius:34px!important;background:linear-gradient(145deg,rgba(21,21,55,.86),rgba(7,8,28,.92))!important;backdrop-filter:blur(24px)!important;box-shadow:0 38px 110px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.055),0 0 0 8px rgba(140,95,255,.035)!important;overflow:hidden!important}
.entry-intro-card:after{content:""!important;position:absolute!important;width:240px!important;height:240px!important;right:-60px!important;top:-70px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(213,91,255,.21),transparent 70%)!important;pointer-events:none!important}
.intro-topline,.intro-footer{position:relative!important;z-index:1!important;display:flex!important;justify-content:space-between!important;gap:18px!important;color:#9d98b1!important;font-size:14px!important;font-weight:680!important;letter-spacing:.06em!important}
.intro-topline b,.intro-footer b{color:#d3cdf0!important}
.entry-intro-logo-wrap{position:relative!important;width:104px!important;height:104px!important;display:grid!important;place-items:center!important;margin:40px 0 24px!important}
.entry-intro-logo-wrap img{position:relative!important;z-index:2!important;width:72px!important;height:72px!important;object-fit:contain!important;filter:drop-shadow(0 0 26px rgba(114,227,255,.2))!important}
.entry-intro-ring{position:absolute!important;display:block!important;inset:0!important;border-radius:50%!important;border:1px solid rgba(171,144,255,.3)!important;animation:qnOrbit 9s linear infinite!important}
.entry-intro-ring.ring-b{inset:15px!important;border-color:rgba(114,227,255,.22)!important;animation-duration:6s!important;animation-direction:reverse!important}
.intro-wordmark{display:flex!important;align-items:baseline!important;gap:11px!important}
.intro-wordmark span{font-size:22px!important;font-weight:820!important;letter-spacing:.055em!important}
.intro-wordmark b{font-size:14px!important;color:#9691a9!important;letter-spacing:.14em!important}
.entry-intro-kicker{display:block!important;margin-top:24px!important;color:var(--qn-cyan)!important;font-size:14px!important;font-weight:780!important;letter-spacing:.12em!important}
.entry-intro-card h2{margin:8px 0!important;font-size:30px!important;letter-spacing:-.035em!important}
.entry-intro-card p{margin:0!important;color:#aaa5ba!important;font-size:15px!important;line-height:1.65!important}
.intro-layer-sequence{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin:26px 0 20px!important}
.intro-layer-sequence span{display:grid!important;place-items:center!important;min-height:42px!important;border:1px solid rgba(190,181,255,.16)!important;border-radius:999px!important;background:rgba(29,27,62,.46)!important;color:#c2bdd3!important;font-size:14px!important;font-weight:700!important;letter-spacing:.055em!important}
.entry-intro-progress{height:4px!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;overflow:hidden!important}
.entry-intro-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,var(--qn-cyan),var(--qn-violet),var(--qn-pink))!important;box-shadow:0 0 25px rgba(141,103,255,.42)!important}
.intro-footer{margin-top:20px!important}

/* -------- application shell -------- */
.app-shell{position:relative!important;min-height:100vh!important;background:
  radial-gradient(circle at 8% -12%,rgba(192,78,255,.17),transparent 28%),
  radial-gradient(circle at 94% 5%,rgba(83,117,255,.18),transparent 27%),
  linear-gradient(145deg,#08091a,#090a1f 47%,#080919)!important}
.liquid-atmosphere{position:fixed!important;inset:0!important;display:block!important;pointer-events:none!important;overflow:hidden!important;z-index:0!important;opacity:.58!important}
.liquid-orb{position:absolute!important;display:block!important;border-radius:50%!important;filter:blur(90px)!important}
.orb-cyan{width:35vw!important;height:35vw!important;right:-13vw!important;top:10vh!important;background:rgba(78,172,255,.11)!important}
.orb-violet{width:42vw!important;height:42vw!important;left:-20vw!important;bottom:-8vh!important;background:rgba(196,75,255,.13)!important}
.orb-blue{width:28vw!important;height:28vw!important;left:43vw!important;top:-17vw!important;background:rgba(112,86,255,.12)!important}
.liquid-caustic{display:none!important}
.sidebar{position:fixed!important;z-index:40!important;inset:16px auto 16px 16px!important;width:var(--qn-sidebar)!important;padding:16px 12px 15px!important;display:flex!important;flex-direction:column!important;border:1px solid rgba(194,187,255,.17)!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(13,14,39,.91),rgba(8,9,28,.94))!important;backdrop-filter:blur(24px) saturate(125%)!important;-webkit-backdrop-filter:blur(24px) saturate(125%)!important;box-shadow:var(--qn-shadow-soft),inset 0 1px 0 rgba(255,255,255,.04)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important}
.sidebar-brand{display:flex!important;align-items:center!important;gap:11px!important;min-height:58px!important;padding:4px 8px 14px!important;margin-bottom:8px!important;border-bottom:1px solid rgba(255,255,255,.065)!important}
.sidebar-brand-mark{position:relative!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:rgba(114,100,255,.09)!important}
.sidebar-brand-mark img{width:32px!important;height:32px!important;object-fit:contain!important;filter:drop-shadow(0 0 14px rgba(114,227,255,.15))!important}
.sidebar-brand-mark span{display:none!important}
.sidebar-brand-copy{display:grid!important;gap:2px!important;min-width:0!important}
.sidebar-brand-copy b{font-size:15px!important;font-weight:820!important;letter-spacing:.085em!important;color:#fff!important}
.sidebar-brand-copy span{font-size:14px!important;color:#8f8ba4!important;letter-spacing:.04em!important;white-space:nowrap!important}
.live-chip{display:flex!important;align-items:center!important;gap:8px!important;margin:4px 5px 11px!important;padding:8px 10px!important;border:1px solid rgba(67,233,139,.16)!important;border-radius:999px!important;background:rgba(36,92,71,.12)!important;color:#a7d9bd!important;font-size:14px!important;font-weight:650!important}
.live-chip i,.connection-pill i,.live-badge i{width:8px!important;height:8px!important;border-radius:50%!important;background:var(--qn-green)!important;box-shadow:0 0 14px rgba(67,233,139,.48)!important}
.nav{display:grid!important;gap:3px!important;align-content:start!important}
.nav-item{position:relative!important;display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:39px!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;color:#9995aa!important;text-align:left!important;font-size:14px!important;font-weight:620!important;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important}
.nav-item i{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;border-radius:8px!important;background:rgba(255,255,255,.025)!important;color:#7e7992!important;font-style:normal!important;font-size:14px!important}
.nav-item span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.nav-item em,.nav-item>b{font-size:14px!important;font-style:normal!important;color:#827d94!important;font-weight:720!important}
.nav-item:hover{background:rgba(49,43,91,.35)!important;border-color:rgba(189,179,255,.11)!important;color:#e7e3ef!important;transform:translateX(1px)!important}
.nav-item.active{background:linear-gradient(100deg,rgba(126,91,255,.2),rgba(195,79,255,.1))!important;border-color:rgba(180,159,255,.25)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(90,60,190,.07)!important}
.nav-item.active i{background:linear-gradient(140deg,rgba(141,103,255,.28),rgba(217,102,255,.13))!important;color:#d9d1ff!important}
.nav-item.locked{opacity:.55!important}
.nav-item.locked>b{padding:4px 7px!important;border-radius:999px!important;background:rgba(255,255,255,.045)!important;color:#8e899b!important}
.nav-divider{height:1px!important;margin:7px 8px!important;background:rgba(255,255,255,.07)!important;border:0!important}
.sidebar-foot{margin-top:auto!important;padding:13px 8px 0!important;border-top:1px solid rgba(255,255,255,.065)!important;color:#7e7a8e!important}
.sidebar-foot span{display:block!important;font-size:14px!important;font-weight:760!important;letter-spacing:.08em!important}
.sidebar-foot small{display:block!important;margin-top:5px!important;color:#706c80!important;font-size:14px!important;line-height:1.45!important}
.main{position:relative!important;z-index:2!important;min-width:0!important;margin-left:calc(var(--qn-sidebar) + 30px)!important;padding:16px 16px 16px 0!important;background:transparent!important}
.topbar{position:sticky!important;z-index:30!important;top:16px!important;min-height:var(--qn-topbar)!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:11px 15px 11px 18px!important;margin-bottom:13px!important;border:1px solid rgba(194,187,255,.16)!important;border-radius:24px!important;background:linear-gradient(110deg,rgba(18,18,49,.84),rgba(9,10,30,.9))!important;backdrop-filter:blur(24px) saturate(130%)!important;-webkit-backdrop-filter:blur(24px) saturate(130%)!important;box-shadow:0 16px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)!important}
.title-row{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.title-row h1{margin:2px 0 0!important;color:#fff!important;font-size:21px!important;line-height:1.1!important;font-weight:780!important;letter-spacing:-.035em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.title-row .eyebrow{color:#827e93!important}
.top-actions{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.connection-pill{display:flex!important;align-items:center!important;gap:8px!important;min-height:38px!important;padding:0 12px!important;border:1px solid rgba(190,182,255,.14)!important;border-radius:999px!important;background:rgba(27,26,60,.47)!important;color:#b5b0c5!important;font-size:14px!important;font-weight:670!important;white-space:nowrap!important}
.connection-pill i.off{background:#7e788e!important;box-shadow:none!important}
.command-palette-trigger{min-width:240px!important;justify-content:flex-start!important;padding:0 16px!important;background:rgba(4,5,17,.72)!important;color:#9f9aaa!important;border-color:rgba(194,187,255,.16)!important}
.icon-btn{display:grid!important;place-items:center!important;min-width:42px!important;padding:0 12px!important}
.user-menu{display:flex!important;align-items:center!important;gap:9px!important;padding-left:4px!important}
.user-avatar{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(145deg,#5e61e9,#a45be7 55%,#51bde6)!important;color:#fff!important;font-size:14px!important;font-weight:820!important;box-shadow:0 7px 24px rgba(105,86,220,.26)!important}
.user-meta{display:grid!important;gap:1px!important}
.user-meta b{font-size:14px!important;color:#e8e4f0!important}
.user-meta span{font-size:14px!important;color:#827e91!important;text-transform:capitalize!important}
.logout-btn{min-height:36px!important;padding:0 13px!important}
.mobile-menu{display:none!important}
.content{padding:0 0 2px!important;min-width:0!important}

/* -------- view/page composition -------- */
.view{display:none!important;min-width:0!important;animation:qnViewIn .22s ease!important}
.view.active-view{display:block!important}
.section-title,.terminal-title{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:18px!important;margin:6px 2px 15px!important}
.section-title h2,.terminal-title h2{margin:4px 0 5px!important;font-size:27px!important;line-height:1.1!important;font-weight:780!important}
.section-title p,.terminal-title p{margin:0!important;max-width:760px!important;font-size:14px!important;line-height:1.6!important}
.section-actions,.control-actions,.feed-tools,.market-refresh,.lab-actions-grid{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.hero-panel,.panel,.metric-card,.inner-card,.terminal-panel,.liquid-glass-panel,.upload-panel,.paid-provider-panel,.license-hero,.market-command-deck{position:relative!important;border:1px solid var(--qn-line)!important;border-radius:var(--qn-radius-lg)!important;background:linear-gradient(145deg,rgba(24,24,57,.73),rgba(10,11,31,.78))!important;backdrop-filter:blur(20px) saturate(124%)!important;-webkit-backdrop-filter:blur(20px) saturate(124%)!important;box-shadow:var(--qn-shadow-soft),inset 0 1px 0 rgba(255,255,255,.035)!important;overflow:hidden!important}
.hero-panel:before,.panel:before,.metric-card:before,.terminal-panel:before,.upload-panel:before,.license-hero:before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(130deg,rgba(255,255,255,.028),transparent 27%,transparent 72%,rgba(147,95,255,.025))!important}
.panel,.terminal-panel,.upload-panel,.liquid-glass-panel,.paid-provider-panel{padding:18px!important}
.panel-head,.inner-head,.feed-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;margin-bottom:13px!important}
.panel-head h3,.inner-head h3,.feed-head h3{margin:0!important;font-size:16px!important;font-weight:760!important}
.panel-head span,.panel-head small,.inner-head span,.feed-head span{color:#8b879b!important;font-size:14px!important}
.hero-panel{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr)!important;min-height:270px!important;padding:31px 34px!important;background:
  radial-gradient(circle at 82% 24%,rgba(146,88,255,.2),transparent 27%),
  radial-gradient(circle at 96% 80%,rgba(83,154,255,.12),transparent 32%),
  linear-gradient(135deg,rgba(28,25,73,.82),rgba(10,11,31,.84))!important}
.hero-copy{position:relative!important;z-index:2!important;align-self:center!important}
.hero-copy h2{max-width:720px!important;margin:10px 0 12px!important;font-size:35px!important;line-height:1.06!important;letter-spacing:-.045em!important;text-wrap:balance!important}
.hero-copy p{max-width:740px!important;margin:0!important;color:#aaa6ba!important;font-size:15px!important;line-height:1.7!important}
.hero-badges{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:22px!important}
.hero-badges span{padding:7px 10px!important;border:1px solid rgba(193,180,255,.16)!important;border-radius:999px!important;background:rgba(20,19,51,.56)!important;color:#bfb9d0!important;font-size:14px!important;font-weight:700!important;letter-spacing:.06em!important}
.hero-visual{position:relative!important;display:grid!important;place-items:center!important;min-height:210px!important}
.brain-core{position:relative!important;z-index:2!important;width:154px!important;height:154px!important;display:grid!important;place-items:center!important;border:1px solid rgba(182,168,255,.24)!important;border-radius:50%!important;background:radial-gradient(circle,rgba(111,94,224,.23),rgba(11,12,35,.85) 68%)!important;box-shadow:0 0 56px rgba(138,87,255,.12),inset 0 0 34px rgba(114,227,255,.05)!important}
.brain-core-logo{width:62px!important;height:62px!important;object-fit:contain!important;filter:drop-shadow(0 0 18px rgba(113,223,255,.18))!important}
.brain-core span{position:absolute!important;bottom:26px!important;font-size:14px!important;color:#9a94ad!important;letter-spacing:.09em!important;font-weight:720!important}
.hero-ring{position:absolute!important;display:block!important;border:1px solid rgba(159,131,255,.15)!important;border-radius:50%!important;animation:qnPulse 4s ease-in-out infinite!important}
.hero-ring.r1{width:188px!important;height:188px!important}.hero-ring.r2{width:228px!important;height:228px!important;animation-delay:.5s!important}.hero-ring.r3{width:268px!important;height:268px!important;animation-delay:1s!important}
.metric-grid{display:grid!important;gap:11px!important;margin-top:11px!important}
.metric-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.metric-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.metric-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.metric-card{min-height:116px!important;padding:17px 18px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.metric-card span{position:relative!important;z-index:1!important;color:#9490a4!important;font-size:14px!important;font-weight:620!important}
.metric-card strong{position:relative!important;z-index:1!important;margin:7px 0 4px!important;color:#fff!important;font-size:25px!important;line-height:1.1!important;letter-spacing:-.04em!important;font-weight:780!important}
.metric-card small{position:relative!important;z-index:1!important;color:#777386!important;font-size:14px!important}
.metric-card:hover{border-color:rgba(188,171,255,.28)!important;transform:translateY(-1px)!important;box-shadow:0 22px 58px rgba(0,0,0,.26),0 0 42px rgba(129,82,255,.05)!important}
.dashboard-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:11px!important;margin-top:11px!important}
.span-4{grid-column:span 4!important}.span-5{grid-column:span 5!important}.span-6{grid-column:span 6!important}.span-7{grid-column:span 7!important}.span-8{grid-column:span 8!important}.span-12,.full{grid-column:1/-1!important}
.inner-card{padding:15px!important}
.kv-list,.contract-stack,.constitution-list,.pipeline-summary,.event-ledger{display:grid!important;gap:0!important}
.kv{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)!important;gap:16px!important;align-items:start!important;min-height:38px!important;padding:9px 2px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.kv:last-child{border-bottom:0!important}
.kv span:first-child{color:#858195!important}
.kv span:last-child{color:#d8d4e2!important;text-align:right!important;overflow-wrap:anywhere!important}
.data-row,.fact{min-height:38px!important;padding:9px 0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;font-size:14px!important;color:#cfcada!important}
.empty-state,.empty-detail,.chart-empty{padding:20px!important;border:1px dashed rgba(187,177,255,.19)!important;border-radius:17px!important;background:rgba(8,9,27,.52)!important;color:#878396!important;font-size:14px!important;line-height:1.55!important}
.state-pill,.live-badge,.warning-badge,.locked-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:27px!important;padding:4px 9px!important;border:1px solid rgba(194,187,255,.14)!important;border-radius:999px!important;background:rgba(28,27,61,.49)!important;color:#c9c4d6!important;font-size:14px!important;font-weight:680!important;white-space:nowrap!important}

/* -------- tables / data surfaces -------- */
.table-wrap{position:relative!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:18px!important;overflow:auto!important;background:rgba(5,6,20,.34)!important;scrollbar-width:thin!important}
table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:14px!important}
th{position:sticky!important;top:0!important;z-index:2!important;padding:11px 12px!important;background:rgba(17,17,42,.96)!important;color:#9691a7!important;border-bottom:1px solid rgba(196,187,255,.11)!important;font-size:14px!important;font-weight:720!important;letter-spacing:.04em!important;text-align:left!important;white-space:nowrap!important}
td{padding:11px 12px!important;color:#d2cddd!important;border-bottom:1px solid rgba(255,255,255,.05)!important;vertical-align:middle!important}
tr:last-child td{border-bottom:0!important}
tbody tr{transition:background .14s ease!important}
tbody tr:hover td{background:rgba(80,65,139,.12)!important}

/* -------- research / lifecycle -------- */
.research-layout{display:grid!important;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr)!important;gap:11px!important}
.research-feed,.research-detail{min-width:0!important}
.research-preview,.research-feed{display:grid!important;gap:7px!important}
.feed-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;min-height:64px!important;padding:11px 12px!important;border:1px solid transparent!important;border-radius:16px!important;background:rgba(9,10,29,.28)!important;color:#cfcadd!important;transition:background .15s ease,border-color .15s ease,transform .15s ease!important}
.feed-item:hover{background:rgba(51,44,91,.28)!important;border-color:rgba(191,179,255,.12)!important;transform:translateY(-1px)!important}
.feed-item.active{background:linear-gradient(105deg,rgba(121,88,255,.19),rgba(197,76,255,.07))!important;border-color:rgba(185,165,255,.26)!important}
.feed-copy{display:grid!important;gap:4px!important;min-width:0!important}
.feed-copy b{color:#e8e3ef!important;font-size:14px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.feed-copy span,.feed-state small{color:#827e91!important;font-size:14px!important}
.detail-panel{border-radius:var(--qn-radius-lg)!important}
.detail-head{display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:flex-start!important;margin-bottom:12px!important}
.detail-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:10px!important}
.detail-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.pipeline-track{display:grid!important;grid-template-columns:repeat(11,minmax(100px,1fr))!important;gap:7px!important;overflow:auto!important;padding-bottom:4px!important}
.pipeline-step{position:relative!important;min-height:70px!important;padding:11px!important;border:1px solid rgba(195,184,255,.12)!important;border-radius:16px!important;background:rgba(9,10,30,.42)!important}
.pipeline-step b{display:block!important;color:#d8d3e0!important;font-size:14px!important}
.pipeline-step span{display:block!important;margin-top:6px!important;color:#817c8f!important;font-size:14px!important}
.timeline{display:grid!important;gap:0!important}
.timeline-row{display:grid!important;grid-template-columns:18px minmax(0,1fr) auto!important;gap:10px!important;align-items:start!important;min-height:46px!important;padding:10px 0!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.timeline-dot{width:10px!important;height:10px!important;margin-top:5px!important;border-radius:50%!important;background:var(--qn-violet)!important;box-shadow:0 0 14px rgba(141,103,255,.3)!important}
.drop-zone{min-height:210px!important;display:grid!important;place-items:center!important;text-align:center!important;padding:26px!important;border:1px dashed rgba(184,169,255,.31)!important;border-radius:24px!important;background:radial-gradient(circle at 50% 20%,rgba(139,101,255,.09),transparent 48%),rgba(7,8,25,.38)!important;transition:border-color .16s ease,background .16s ease,transform .16s ease!important}
.drop-zone:hover,.drop-zone.dragging{border-color:rgba(149,115,255,.72)!important;background:rgba(41,32,85,.34)!important;transform:translateY(-1px)!important}
.drop-symbol{font-size:34px!important;color:#b8a5ff!important}
.selected-file,.upload-result,.form-message,.action-reason,.terminal-result{border:1px solid rgba(194,185,255,.12)!important;border-radius:14px!important;background:rgba(7,8,25,.44)!important;padding:10px 12px!important;color:#aaa5b7!important;font-size:14px!important}
.upload-progress{margin-top:12px!important}
.progress-track{height:8px!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;overflow:hidden!important}
.progress-track>i,.progress-track>span,.progress-bar{height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,var(--qn-cyan),var(--qn-violet),var(--qn-pink))!important}
.progress-meta{display:flex!important;justify-content:space-between!important;gap:12px!important;margin-top:7px!important;color:#8e899d!important;font-size:14px!important}

/* -------- intelligence / governance / graph-like surfaces -------- */
.intelligence-grid,.supervisor-grid,.self-ai-grid,.source-registry,.risk-assess-grid,.agent-performance-controls,.time-machine-controls,.replay-controls,.universe-search,.market-data-census{display:grid!important;gap:10px!important}
.intelligence-grid,.supervisor-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important}
.ai-findings,.incident-list,.news-radar,.network-graph,.knowledge-graph,.source-registry-table,.paid-provider-grid,.self-ai-candidates-panel,.risk-scenario-panel{border:1px solid rgba(255,255,255,.06)!important;border-radius:18px!important;background:rgba(5,6,20,.28)!important}
.ai-finding{padding:13px 14px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.ai-finding:last-child{border-bottom:0!important}
.ai-finding h4{margin:6px 0!important;color:#e6e1ec!important;font-size:15px!important}
.ai-finding p{margin:0!important;color:#908b9f!important;line-height:1.55!important}
.globe-shell{position:relative!important;min-height:420px!important;border:1px solid rgba(197,186,255,.11)!important;border-radius:20px!important;background:radial-gradient(circle at 50% 50%,rgba(97,105,255,.1),transparent 48%),rgba(5,6,20,.42)!important;overflow:hidden!important}
.globe-shell svg{width:100%!important;height:100%!important;min-height:420px!important}
.network-graph,.knowledge-graph{min-height:260px!important;padding:12px!important;overflow:auto!important}
.gate-flow{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important}
.gate-flow>*{border-radius:999px!important}
.future-lock,.license-hero{background:
  radial-gradient(circle at 80% 20%,rgba(123,90,255,.12),transparent 25%),
  linear-gradient(145deg,rgba(22,22,51,.66),rgba(8,9,27,.82))!important}
.lock-core,.license-lock-core{display:grid!important;place-items:center!important;border:1px solid rgba(184,172,255,.18)!important;border-radius:50%!important;background:rgba(12,13,38,.66)!important;box-shadow:0 0 50px rgba(122,89,255,.08)!important}

/* -------- world market terminal -------- */
.market-command-deck{padding:15px!important;margin-bottom:11px!important;background:linear-gradient(145deg,rgba(20,20,50,.83),rgba(8,9,28,.86))!important}
.market-toolbar{display:grid!important;grid-template-columns:minmax(170px,1.2fr) repeat(5,minmax(120px,.8fr)) auto auto!important;gap:8px!important;align-items:end!important}
.market-toolbar label{display:grid!important;gap:6px!important}
.market-toolbar label>span{color:#8f8a9f!important;font-size:14px!important;font-weight:650!important}
.market-toolbar small{color:#777386!important;font-size:14px!important}
.market-toolbar input,.market-toolbar select{min-height:39px!important;height:39px!important;padding:8px 11px!important;border-radius:12px!important}
.market-tab-row{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:12px!important;padding-top:11px!important;border-top:1px solid rgba(255,255,255,.065)!important}
.market-level-tabs,.market-mode-tabs{display:flex!important;gap:5px!important;padding:4px!important;border:1px solid rgba(191,182,255,.11)!important;border-radius:999px!important;background:rgba(5,6,19,.46)!important}
.market-level-tab,.market-mode-tab{min-height:34px!important;height:34px!important;padding:0 13px!important;border-color:transparent!important;background:transparent!important;color:#888397!important}
.market-level-tab.active,.market-mode-tab.active{background:#f7f4ff!important;color:#151326!important;border-color:rgba(255,255,255,.72)!important;box-shadow:0 5px 18px rgba(255,255,255,.08)!important}
.market-level-policy{color:#777284!important;font-size:14px!important}
.market-live-header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:9px!important}
.terminal-clock{font:700 14px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;color:#bbb5c8!important}
.market-live-strip{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:1px!important;margin-bottom:11px!important;border:1px solid rgba(193,184,255,.13)!important;border-radius:20px!important;overflow:hidden!important;background:rgba(188,177,255,.08)!important;box-shadow:var(--qn-shadow-soft)!important}
.market-live-strip article{min-height:82px!important;padding:13px 15px!important;border:0!important;background:linear-gradient(180deg,rgba(20,20,49,.9),rgba(9,10,29,.91))!important}
.market-live-strip span{display:block!important;color:#878296!important;font-size:14px!important}
.market-live-strip strong{display:block!important;margin:6px 0 3px!important;color:#fff!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:17px!important;font-weight:760!important;letter-spacing:-.02em!important}
.market-live-strip small{color:#777284!important;font-size:14px!important}
.market-metrics{display:none!important}
.market-terminal-grid{display:grid!important;grid-template-columns:minmax(0,2.45fr) minmax(335px,.82fr)!important;gap:11px!important;align-items:stretch!important}
.market-chart-panel,.market-depth-panel{min-height:680px!important;padding:15px!important;border-radius:26px!important}
.market-chart-panel{background:
  radial-gradient(circle at 52% 0%,rgba(88,113,255,.09),transparent 40%),
  linear-gradient(145deg,rgba(17,20,53,.9),rgba(6,8,27,.93))!important}
.market-depth-panel{background:linear-gradient(180deg,rgba(16,20,54,.9),rgba(6,8,27,.95))!important}
.market-chart-panel .panel-head{min-height:46px!important;margin-bottom:9px!important}
.chart-legend{display:flex!important;align-items:center!important;gap:12px!important;color:#8d889b!important;font-size:14px!important}
.chart-canvas-wrap{position:relative!important;height:535px!important;border:1px solid rgba(190,180,255,.12)!important;border-radius:20px!important;background:linear-gradient(180deg,#09122e,#081029)!important;overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
.chart-canvas-wrap canvas{display:block!important;width:100%!important;height:100%!important;outline:none!important;cursor:crosshair!important}
.chart-canvas-wrap canvas:focus{box-shadow:inset 0 0 0 2px rgba(114,227,255,.34)!important}
.market-stat-strip{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:1px!important;margin-top:8px!important;border:1px solid rgba(194,185,255,.11)!important;border-radius:17px!important;overflow:hidden!important;background:rgba(190,180,255,.075)!important}
.market-stat-strip>div{padding:9px 10px!important;background:rgba(9,10,28,.84)!important}
.market-stat-strip span{display:block!important;color:#7f7a8d!important;font-size:14px!important}
.market-stat-strip b{display:block!important;margin-top:3px!important;color:#dcd7e4!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:14px!important;font-weight:720!important;overflow-wrap:anywhere!important}
.terminal-note{margin-top:8px!important;color:#797486!important;font-size:14px!important;line-height:1.5!important}
.market-chart-controls{display:flex!important;gap:6px!important;margin-left:auto!important}
.market-chart-controls button{min-height:34px!important;height:34px!important;padding:0 11px!important}
.market-level-grid-compact,.market-level-grid{display:grid!important;gap:8px!important}
.dom-book,.l1-tape,.l3-orders,.footprint-workspace{border:1px solid rgba(192,182,255,.09)!important;border-radius:17px!important;background:rgba(5,7,24,.48)!important;overflow:hidden!important}
.dom-header,.dom-row{display:grid!important;grid-template-columns:1fr 1.15fr 1.15fr 1fr!important;gap:6px!important;align-items:center!important;min-height:31px!important;padding:0 8px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:14px!important}
.dom-header{color:#777286!important;background:rgba(21,20,50,.78)!important;border-bottom:1px solid rgba(192,183,255,.1)!important;font-weight:700!important}
.dom-row{border-bottom:1px solid rgba(255,255,255,.04)!important;color:#c9c4d4!important}
.bid-price,.bid-size{color:#63e5b0!important}.ask-price,.ask-size{color:#ff7ca3!important}
.l1-tape,.l3-orders,.footprint-grid{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:14px!important}
.tape-row,.footprint-row{min-height:31px!important;padding:6px 8px!important;border-bottom:1px solid rgba(255,255,255,.04)!important}
.footprint-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:8px!important}
.footprint-summary>div{padding:10px!important;border:1px solid rgba(189,179,255,.1)!important;border-radius:13px!important;background:rgba(18,17,46,.48)!important}
.market-tables{display:grid!important;gap:11px!important;margin-top:11px!important}
.market-chart-panel:fullscreen{background:var(--qn-bg)!important;padding:18px!important}.market-chart-panel:fullscreen .chart-canvas-wrap{height:calc(100vh - 154px)!important}

/* -------- command palette -------- */
.command-palette{position:fixed!important;inset:0!important;z-index:2000!important;display:grid!important;place-items:start center!important;padding:11vh 18px 18px!important;background:rgba(2,3,11,.7)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.command-palette-card{width:min(820px,calc(100vw - 30px))!important;max-height:78vh!important;padding:15px!important;border:1px solid rgba(198,189,255,.22)!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(25,24,60,.96),rgba(8,9,29,.98))!important;box-shadow:0 40px 120px rgba(0,0,0,.58),0 0 0 7px rgba(143,103,255,.04)!important;overflow:auto!important}
.command-results{display:grid!important;gap:5px!important;margin-top:10px!important;font-size:14px!important}

/* -------- semantic truth states -------- */
.healthy,.complete,.approved,.state-pill.completed,.state-pill.verified,.state-pill.approved{color:#70efae!important}
.warning,.degraded,.held,.quarantined,.state-pill.held,.state-pill.stale{color:#ffd184!important}
.failed,.rejected,.offline,.diagnostic-error,.state-pill.failed,.state-pill.rejected{color:#ff86a5!important}
.live-badge{color:#8ae9ff!important}
.price-key,.volume-key,.delta-key{border-radius:999px!important}

/* -------- motion -------- */
@keyframes qnViewIn{from{opacity:.68;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes qnOrbit{to{transform:rotate(360deg)}}
@keyframes qnPulse{0%,100%{opacity:.3;transform:scale(.98)}50%{opacity:.7;transform:scale(1.02)}}
@keyframes qnScan{0%,100%{transform:translateY(-45px);opacity:.2}50%{transform:translateY(45px);opacity:.85}}

/* -------- responsive: wide / laptop / tablet / mobile -------- */
@media (max-width:1480px){
  :root{--qn-sidebar:242px}
  .metric-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .market-toolbar{grid-template-columns:repeat(4,minmax(120px,1fr))!important}
  .command-palette-trigger{min-width:200px!important}
}
@media (max-width:1220px){
  .market-terminal-grid{grid-template-columns:1fr!important}
  .market-depth-panel{min-height:auto!important}
  .market-live-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hero-panel{grid-template-columns:1fr!important}.hero-visual{min-height:180px!important}
  .dashboard-grid>.span-4,.dashboard-grid>.span-5,.dashboard-grid>.span-7,.dashboard-grid>.span-8{grid-column:span 6!important}
  .research-layout{grid-template-columns:1fr!important}
}
@media (max-width:980px){
  :root{--qn-sidebar:0px}
  .sidebar{inset:12px auto 12px 12px!important;width:258px!important;transform:translateX(calc(-100% - 30px))!important;transition:transform .2s ease!important;z-index:80!important}
  .sidebar.open{transform:translateX(0)!important}
  .main{margin-left:0!important;padding:12px!important}
  .topbar{top:12px!important}
  .mobile-menu{display:grid!important}
  .command-palette-trigger{display:none!important}
  .metric-grid.five,.metric-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .login-frame{grid-template-columns:1fr!important;width:min(650px,100%)!important;min-height:auto!important}
  .login-brand{padding:48px!important;min-height:360px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.075)!important}
  .login-brand h1{font-size:36px!important}
  .login-card{padding:44px 48px!important}
  .market-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .chart-canvas-wrap{height:460px!important}
}
@media (max-width:700px){
  .login-screen{padding:14px!important}.login-frame{border-radius:28px!important}.login-brand{display:none!important}.login-card{padding:34px 24px!important}
  .entry-intro{padding:14px!important}.entry-intro-card{padding:28px 23px!important;border-radius:26px!important}.intro-topline,.intro-footer{display:grid!important}.intro-layer-sequence{grid-template-columns:repeat(2,1fr)!important}.entry-intro-card h2{font-size:25px!important}
  .main{padding:8px!important}.topbar{top:8px!important;border-radius:19px!important;padding:9px 10px!important;min-height:64px!important}.title-row .eyebrow{display:none!important}.title-row h1{font-size:18px!important}.connection-pill,.user-meta,.logout-btn{display:none!important}.top-actions{gap:5px!important}.user-avatar{width:38px!important;height:38px!important}
  .content{padding:0!important}.hero-panel{padding:24px!important;border-radius:22px!important}.hero-copy h2{font-size:29px!important}.hero-visual{display:none!important}
  .metric-grid.four,.metric-grid.five,.metric-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboard-grid{display:block!important}.dashboard-grid>.panel,.dashboard-grid>.terminal-panel{margin-bottom:9px!important}
  .section-title,.terminal-title{display:grid!important;align-items:start!important}.section-title h2,.terminal-title h2{font-size:23px!important}
  .market-live-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.market-chart-panel,.market-depth-panel{min-height:auto!important;padding:10px!important}.chart-canvas-wrap{height:390px!important;border-radius:15px!important}.market-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.market-tab-row{align-items:flex-start!important}.market-level-tabs,.market-mode-tabs{max-width:100%!important;overflow:auto!important}.market-toolbar{grid-template-columns:1fr!important}.footprint-summary{grid-template-columns:1fr 1fr!important}
  .detail-facts{grid-template-columns:1fr!important}.detail-grid{display:block!important}.detail-grid>*{margin-bottom:8px!important}
  .globe-shell,.globe-shell svg{min-height:320px!important}
}
@media (max-width:430px){
  .metric-grid.four,.metric-grid.five,.metric-grid.six{grid-template-columns:1fr!important}.metric-card{min-height:96px!important}.market-live-strip{grid-template-columns:1fr!important}.chart-canvas-wrap{height:350px!important}.intro-layer-sequence{grid-template-columns:1fr!important}.topbar{gap:8px!important}.title-row h1{max-width:190px!important}.hero-copy h2{font-size:26px!important}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* State utility intentionally last. Visibility truth always wins over component layout. */
.hidden{display:none!important}