/* Status pill primitive — text carries the meaning, colour is a reinforcement,
   never the only signal (SC 3.3.1). */

.pill {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid currentColor;
  white-space: nowrap;
}

.pill--ok {
  color: var(--good);
}

.pill--warn {
  color: var(--warn);
}

.pill--bad {
  color: var(--bad);
}

.pill--neutral {
  color: var(--ink-3);
}

/* Quote status variants (telas 4/5) — `status`/`status_variant` is a fixed string from the view
   model ("aberto" | "ganho" | "perdido" | "vencido"), never derived here. `.pill--vencido` is
   declared last so it wins when a detail page adds it alongside `.pill--aberto` (an "aberto"
   quote whose validity already lapsed — status and status_label can disagree, see
   templates/README.md). */
.pill--aberto {
  color: var(--ink-3);
}

.pill--ganho {
  color: var(--good);
}

.pill--perdido {
  color: var(--bad);
}

.pill--vencido {
  color: var(--warn);
}