/* ═══════════════════════════════════════════════
   SENTINEL AI — Intelligence Network Background
   Shared styles for canvas particle constellation
   Used on: index, portal, admin, dashboard pages
   ═══════════════════════════════════════════════ */

/* ── Particle Container ── */
.network-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background: #000000;
}

.network-bg canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

#particle-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* ── Z-Index Stack: content above particles ── */
.auth-page,
.auth-container,
.portal-app,
.admin-bg,
.dashboard-container,
.questionnaire-page,
.status-page,
.hero,
.hero-section,
.preloader,
nav,
.nav,
header,
section,
footer,
main,
.site-footer,
.pipeline,
.cap-section,
.dp-section,
.comparison-section,
.deep-intel-section,
.benchmark-section,
.yankee-section,
.operator-profiles-section,
.cookie-banner,
.scroll-progress {
  position: relative;
  z-index: 1;
}