/* Foldable / narrow Order List: let controls grow without collapsing the grid. */
@media (max-width:1100px), (max-width:1400px) and (pointer:coarse) {
  body.order-list-lock main {overflow-y:auto!important;overflow-x:hidden!important;min-width:0!important}
  body.order-list-lock #content {
    height:auto!important;min-height:100%!important;flex:0 0 auto!important;
    display:block!important;overflow:visible!important;min-width:0!important;
  }
  body.order-list-lock #content .order-page {
    height:auto!important;min-height:0!important;overflow:visible!important;min-width:0!important;
  }
  body.order-list-lock #content .order-page-head {flex-direction:column!important;gap:8px!important}
  body.order-list-lock #content .order-page-actions {
    display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;
    width:100%!important;min-width:0!important;gap:6px!important;
  }
  body.order-list-lock #content .query-default-actions {flex-wrap:wrap!important;max-width:100%!important}
  body.order-list-lock #content .order-filter-card {min-width:0!important;overflow:visible!important}
  body.order-list-lock #content .order-main-filter.one-line {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    min-width:0!important;width:100%!important;max-width:100%!important;gap:8px!important;
  }
  body.order-list-lock #content .order-main-filter.one-line>label {
    grid-column:auto!important;min-width:0!important;width:100%!important;
  }
  body.order-list-lock #content .order-main-filter.one-line>label.grow {grid-column:1/-1!important}
  body.order-list-lock #content .order-main-filter.one-line .order-query-actions {
    grid-column:1/-1!important;display:flex!important;justify-content:flex-start!important;
    width:100%!important;min-width:0!important;max-width:none!important;
  }
  body.order-list-lock #content .order-main-filter.one-line .order-query-actions button {
    flex:0 0 auto!important;width:80px!important;min-width:80px!important;max-width:none!important;
  }
  body.order-list-lock #content .order-main-filter.one-line .order-multi-btn {display:flex!important;align-items:center!important}
  body.order-list-lock #content .order-main-filter.one-line .order-multi-btn b {flex:1!important}
  body.order-list-lock #content .order-kpis.compact {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  body.order-list-lock #content .order-kpi {min-width:0!important;padding:8px!important}
  body.order-list-lock #content .order-kpi b {font-size:17px!important;overflow-wrap:anywhere}
  body.order-list-lock #content .order-list-card {
    flex:0 0 auto!important;min-height:0!important;overflow:visible!important;min-width:0!important;
  }
  body.order-list-lock #content .order-list-toolbar,
  body.order-list-lock #content .data-workspace-tools {display:flex!important;flex-wrap:wrap!important;min-width:0!important;gap:8px!important}
  body.order-list-lock #content .data-workspace-tools {width:100%!important}
  body.order-list-lock #content .data-inline-filter {flex:1 1 220px!important;min-width:0!important;max-width:100%!important}
  body.order-list-lock #content #olTableFilter {min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  body.order-list-lock #content #olTableScroll {
    flex:0 0 auto!important;height:clamp(320px,55svh,640px)!important;min-height:320px!important;
    max-height:none!important;overflow:auto!important;max-width:100%!important;
    -webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;
  }
  body.order-list-lock #content .pagination-bar {flex:0 0 auto!important;flex-wrap:wrap!important;gap:8px!important}
}
@media (max-width:600px) {
  body.order-list-lock #content .order-main-filter.one-line {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.order-list-lock #content .order-kpis.compact {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}