/*
  Tiny green "LIVE" dot (TradeLocker-style)
  - Works with DB landing pages that use: <span class="rounded-circle bg-success"></span>
  - Also works with explicit: <span class="pp-live-dot"></span>
*/

.pp-live-dot,
span.rounded-circle.bg-success {
  display: inline-block;
  width: 0.55rem;
  height: 0.55rem;
  min-width: 0.55rem;
  min-height: 0.55rem;
  vertical-align: middle;
  border-radius: 999px;
  background: var(--bs-success);
  box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.55);
  animation: pp-live-dot-pulse 1.6s infinite;
}

@keyframes pp-live-dot-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.55);
  }
  70% {
    box-shadow: 0 0 0 0.45rem rgba(25, 135, 84, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(25, 135, 84, 0);
  }
}