/* Navbar / panel chrome lines — loads after tactical-canvas-v2 */

/* ── Public top nav: one clean bottom edge, solid link underlines ── */
.nav.ig-tactical-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.nav.ig-tactical-nav.is-scrolled {
  border-bottom-color: rgba(255, 92, 26, 0.28) !important;
}

.nav.ig-tactical-nav::before {
  display: none !important;
}

.nav.ig-tactical-nav::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 92, 26, 0.45) 20%,
    rgba(255, 140, 66, 0.65) 50%,
    rgba(255, 92, 26, 0.45) 80%,
    transparent 100%
  ) !important;
  opacity: 0.85 !important;
  animation: none !important;
  background-size: 100% 100% !important;
}

.nav.ig-tactical-nav .nav-links a::after {
  content: '' !important;
  position: absolute !important;
  left: 0.5rem !important;
  right: 0.5rem !important;
  bottom: 0 !important;
  height: 2px !important;
  background: var(--accent, #ff5c1a) !important;
  transform: scaleX(0) !important;
  transform-origin: center bottom !important;
  transition: transform 0.2s ease !important;
  animation: none !important;
  opacity: 1 !important;
}

.nav.ig-tactical-nav .nav-links a:hover::after,
.nav.ig-tactical-nav .nav-links a:focus-visible::after {
  transform: scaleX(0.65) !important;
}

.nav.ig-tactical-nav .nav-links a.nav-link-active::after,
.nav.ig-tactical-nav .nav-links a[aria-current='page']::after {
  transform: scaleX(1) !important;
}

/* ── Panel: sidebar edge + header rule (static, no sweep) ── */
#app-view .sidebar {
  position: relative !important;
}

#app-view .sidebar::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 2px !important;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(255, 92, 26, 0.35) 18%,
    rgba(255, 140, 66, 0.55) 50%,
    rgba(255, 92, 26, 0.35) 82%,
    transparent 100%
  ) !important;
  pointer-events: none !important;
  z-index: 3 !important;
  animation: none !important;
  opacity: 1 !important;
}

#app-view .ig-tactical-header,
#app-view .main-header {
  position: relative !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#app-view .ig-tactical-header::after,
#app-view .main-header::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(
    90deg,
    rgba(255, 92, 26, 0.5) 0%,
    rgba(255, 140, 66, 0.35) 35%,
    transparent 55%,
    rgba(255, 92, 26, 0.2) 100%
  ) !important;
  animation: none !important;
  opacity: 1 !important;
  background-size: 100% 100% !important;
}

#app-view .sidebar .nav-item.active {
  border-left: 2px solid var(--accent, #ff5c1a) !important;
}