.status-pill,
.row-status,
.import-status,
.type-tag,
.soft-pill,
.category-pill,
.card-pill,
.person-chip {
  min-height: 26px;

  border-radius: var(--radius-pill);

  display: inline-flex;
  align-items: center;
  gap: var(--space-1);

  padding:
    4px var(--space-2);

  font-size: var(--font-size-xs);
  font-weight: 750;
  line-height: 1;

  white-space: nowrap;
}

.status-pill {
  color: var(--text-secondary);
  background: var(--surface-muted);
  border: 1px solid var(--border-subtle);
}

.status-pill.good {
  color: var(--success-700);
  background: var(--success-100);
}

.status-pill.warn {
  color: var(--warning-700);
  background: var(--warning-100);
}

.status-pill.danger {
  color: var(--danger-700);
  background: var(--danger-100);
}

/* =========================================================
   Estados dinâmicos de soft-pill
   ========================================================= */

.soft-pill.status-overdue {
  color: var(--danger-700);

  background: var(--danger-100);
}

.soft-pill.status-paid {
  color: var(--success-700);

  background: var(--success-100);
}

.soft-pill.status-partial {
  color: var(--info-600);

  background: var(--info-100);
}

.status-pill.warn {
  border-color:
    color-mix(
      in srgb,
      var(--warning-600) 26%,
      var(--border-subtle)
    );
}