/* Stream Viewer Styles */

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  background: #000;
  border-radius: 0.5rem;
}

.video-wrapper video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.live-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
}

.live-indicator.online {
  background: #22c55e;
  box-shadow: 0 0 6px #22c55e;
}

.live-indicator.offline {
  background: #6b7280;
}