/* ============================================================
   STATUS PULSE
============================================================ */
/* STATUS PULSE (Green animated status dot 
showing secure / online state) */
@keyframes top-banner-pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 2px rgba(0, 255, 136, 0.10);
    opacity: 0.95;
  }

  50% {
    transform: scale(0.92);
    box-shadow: 0 0 0 6px rgba(0, 255, 136, 0.06);
    opacity: 0.80;
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 0 2px rgba(0, 255, 136, 0.10);
    opacity: 0.95;
  }
}

/* ============================================================
   REDUCED MOTION
============================================================ */
/* REDUCED MOTION SUPPORT 
(@media prefers-reduced-motion: reduce) */
@media (prefers-reduced-motion: reduce) {
  .top-banner__status-indicator {
    animation: none;
  }
}