section.client-coords {
  margin-block: 1rem;
}

table.order-items,
table.order-payments,
table.payment-details {
  margin-block-start: 1rem;
}

.payment.actions {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.order-items {
  tr.credit {
    background-color: var(--message-error-background-color);
  }
}

.order-payments {

  tr.refused {
    background-color: oklch(from var(--color-red) 80% c h / 18%);
  }
  
  tr.refund {
    background-color: var(--message-error-background-color);
  }

}

.csbq-pay.payment-details {

  &.CHQ {

    ol.directives li {
      margin-block: 1rem;
    }
  }

}


.csbq-pay.status-label {
  font-size: var(--font-size-xs);
  line-height: 1.875;
  display: inline-block;
  border-radius: 0.25rem;
  color: var(--canvas-text);
  background-color: light-dark(var(--color-3), var(--color-12));
  padding: 0.1rem 0.5rem;
  margin: 0 0.5rem;

  &.refund {
    background-color: oklch(from var(--color-red) 80% c h / 18%);
  }

  &.pending {
    background-color: var(--message-warning-background-color);
  }
}