.account-order-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.account-order-status i {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #9ca3af;
}

.account-order[data-status="paid"] .account-order-status i { background: #2563eb; }
.account-order[data-status="packing"] .account-order-status i { background: #f59e0b; }
.account-order[data-status="shipping"] .account-order-status i { background: #7c3aed; }
.account-order[data-status="done"] .account-order-status i { background: #16a34a; }
.account-order[data-status="rejected"] .account-order-status i,
.account-order[data-status="cancelled"] .account-order-status i { background: #dc2626; }