/* Global desktop load-board column spacing.
   Make adjacent operational-board columns share an edge while preserving
   the minimum widths required by each field and control. */
@media (min-width: 721px) {
  :root {
    --dalko-board-column-padding-x: 0px;
  }

  html body :is(
    #boardView #loadsBody > table,
    #claimsView #claimsLoadsPanel > .table-scroll > .claims-loads-table,
    #customerServiceView #customerServiceLoadsPanel > .table-scroll > .customer-service-load-table,
    #trackingView .table-section > .table-scroll > .tracking-loads-table,
    #shipmentsView .table-section > .table-scroll > table,
    #customerServiceDeliveredView .table-section > .table-scroll > .customer-service-delivered-table
  ) {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    column-gap: 0 !important;
    gap: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body :is(
    #boardView #loadsBody > table,
    #claimsView #claimsLoadsPanel > .table-scroll > .claims-loads-table,
    #customerServiceView #customerServiceLoadsPanel > .table-scroll > .customer-service-load-table,
    #trackingView .table-section > .table-scroll > .tracking-loads-table,
    #shipmentsView .table-section > .table-scroll > table,
    #customerServiceDeliveredView .table-section > .table-scroll > .customer-service-delivered-table
  ) > :is(thead, tbody, tfoot) > tr {
    column-gap: 0 !important;
    gap: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body :is(
    #boardView #loadsBody > table,
    #claimsView #claimsLoadsPanel > .table-scroll > .claims-loads-table,
    #customerServiceView #customerServiceLoadsPanel > .table-scroll > .customer-service-load-table,
    #trackingView .table-section > .table-scroll > .tracking-loads-table,
    #shipmentsView .table-section > .table-scroll > table,
    #customerServiceDeliveredView .table-section > .table-scroll > .customer-service-delivered-table
  ) > :is(thead, tbody, tfoot) > tr > :is(th, td) {
    padding-left: var(--dalko-board-column-padding-x) !important;
    padding-right: var(--dalko-board-column-padding-x) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}