/* === V5.8.3 HUB DARK: BLUE + ORANGE (no green tint) ===
   Scoped to AI Hub dark mode only. Geometry/functionality unchanged. */
html[data-theme="dark"] body.hub-v58{
  --bg:#030814!important;
  --bg2:#07111f!important;
  --panel:rgba(7,20,37,.92)!important;
  --panel2:#091728!important;
  --text:#f4f8ff!important;
  --muted:#a3b4c9!important;
  --line:rgba(46,168,255,.20)!important;
  --cyan:#2ea8ff!important;
  --blue:#58d6ff!important;
  --violet:#6d7bff!important;
  --gold:#ff9a1f!important;
  --ok:#58d6ff!important;
  background:
    radial-gradient(circle at 20% 20%,rgba(46,168,255,.12),transparent 30%),
    radial-gradient(circle at 78% 18%,rgba(109,123,255,.14),transparent 29%),
    radial-gradient(circle at 62% 78%,rgba(255,154,31,.08),transparent 34%),
    linear-gradient(180deg,#030814 0%,#07111f 55%,#02060d 100%)!important;
  color:#f4f8ff!important;
}
html[data-theme="dark"] body.hub-v58 .hub-grid{
  background-image:
    linear-gradient(rgba(46,168,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(88,214,255,.035) 1px,transparent 1px),
    radial-gradient(circle at 18% 22%,rgba(255,154,31,.38) 0 1px,transparent 1.6px)!important;
  background-size:36px 36px,36px 36px,220px 180px!important;
  background-position:0 0,0 0,0 0!important;
  opacity:.58!important;
}
html[data-theme="dark"] body.hub-v58 .hub-aurora-a{
  background:radial-gradient(circle,rgba(46,168,255,.30),rgba(29,107,255,.08) 44%,transparent 72%)!important;
  opacity:.48!important;
}
html[data-theme="dark"] body.hub-v58 .hub-aurora-b{
  background:radial-gradient(circle,rgba(255,154,31,.20),rgba(109,123,255,.07) 42%,transparent 72%)!important;
  opacity:.40!important;
}
html[data-theme="dark"] body.hub-v58 .hub-symbols span{
  color:rgba(88,214,255,.13)!important;
  text-shadow:0 0 20px rgba(46,168,255,.20)!important;
}

html[data-theme="dark"] body.hub-v58 .top-shell{
  border-color:rgba(46,168,255,.48)!important;
  background:linear-gradient(180deg,rgba(8,19,35,.97),rgba(4,11,22,.96))!important;
  box-shadow:
    0 0 0 3px rgba(46,168,255,.04),
    0 14px 38px rgba(0,0,0,.48),
    inset 0 0 28px rgba(88,214,255,.03)!important;
}
html[data-theme="dark"] body.hub-v58 .top-shell:before{border-color:rgba(109,123,255,.28)!important}
html[data-theme="dark"] body.hub-v58 .brand-mark{
  filter:brightness(1.65) saturate(.85) hue-rotate(182deg) drop-shadow(0 0 10px rgba(46,168,255,.45))!important;
}
html[data-theme="dark"] body.hub-v58 .brand-copy strong{color:#f4f8ff!important}
html[data-theme="dark"] body.hub-v58 .brand-copy small{color:#79c9ff!important}

html[data-theme="dark"] body.hub-v58 .mode-switch{
  background:rgba(8,21,37,.90)!important;
  border-color:rgba(46,168,255,.28)!important;
  box-shadow:inset 0 0 17px rgba(88,214,255,.04)!important;
}
html[data-theme="dark"] body.hub-v58 .mode-tab{
  color:#c2d2e6!important;
  background:linear-gradient(180deg,rgba(8,24,43,.95),rgba(5,15,29,.94))!important;
  border-color:rgba(88,214,255,.16)!important;
}
html[data-theme="dark"] body.hub-v58 .mode-tab span{color:#76c6ff!important}
html[data-theme="dark"] body.hub-v58 .mode-tab:not(.active):hover{
  color:#f3f8ff!important;
  border-color:rgba(46,168,255,.46)!important;
  background:linear-gradient(180deg,rgba(13,43,75,.96),rgba(7,24,47,.96))!important;
}
html[data-theme="dark"] body.hub-v58 .mode-tab.active{
  color:#ffffff!important;
  border-color:#2ea8ff!important;
  background:linear-gradient(180deg,rgba(31,91,164,.90),rgba(9,39,84,.95))!important;
  box-shadow:0 8px 22px rgba(0,0,0,.32),inset 0 0 18px rgba(88,214,255,.10),0 0 18px rgba(46,168,255,.12)!important;
}
html[data-theme="dark"] body.hub-v58 .nav-links a{color:#b9cbe0!important}
html[data-theme="dark"] body.hub-v58 .nav-links a:hover,
html[data-theme="dark"] body.hub-v58 .nav-links a.active{color:#58d6ff!important}

html[data-theme="dark"] body.hub-v58 .mini-btn{
  color:#eaf4ff!important;
  border-color:rgba(46,168,255,.28)!important;
  background:rgba(7,21,37,.92)!important;
}
html[data-theme="dark"] body.hub-v58 .lamp{
  background:#2ea8ff!important;
  box-shadow:0 0 10px #2ea8ff!important;
}
html[data-theme="dark"] body.hub-v58 .connect-btn,
html[data-theme="dark"] body.hub-v58 .universe-btn{
  color:#f7fbff!important;
  border-color:#2ea8ff!important;
  background:
    radial-gradient(circle at 24% 13%,rgba(88,214,255,.18),transparent 32%),
    linear-gradient(180deg,#124d93,#0a2857)!important;
  box-shadow:
    0 0 0 3px rgba(46,168,255,.13),
    0 0 0 5px rgba(109,123,255,.14),
    inset 0 0 0 1px rgba(88,214,255,.48),
    0 10px 28px rgba(0,0,0,.40),
    0 0 24px rgba(46,168,255,.14)!important;
}

html[data-theme="dark"] body.hub-v58 .hub-hero:before{
  background:
    radial-gradient(circle at 24% 45%,rgba(46,168,255,.07),transparent 28%),
    radial-gradient(circle at 74% 43%,rgba(109,123,255,.08),transparent 32%),
    radial-gradient(circle at 82% 70%,rgba(255,154,31,.04),transparent 24%)!important;
}
html[data-theme="dark"] body.hub-v58 .hero-mandala{
  filter:brightness(1.55) saturate(1.25) hue-rotate(175deg) drop-shadow(0 0 12px rgba(46,168,255,.12))!important;
  opacity:.18!important;
}
html[data-theme="dark"] body.hub-v58 .eyebrow{color:#89c9ff!important}
html[data-theme="dark"] body.hub-v58 .eyebrow>span{
  background:#58d6ff!important;
  box-shadow:0 0 12px #58d6ff!important;
}
html[data-theme="dark"] body.hub-v58 .hub-title{color:#f5f9ff!important}
html[data-theme="dark"] body.hub-v58 .hub-title .line-a{
  color:#f5f9ff!important;
  -webkit-text-fill-color:#f5f9ff!important;
}
html[data-theme="dark"] body.hub-v58 .hub-title .line-b em{
  color:#58d6ff!important;
  -webkit-text-fill-color:#58d6ff!important;
  text-shadow:0 0 24px rgba(88,214,255,.20)!important;
}
html[data-theme="dark"] body.hub-v58 .hub-title .line-c strong{
  color:#7f8dff!important;
  -webkit-text-fill-color:#7f8dff!important;
  text-shadow:0 0 22px rgba(109,123,255,.24)!important;
}
html[data-theme="dark"] body.hub-v58 .sanskrit{
  color:#7db5ff!important;
  filter:drop-shadow(0 0 8px rgba(46,168,255,.22))!important;
}
html[data-theme="dark"] body.hub-v58 .hero-body{color:#bdcbe0!important}
html[data-theme="dark"] body.hub-v58 .ai-link{
  color:#d9e5f4!important;
  border-color:#ff9a1f!important;
}
html[data-theme="dark"] body.hub-v58 .ai-link:hover{
  color:#ffc15a!important;
  text-shadow:0 0 13px rgba(255,154,31,.22)!important;
}

/* Orbit and chip palette: blue/indigo/orange */
html[data-theme="dark"] body.hub-v58 .hub-system .map-wrap:before{
  background:
    radial-gradient(ellipse at 50% 50%,rgba(8,30,54,.80) 0%,rgba(4,16,31,.58) 40%,rgba(3,10,20,.18) 64%,transparent 84%)!important;
}
html[data-theme="dark"] body.hub-v58 .hub-system .map-wrap:after{
  background:
    radial-gradient(ellipse at 50% 50%,transparent 48%,rgba(46,168,255,.09) 49%,transparent 50.3%),
    radial-gradient(ellipse at 50% 50%,transparent 62%,rgba(109,123,255,.09) 63%,transparent 64.3%)!important;
}
html[data-theme="dark"] body.hub-v58 .hub-system .map-wrap svg{
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.52)) drop-shadow(0 0 13px rgba(46,168,255,.17))!important;
}
html[data-theme="dark"] body.hub-v58 .orbit-stage .yantra-ring,
html[data-theme="dark"] body.hub-v58 .orbit-stage .yantra-spokes line,
html[data-theme="dark"] body.hub-v58 .orbit-stage .yantra-square rect,
html[data-theme="dark"] body.hub-v58 .orbit-stage .yantra-star{
  stroke:#58d6ff!important;
}
html[data-theme="dark"] body.hub-v58 .orbit-stage .ring-dash,
html[data-theme="dark"] body.hub-v58 .orbit-stage .yantra-triangles{
  stroke:#6d7bff!important;
}
html[data-theme="dark"] body.hub-v58 .orbit-stage .orbit-gold{
  stroke:#ff9a1f!important;
  stroke-opacity:.80!important;
}
html[data-theme="dark"] body.hub-v58 .orbit-stage .orbit-cyan{
  stroke:#2ea8ff!important;
  stroke-opacity:1!important;
  stroke-width:2.6!important;
}
html[data-theme="dark"] body.hub-v58 .orbit-stage .orbit-teal-dash{
  stroke:#58d6ff!important;
  stroke-opacity:.70!important;
}
html[data-theme="dark"] body.hub-v58 .orbit-stage .orbit-dash{
  stroke:#6d7bff!important;
  stroke-opacity:.60!important;
}
html[data-theme="dark"] body.hub-v58 .orbit-stage .energy-path{
  stroke:#58d6ff!important;
  stroke-opacity:.90!important;
}
html[data-theme="dark"] body.hub-v58 .orbit-stage .energy-path.second{
  stroke:#6d7bff!important;
  stroke-opacity:.70!important;
}
html[data-theme="dark"] body.hub-v58 .orbit-stage .energy-path.third{
  stroke:#ff9a1f!important;
  stroke-opacity:.58!important;
}
html[data-theme="dark"] body.hub-v58 .orbit-stage .core{
  filter:drop-shadow(0 0 11px rgba(88,214,255,.65)) drop-shadow(0 0 15px rgba(109,123,255,.44))!important;
}
html[data-theme="dark"] body.hub-v58 .orbit-stage .core-halo{
  fill:rgba(88,214,255,.15)!important;
}

html[data-theme="dark"] body.hub-v58 #orbitingNodes .planet-chip rect{
  fill:rgba(5,18,34,.97)!important;
  stroke:#2ea8ff!important;
}
html[data-theme="dark"] body.hub-v58 #orbitingNodes .planet-chip text{fill:#e8f5ff!important}
html[data-theme="dark"] body.hub-v58 #orbitingNodes .planet-chip circle{
  fill:#58d6ff!important;
  stroke:#6d7bff!important;
  filter:drop-shadow(0 0 4px rgba(46,168,255,.72))!important;
}
html[data-theme="dark"] body.hub-v58 #orbitingNodes .planet.product-secondary .planet-chip rect{
  fill:rgba(5,17,31,.95)!important;
  stroke:rgba(46,168,255,.62)!important;
}
html[data-theme="dark"] body.hub-v58 #orbitingNodes .planet:hover .planet-chip rect{
  fill:rgba(10,35,66,.98)!important;
  stroke:#ff9a1f!important;
  filter:drop-shadow(0 0 10px rgba(46,168,255,.24)) drop-shadow(0 0 7px rgba(255,154,31,.20))!important;
}

/* Information rail + detailed content */
html[data-theme="dark"] body.hub-v58 .hub-hero>.info-rail{
  border-color:rgba(46,168,255,.38)!important;
  background:linear-gradient(180deg,rgba(8,23,40,.97),rgba(4,14,27,.97))!important;
  box-shadow:0 -10px 30px rgba(0,0,0,.32),inset 0 0 22px rgba(88,214,255,.025)!important;
}
html[data-theme="dark"] body.hub-v58 .hub-hero>.info-rail article{border-color:rgba(88,214,255,.13)!important}
html[data-theme="dark"] body.hub-v58 .hub-hero>.info-rail b{color:#eef6ff!important}
html[data-theme="dark"] body.hub-v58 .hub-hero>.info-rail span{color:#9db5ce!important}

html[data-theme="dark"] body.hub-v58 .hub-section:before{
  background:linear-gradient(90deg,transparent,#2ea8ff 30%,#6d7bff 66%,#ff9a1f 88%,transparent)!important;
}
html[data-theme="dark"] body.hub-v58 .hub-section-head small{color:#75c9ff!important}
html[data-theme="dark"] body.hub-v58 .hub-section-head h2{color:#f2f7ff!important}
html[data-theme="dark"] body.hub-v58 .hub-section-head p{color:#9fb3ca!important}

html[data-theme="dark"] body.hub-v58 .hub-card,
html[data-theme="dark"] body.hub-v58 .provenance-board,
html[data-theme="dark"] body.hub-v58 .training-console,
html[data-theme="dark"] body.hub-v58 .verify-grid article,
html[data-theme="dark"] body.hub-v58 .deploy-map,
html[data-theme="dark"] body.hub-v58 .final-cta,
html[data-theme="dark"] body.hub-v58 .hub-legacy-section .card,
html[data-theme="dark"] body.hub-v58 .infoPanel,
html[data-theme="dark"] body.hub-v58 .authPanel,
html[data-theme="dark"] body.hub-v58 .dashPanel,
html[data-theme="dark"] body.hub-v58 .stat,
html[data-theme="dark"] body.hub-v58 .request,
html[data-theme="dark"] body.hub-v58 .flowStep,
html[data-theme="dark"] body.hub-v58 .chatMsg{
  border-color:rgba(46,168,255,.17)!important;
  background-image:
    linear-gradient(rgba(88,214,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(109,123,255,.020) 1px,transparent 1px),
    radial-gradient(circle at 86% 10%,rgba(255,154,31,.035),transparent 28%),
    linear-gradient(145deg,rgba(5,20,38,.96),rgba(3,12,24,.98))!important;
  background-size:24px 24px,24px 24px,auto,auto!important;
  box-shadow:0 20px 60px rgba(0,0,0,.24),inset 0 1px rgba(88,214,255,.02)!important;
}
html[data-theme="dark"] body.hub-v58 .field input,
html[data-theme="dark"] body.hub-v58 .field select,
html[data-theme="dark"] body.hub-v58 .field textarea{
  border-color:rgba(46,168,255,.20)!important;
  background:rgba(6,18,33,.92)!important;
  color:#f3f8ff!important;
}
html[data-theme="dark"] body.hub-v58 .field input:focus,
html[data-theme="dark"] body.hub-v58 .field select:focus,
html[data-theme="dark"] body.hub-v58 .field textarea:focus{
  border-color:#2ea8ff!important;
  box-shadow:0 0 0 3px rgba(46,168,255,.10)!important;
}
html[data-theme="dark"] body.hub-v58 .avatar{
  background:linear-gradient(135deg,#2ea8ff,#6d7bff)!important;
  color:#f5f9ff!important;
}
html[data-theme="dark"] body.hub-v58 ::selection{
  background:#2ea8ff!important;
  color:#04101d!important;
}