/* v3 status pills (core §7, reference §2): dot + word, never colour alone.
   1.5rem high (1.375rem in grid rows), caption text, radius 6px, sentence case.
   Macro: pill() in core/components/_lg_button.html. */

.lg-pill {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 0.375rem;
  min-height: 1.5rem;
  padding: 0 var(--space-2);
  border-radius: var(--radius-pill);
  font-size: var(--size-caption);
  line-height: var(--leading-caption);
  font-weight: 500;
  white-space: nowrap;
}
.lg-pill::before {
  content: "";
  inline-size: 0.375rem;
  block-size: 0.375rem;
  border-radius: 50%;
  background: currentColor;
}
.lg-pill--row { min-height: 1.375rem; }
.lg-pill--success { background: var(--success-tint); color: var(--success); }
.lg-pill--warning { background: var(--warning-tint); color: var(--warning); }
.lg-pill--danger  { background: var(--danger-tint);  color: var(--danger); }
.lg-pill--neutral { background: var(--neutral-tint); color: var(--text-muted); }
.lg-pill--info    { background: var(--primary-tint); color: var(--primary-ink); }