.pd-ping-dots {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  vertical-align: middle;
  line-height: 1;
  white-space: nowrap;
}
.pd-ping-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background-color: #888;
  box-shadow: 0 0 0 1px rgba(0,0,0,.10);
}
.pd-ping-dot[data-status="green"]  { background-color: #22c55e; }
.pd-ping-dot[data-status="yellow"] { background-color: #eab308; }
.pd-ping-dot[data-status="red"]    { background-color: #ef4444; }