[data-fui-comp="ui-status-pill"] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 11px;
  white-space: nowrap;
  color: var(--color-text-muted, #52525B);
  background: var(--color-surface, transparent);
  border: 1px solid var(--ui-status-pill-border, var(--color-border, rgba(0,0,0,0.1)));
  border-radius: var(--radius-full, 999px);
}
[data-fui-comp="ui-status-pill"] .ui-status-pill__dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--color-text-subtle, currentColor);
}
[data-fui-comp="ui-status-pill"].ui-status-pill--accent {
  color: var(--color-primary, currentColor);
  border-color: var(--ui-status-pill-accent-border, var(--color-primary, currentColor));
  background: var(--ui-status-pill-accent-bg, color-mix(in oklch, var(--color-primary, currentColor) 8%, var(--color-surface, transparent)));
}
[data-fui-comp="ui-status-pill"].ui-status-pill--accent .ui-status-pill__dot {
  background: var(--color-primary, currentColor);
  box-shadow: 0 0 6px var(--color-primary, currentColor);
}