/* Customer Service Delivered: final route-scoped control-row override. */
@media (min-width: 721px) {
  html body #customerServiceDeliveredView .customer-service-delivered-table .cs-delivered-ship-number-col {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums !important;
  }

  html body #customerServiceDeliveredView .shipment-tools {
    display: grid !important;
    grid-template-columns: minmax(230px, 300px) repeat(4, minmax(120px, 145px)) !important;
    grid-auto-flow: row !important;
    align-items: center !important;
    gap: 10px !important;
    justify-content: center !important;
    width: min(900px, 100%) !important;
    max-width: 900px !important;
    margin: 12px auto 10px !important;
  }

  html body #customerServiceDeliveredView .shipment-tools > input#customerServiceDeliveredSearch,
  html body #customerServiceDeliveredView .shipment-tools > .custom-select[data-custom-select="customerServiceDeliveredSort"],
  html body #customerServiceDeliveredView .shipment-tools > .custom-select[data-custom-select="customerServiceDeliveredStatusFilter"],
  html body #customerServiceDeliveredView .shipment-tools > .custom-select[data-custom-select="customerServiceDeliveredUserFilter"],
  html body #customerServiceDeliveredView .shipment-tools > .delivered-purge-control {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  html body #customerServiceDeliveredView .shipment-tools > input#customerServiceDeliveredSearch {
    grid-column: 1 !important;
    display: block !important;
  }

  html body #customerServiceDeliveredView .shipment-tools > .custom-select[data-custom-select="customerServiceDeliveredSort"] {
    grid-column: 2 !important;
    display: block !important;
  }

  html body #customerServiceDeliveredView .shipment-tools > .custom-select[data-custom-select="customerServiceDeliveredStatusFilter"] {
    grid-column: 3 !important;
    display: block !important;
  }

  html body #customerServiceDeliveredView .shipment-tools > .custom-select[data-custom-select="customerServiceDeliveredUserFilter"] {
    grid-column: 4 !important;
    display: block !important;
  }

  html body #customerServiceDeliveredView .shipment-tools > .delivered-purge-control {
    grid-column: 5 !important;
    display: grid !important;
    grid-template-columns: auto minmax(100px, 1fr) !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
  }

  html body #customerServiceDeliveredView .shipment-tools > select#customerServiceDeliveredSort,
  html body #customerServiceDeliveredView .shipment-tools > select#customerServiceDeliveredStatusFilter,
  html body #customerServiceDeliveredView .shipment-tools > select#customerServiceDeliveredUserFilter {
    display: none !important;
  }
}

@media (max-width: 720px) {
  html body #customerServiceDeliveredView .shipment-tools {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    margin: 8px 0 10px !important;
  }
}