/* utilities.css – Animations, helper classes, misc */
.live{
  display:flex;
  align-items:center;
  gap:6px;
  -webkit-app-region:no-drag;
  font-size:11px;
  color:var(--green2);
  font-weight:600
}
.live.offline{color:var(--red)}
.live-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--green2);
  animation:pulse 2s infinite
}
.live.offline .live-dot{background:var(--red)}
@keyframes pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(0,230,118,.5)}
  60%{box-shadow:0 0 0 5px rgba(0,230,118,0)}
}
.live.offline .live-dot{animation:redpulse 2s infinite}
@keyframes redpulse{
  0%,100%{box-shadow:0 0 0 0 rgba(231,76,60,.5)}
  60%{box-shadow:0 0 0 5px rgba(231,76,60,0)}
}