/* Stack the two-step order status on wide reconciliation tables only. */
@media (min-width: 1600px) {
  .xb-orders-page .responsive-table.xb-orders-table .xb-order-status {
    display: grid !important;
    grid-template-columns: max-content !important;
    grid-auto-flow: row !important;
    align-content: center !important;
    align-items: start !important;
    justify-content: start !important;
    justify-items: start !important;
    gap: 4px !important;
    width: max-content !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    white-space: normal !important;
  }

  .xb-orders-page .responsive-table.xb-orders-table th:nth-child(6),
  .xb-orders-page .responsive-table.xb-orders-table td:nth-child(6) {
    width: 6.5% !important;
  }

  .xb-orders-page .responsive-table.xb-orders-table th:nth-child(8),
  .xb-orders-page .responsive-table.xb-orders-table td:nth-child(8) {
    width: 12% !important;
  }

  .xb-orders-page .responsive-table.xb-orders-table th:nth-child(9),
  .xb-orders-page .responsive-table.xb-orders-table td:nth-child(9) {
    width: 11.5% !important;
  }
}