:host {
  @apply grid grid-flow-row gap-2;
}

.page-customer-order-details-main-view__card {
  @apply grid grid-flow-row;
}

.page-customer-order-details-main-view__card-header {
  @apply grid grid-flow-col items-center justify-between bg-surface-2 text-surface-2-content p-4 font-bold rounded-t;
}

.page-customer-order-details-main-view__card-content {
  @apply bg-surface text-surface-content p-4 rounded-b;
}

.col-data {
  @apply grid grid-cols-[10rem_1fr] gap-2;
}

.col-label {
}

.col-value {
  @apply font-bold text-left;
}
