/* ================================
 * CHIPS (v1.0)
 *
 * Small neutral pills for stating applied selections/assumptions —
 * first used by the cartage comparison scenario bar. Not a status
 * signal: use .status-badge for state, .chip for facts.
 * Tokens flip with theme; no dark-mode overrides needed.
 * ================================ */

.chip {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  border-radius: 9999px;
  background: var(--pk-gray-100);
  border: 1px solid var(--pk-gray-200);
  color: var(--pk-gray-700);
  font-size: var(--text-caption);
  font-weight: var(--font-medium);
  white-space: nowrap;
}