.order-card-ui {
  border: 1px solid #e8edf3;
  border-radius: 14px;
}

.status-badge {
  display: inline-block;
  padding: 4px 10px;
  font-size: 0.75rem;
  border-radius: 999px;
  font-weight: 600;
}

.status-pending {
  color: #8a6d1f;
  background: #fff9e6;
}

.status-completed {
  color: #1f7a39;
  background: #e8f7ed;
}

.status-cancelled {
  color: #b02a37;
  background: #fdecef;
}