/* =====================================================
   NETWORK TOPOLOGY BACKGROUND
   Eigen Exchange - Anduril Design System
   ===================================================== */

/* Container */
.network-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

.network-bg svg {
    width: 100%;
    height: 100%;
}

/* =====================================================
   TOPOGRAPHIC CONTOUR LINES
   Very subtle, no bright colors
   ===================================================== */

.topo-line {
    fill: none;
    stroke: rgba(255, 255, 255, 0.03);
    stroke-width: 0.5;
}

.topo-line-mid {
    fill: none;
    stroke: rgba(255, 255, 255, 0.04);
    stroke-width: 0.5;
}

.topo-line-bold {
    fill: none;
    stroke: rgba(255, 255, 255, 0.05);
    stroke-width: 0.7;
}

/* =====================================================
   NODE NETWORK OVERLAY
   Desaturated steel blue
   ===================================================== */

.network-line {
    fill: none;
    stroke: rgba(74, 158, 255, 0.08);
    stroke-width: 0.75;
}

.network-line-secondary {
    fill: none;
    stroke: rgba(74, 158, 255, 0.06);
    stroke-width: 0.75;
}

/* =====================================================
   NODES - Square data center markers
   Muted grays only
   ===================================================== */

.node-square {
    fill: rgba(255, 255, 255, 0.06);
    stroke: rgba(255, 255, 255, 0.12);
    stroke-width: 0.5;
}

.node-square-primary {
    fill: rgba(255, 255, 255, 0.08);
    stroke: rgba(255, 255, 255, 0.15);
    stroke-width: 0.5;
}

.node-square-secondary {
    fill: rgba(255, 255, 255, 0.07);
    stroke: rgba(255, 255, 255, 0.13);
    stroke-width: 0.5;
}

/* =====================================================
   PULSE EFFECTS
   Muted steel blue gradients
   ===================================================== */

.pulse-glow {
    fill: url(#pulseGradient);
    opacity: 0;
}

.pulse-glow-warm {
    fill: url(#pulseGradientSecondary);
    opacity: 0;
}

.pulse-glow-dim {
    fill: url(#pulseGradientDim);
    opacity: 0;
}