/* The two connection lights share the live /api/whatsapp/status state. */
.reference-shell #connectionPill > i,
.reference-shell .sidebar-connection > #footerHealth > i {
  display:inline-block;
  flex:none;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#8191aa;
  box-shadow:none;
  animation:none;
}
.reference-shell #connectionPill.ready > i,
.reference-shell .sidebar-connection > #footerHealth.wa-online > i {
  background:#14ae62;
  animation:whatsapp-online-pulse 2.6s ease-in-out infinite;
}
.reference-shell #connectionPill.disconnected > i,
.reference-shell .sidebar-connection > #footerHealth.wa-offline > i {
  background:#e54552;
  animation:whatsapp-offline-pulse 2.6s ease-in-out infinite;
}
.reference-shell #connectionPill.disconnected {
  color:#b83242!important;
  border-color:#f2cbd0!important;
}
@keyframes whatsapp-online-pulse {
  0%,100% { opacity:1; box-shadow:0 0 0 0 rgba(20,174,98,.32); }
  50% { opacity:.32; box-shadow:0 0 0 5px rgba(20,174,98,0); }
}
@keyframes whatsapp-offline-pulse {
  0%,100% { opacity:1; box-shadow:0 0 0 0 rgba(229,69,82,.32); }
  50% { opacity:.32; box-shadow:0 0 0 5px rgba(229,69,82,0); }
}
@media (prefers-reduced-motion:reduce) {
  .reference-shell #connectionPill > i,
  .reference-shell .sidebar-connection > #footerHealth > i { animation:none!important; opacity:1; }
}