/* Pastilles d'état (PRD, section 27.3) :
 * rose = échéance légale ; beurre = action du client ; contour = tiers. */

.pill {
  display: inline-block;
  padding: 3px var(--space-2);
  border: 1px solid transparent;
  font-size: var(--fs-sm);
  font-weight: var(--weight-strong);
  line-height: 1.35;
  white-space: nowrap;
}

.pill--legal {
  background: var(--color-rose);
  color: var(--color-on-accent);
}

.pill--client {
  background: var(--color-beurre);
  color: var(--color-on-accent);
}

.pill--third {
  border-color: var(--color-ink);
  color: var(--color-ink);
}

.pill--neutral {
  border-color: var(--color-line);
  background: var(--color-surface);
  color: var(--color-ink);
}

.legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--fs-sm);
  color: var(--color-ink-soft);
}

.legend li {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.legend__swatch {
  width: 12px;
  height: 12px;
  border: 1px solid transparent;
}

.legend__swatch--legal { background: var(--color-rose); }
.legend__swatch--client { background: var(--color-beurre); }
.legend__swatch--third { border-color: var(--color-ink); }