/* StatusDot Atom */
.status-dot {
  display: inline-block;
  border-radius: var(--border-radius-full);
  flex-shrink: 0;
}

.status-dot-sm { width: var(--space-1_5); height: var(--space-1_5); }
.status-dot-md { width: var(--space-2); height: var(--space-2); }
.status-dot-lg { width: var(--space-2_5); height: var(--space-2_5); }

.status-dot-online { background-color: var(--color-success); }
.status-dot-offline { background-color: var(--color-neutral-400); }
.status-dot-busy { background-color: var(--color-error); }
.status-dot-away { background-color: var(--color-warning); }
.status-dot-default { background-color: var(--color-neutral-300); }

.status-dot-pulse {
  animation: status-pulse 2s ease-in-out infinite;
}

@keyframes status-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}