/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 01 2026 | 19:52:34 */
.work-status {
  display: inline-flex;
  align-items: center;
  gap: 0.5vw;
  flex-wrap: wrap;
}

.work-status .status-text {
  font-size: 0.8vw;
  line-height: 1.4;
}

.status-dot {
  width: 0.65vw;
  height: 0.65vw;
  min-width: 10px;
  min-height: 10px;
  max-width: 12px;
  max-height: 12px;
  border-radius: 50%;
  background: #9ca3af;
  position: relative;
  flex: 0 0 auto;
}

.status-dot.online {
  background: #22c55e;
}

.status-dot.online::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(34, 197, 94, 0.45);
  animation: pulseOnline 1.8s infinite ease-out;
}

.status-dot.offline {
  background: #ef4444;
}

@keyframes pulseOnline {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  70% {
    transform: scale(2.2);
    opacity: 0;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}