/* status-pill.css — Inline status label
 *
 * Color semantics:
 *   pill--beta   = red  — product is live/accessible (brand accent)
 *   pill--rd     = amber — experimental, in R&D
 *   pill--pilot  = blue  — limited rollout
 *   pill--dim    = gray  — internal/not public
 *   pill--live   = green — real-time active indicator
 *   pill--accent = red   — generic brand accent
 * -------------------------------------------------------- */

.pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-family: var(--font-mono);
  font-size: var(--type-micro);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--paper);
  background: transparent;
  border: 1px solid var(--paper-faint);
  border-radius: var(--r-sm);
  white-space: nowrap;
}

.pill::before { content: '['; color: var(--paper-dim); }
.pill::after  { content: ']'; color: var(--paper-dim); }

/* Generic brand accent */
.pill--accent {
  color: var(--accent);
  border-color: var(--accent);
}

/* Open beta — product is active/accessible */
.pill--beta {
  color: var(--accent);
  border-color: var(--accent);
}

/* R&D — experimental */
.pill--rd {
  color: #f59e0b;
  border-color: #f59e0b;
}

/* Pilot — limited rollout */
.pill--pilot {
  color: #60a5fa;
  border-color: #60a5fa;
}

/* Internal / not public */
.pill--dim {
  color: var(--paper-dim);
  border-color: var(--paper-faint);
}

/* Live / real-time active */
.pill--live::before { content: '● '; color: #00ff88; font-size: 1em; }
.pill--live::after  { content: ''; }