/* ═══════════════════════════════════════════════════════════════
   Enterprise Meal Access System — pages/live-monitor.css
═══════════════════════════════════════════════════════════════ */

/* ── LIVE MONITOR ─────────────────────────────────────────────── */
.cn-live-header { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.cn-live-dot {
  width: 9px; height: 9px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 0 0 rgba(16,185,129,.4);
  animation: cn-livepulse 1.6s ease-in-out infinite;
}
@keyframes cn-livepulse {
  0%  { box-shadow: 0 0 0 0 rgba(16,185,129,.5); }
  70% { box-shadow: 0 0 0 8px rgba(16,185,129,0); }
  100%{ box-shadow: 0 0 0 0 rgba(16,185,129,0); }
}