.state-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
  white-space: nowrap;
}

.state-badge--pending            { background: #9ca3af; }
.state-badge--approved           { background: #38bdf8; }
.state-badge--paid               { background: #ef4444; }
.state-badge--shipped_to_office  { background: #f97316; }
.state-badge--received_at_office { background: #dc2626; }
.state-badge--shipped_to_buyer   { background: #3b82f6; }
.state-badge--completed          { background: #10b981; }
.state-badge--cancelled {
  background: #e5e7eb;
  color: #6b7280;
  text-decoration: line-through;
}

.admin-money {
  font-variant-numeric: tabular-nums;
}