/* Vital Signs Background Animation - CSP Compliant */
/* Unique animated ECG/heartbeat visualization for Health Monitor */

.vital-bg-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
    background: linear-gradient(135deg, #030812 0%, #071428 50%, #0a0f20 100%);
}

.vital-bg-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

/* Overlay gradient for text readability */
.vital-bg-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
        radial-gradient(ellipse at center, transparent 0%, rgba(3, 8, 18, 0.3) 70%, rgba(3, 8, 18, 0.6) 100%),
        linear-gradient(180deg, transparent 0%, rgba(3, 8, 18, 0.15) 100%);
    pointer-events: none;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .vital-bg-canvas {
        opacity: 0.3;
    }
}

/* Mobile optimization */
@media (max-width: 768px) {
    .vital-bg-canvas {
        image-rendering: pixelated;
    }
}