.page-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 600px;
}

.page-title {
  font-size: 15px;
  font-weight: bold;
  color: #A0A0A0;
}

.purchase-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.purchase-id {
  font-weight: bold;
  color: #666666;
  font-size: 13px;
}
.purchase-date {
  font-weight: 325;
  color: #666666;
  font-size: 10px;
}

.purchase-total {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.purchase-total-label {
  font-size: 17px;
  color: #666666;
  font-weight: 325;
}
.purchase-total-value {
  color: var(--bs-primary, #5b75ff);
  font-weight: bold;
  font-size: 17px;
}

.purchase-loading,
.purchase-empty {
  color: #666666;
  font-size: 12px;
  margin: 0;
}
