/* login-bg.css — overlay layers for the animated telematics-map login background
   (static/js/login-map-bg.js). The canvases paint the map + vehicles; these two layers sit on
   top: a vignette that darkens the panel edges (blends the map into the hero text) and faint
   CRT-style scanlines for a control-room feel. Fixed dark-navy palette matching the map — this
   is the hero art, intentionally theme-independent. Positioning is done with Tailwind classes
   in login.templ; only the gradients live here (awkward as utilities). */

.login-bg-vignette {
  background: radial-gradient(circle, transparent 42%, rgba(6, 16, 28, 0.92) 100%);
}

.login-bg-scanlines {
  background: linear-gradient(to bottom, transparent 50%, rgba(72, 202, 228, 0.03) 51%);
  background-size: 100% 4px;
}

@media (prefers-reduced-motion: reduce) {
  /* Keep the static map + vignette; drop the scanline shimmer for reduced-motion users. */
  .login-bg-scanlines { display: none; }
}