/* source block 172: local-v2-18-04-qty-order-quick-fix; v2.19.18 line 34102 */

/* v2.18.21 LIVE — force Required Quantity visual order */
#driverPortal .driver-basket-qty-stat{order:1!important;}
#driverPortal .driver-basket-qty-use-ordered,
#driverPortal .driver-basket-qty-confirm{order:2!important;}
#driverPortal .basket-qty-change{order:3!important;}
#driverPortal .basket-qty-editor-wrap{order:4!important;}

/* source block 173: dmm-v21809-portrait-two-by-two-live; v2.19.18 line 34112 */

/* v2.18.21 LIVE — portrait-only authority for the two remaining cramped Driver UI components. */
@media (max-width: 900px){
  /* Cost Summary: Basket + Delivery side-by-side, Job Total full width below. */
  body.driver-mode .driver-cost-summary{
    overflow:visible!important;
  }
  body.driver-mode .driver-cost-summary-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.driver-mode .driver-cost-summary-grid .driver-cost-card{
    min-width:0!important;
    width:auto!important;
    border:1px solid #dce3eb!important;
    border-radius:8px!important;
    padding:10px 11px!important;
    overflow:hidden!important;
  }
  body.driver-mode .driver-cost-summary-grid .driver-cost-card:nth-child(2){
    border-right:1px solid #dce3eb!important;
  }
  body.driver-mode .driver-cost-summary-grid .driver-cost-card:nth-child(3),
  body.driver-mode .driver-cost-summary-grid .driver-job-total-card{
    grid-column:1 / -1!important;
  }
  body.driver-mode .driver-cost-card>span,
  body.driver-mode .driver-cost-summary-grid .driver-job-total-card>span{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important;
    width:100%!important;
  }
  body.driver-mode .driver-cost-card em,
  body.driver-mode .driver-cost-card b{
    min-width:0!important;
    white-space:nowrap!important;
  }

  /* Required Quantity: true portrait 2x2 flow. */
  #driverPortal .driver-required-row:has(.driver-basket-qty){
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  #driverPortal .driver-basket-qty,
  #driverPortal .driver-basket-qty-controls{
    width:100%!important;
    min-width:0!important;
  }
  #driverPortal .driver-basket-qty-controls{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:
      "ordered confirm"
      "change qty"!important;
    gap:10px!important;
    align-items:stretch!important;
    justify-content:stretch!important;
  }
  #driverPortal .driver-basket-qty-controls>.driver-basket-qty-stat{
    grid-area:ordered!important;
    order:unset!important;
    width:100%!important;
    min-width:0!important;
  }
  #driverPortal .driver-basket-qty-controls>.basket-qty-use-ordered{
    grid-area:confirm!important;
    order:unset!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:48px!important;
    white-space:normal!important;
    line-height:1.15!important;
    padding:9px 10px!important;
  }
  #driverPortal .driver-basket-qty-controls>.basket-qty-change{
    grid-area:change!important;
    order:unset!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:48px!important;
    white-space:normal!important;
    line-height:1.15!important;
    padding:9px 10px!important;
  }
  #driverPortal .driver-basket-qty-controls>.basket-qty-editor-wrap{
    grid-area:qty!important;
    order:unset!important;
    margin:0!important;
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:7px!important;
  }
  #driverPortal .driver-basket-qty-controls>.basket-qty-editor-wrap.hidden{
    display:none!important;
  }
  #driverPortal .basket-qty-editor-wrap label{
    min-width:0!important;
    width:100%!important;
    display:block!important;
  }
  #driverPortal .basket-qty-editor{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

/* source block 174: v2-18-12-qty-update-flow; v2.19.18 line 34232 */

/* v2.18.21 LIVE — delivered quantity drives product pricing and totals. */
#driverPortal .basket-qty-change.is-update{background:#1f5fbf!important;color:#fff!important;border-color:#1f5fbf!important;}
#driverPortal .basket-qty-change:disabled{opacity:.7!important;cursor:wait!important;}