/* LUKE NET Commander Balance v1
 * Conservative visual hierarchy tuning only.
 * No JS, no overlays, no globe interaction changes.
 */

/* 1) Let decoration step back without touching globe/markers/arcs. */
.tactical-scanlines::after { opacity: .18 !important; }
.deepspace-grid { opacity: .26 !important; }
.deepspace-circles { opacity: .24 !important; }
.deepspace-nebula { opacity: .42 !important; }
.corner-bottom,
.commander-corners::before,
.commander-corners::after { opacity: .42 !important; }

/* Compass / sector / frame are decorative; keep them as hints, not focal points. */
.commander-corners .relative.flex-1 > .absolute.top-3.left-3 {
  opacity: .42 !important;
  letter-spacing: .18em !important;
}
.commander-corners .relative.flex-1 > .absolute.bottom-3.right-3 {
  opacity: .34 !important;
}
.commander-corners .relative.flex-1 .absolute.inset-0.pointer-events-none.z-10 span {
  opacity: .42 !important;
}

/* 2) Make the existing top strip calmer but semantically clearer. */
.globe-top-strip {
  background: linear-gradient(90deg, rgba(5, 12, 22, .38), rgba(5, 12, 22, .12), rgba(5, 12, 22, .30)) !important;
  border-bottom: 1px solid rgba(125, 211, 252, .08) !important;
}
.globe-top-strip [aria-hidden="true"] {
  opacity: .52 !important;
}
.globe-top-strip .text-muted-foreground\/60,
.globe-top-strip .text-muted-foreground\/55 {
  opacity: .78 !important;
}
.globe-top-strip .text-success\/80 {
  color: rgba(55, 245, 194, .88) !important;
  text-shadow: 0 0 12px rgba(55, 245, 194, .14) !important;
}
.globe-top-strip .text-destructive\/85 {
  text-shadow: 0 0 14px rgba(255, 93, 108, .22) !important;
}

/* 3) Preserve original NET TRAFFIC / SYSTEM HEALTH cards, but improve hierarchy. */
.tactical-glass-card {
  background: linear-gradient(135deg, rgba(8, 16, 30, .62), rgba(8, 16, 30, .34)) !important;
  border-color: rgba(125, 211, 252, .16) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255,255,255,.045) !important;
  backdrop-filter: blur(12px) !important;
}
.tactical-glass-card .text-xxs {
  color: rgba(125, 245, 230, .74) !important;
}
.tactical-glass-card .font-metric,
.tactical-glass-card .font-bold {
  color: rgba(238, 251, 255, .94) !important;
  text-shadow: 0 0 10px rgba(125, 211, 252, .10) !important;
}
.tactical-glass-card .text-success {
  color: rgba(55, 245, 194, .95) !important;
}

/* 4) The feed is useful, but should not fight the globe unless it is critical. */
.globe-feed {
  background: linear-gradient(90deg, rgba(5, 12, 22, .32), rgba(5, 12, 22, .08)) !important;
  border-top: 1px solid rgba(125, 211, 252, .06) !important;
}
.globe-feed:not(:has(.text-destructive\/85)) {
  opacity: .78 !important;
}
.globe-feed-label,
.globe-feed-queue {
  opacity: .78 !important;
}
.globe-feed-row {
  text-shadow: none !important;
}

/* 5) Right node panel: keep original layout, just clarify status header and offline contrast. */
.sidebar-node-item {
  transition: background-color .16s ease, border-color .16s ease, opacity .16s ease !important;
}
.sidebar-node-item:hover {
  background: rgba(56, 189, 248, .06) !important;
}
.sidebar-node-item .bg-destructive {
  box-shadow: 0 0 10px rgba(255, 93, 108, .42) !important;
}
.sidebar-node-item .bg-success {
  box-shadow: 0 0 7px rgba(55, 245, 194, .24) !important;
}

/* De-emphasize secondary system metadata a little; node name and metrics remain readable. */
.sidebar-node-item .text-muted-foreground {
  color: rgba(202, 231, 244, .54) !important;
}
.sidebar-node-item .font-display.font-bold,
.sidebar-node-item [class*="font-display"][class*="font-bold"] {
  color: rgba(238, 251, 255, .95) !important;
}

/* 6) Bottom status bar is secondary because NET TRAFFIC already exists in the globe frame. */
footer,
[role="contentinfo"] {
  opacity: .74 !important;
}
footer:hover,
[role="contentinfo"]:hover {
  opacity: 1 !important;
}

/* 7) Never resurrect previous failed overlay experiments. */
#focus-home-summary,
#stage2-home-kpi,
#stage2-attention-rail,
.stage2-fleet-toolbar {
  display: none !important;
}
