.badge {
  font-size: 12px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 999px;
  white-space: nowrap;
  flex-shrink: 0;
}

.status_pending {
  background: rgba(243, 186, 47, 0.15);
  color: #f3ba2f;
}

.status_completed {
  background: rgba(0, 196, 140, 0.15);
  color: var(--success, #00c48c);
}

.status_money_accepted {
  background: rgba(74, 109, 255, 0.15);
  color: #4a6dff;
}

.status_web3_processing {
  background: rgba(155, 109, 255, 0.15);
  color: #9b6dff;
}

.status_web3_hash_error {
  background: rgba(255, 77, 77, 0.15);
  color: #ff4d4d;
}

.status_web3_balance_problem {
  background: rgba(255, 140, 66, 0.15);
  color: #ff8c42;
}

.status_receipt_error {
  background: rgba(255, 77, 77, 0.15);
  color: #ff4d4d;
}

.status_usdt_delivered {
  background: rgba(0, 196, 140, 0.15);
  color: var(--success, #00c48c);
}
