/* Orders page: keep the four quick filters visible and the current stage compact. */
@media (max-width: 768px) {
  html body.premium-ui.mc-ux-536 #page-orders #orderSummaryStrip.order-summary-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 12px 0 14px !important;
    scroll-snap-type: none !important;
  }
  html body.premium-ui.mc-ux-536 #page-orders #orderSummaryStrip.order-summary-strip button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 60px !important;
    padding: 10px 12px !important;
    border-radius: 11px !important;
    text-align: left !important;
    align-items: center !important;
    background: #111d2e !important;
    border-color: #304158 !important;
    color: #c2d2e5 !important;
    box-shadow: none !important;
    scroll-snap-align: none !important;
  }
  html body.premium-ui.mc-ux-536 #page-orders #orderSummaryStrip.order-summary-strip button.active {
    background: #204d73 !important;
    border-color: #78b8ed !important;
    color: #fff !important;
    box-shadow: inset 0 0 0 1px #78b8ed55 !important;
  }
  html body.premium-ui.mc-ux-536 #page-orders #orderSummaryStrip.order-summary-strip button span {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.3 !important;
    font-size: 12px !important;
    overflow-wrap: anywhere;
  }
  html body.premium-ui.mc-ux-536 #page-orders #ordersCounter {
    margin: 4px 2px 14px !important;
    line-height: 1.4;
    color: #a8bdd6 !important;
  }
  html body.premium-ui.mc-ux-536 #page-orders .column.professional-column {
    min-height: 0 !important;
    box-shadow: none !important;
  }
  html body.premium-ui.mc-ux-536 #page-orders .empty-column-dropzone {
    min-height: 120px !important;
  }
}