/* HayOrder v1.1.41 – targeted mobile detail fix only.
   Scope: primary action width + order-summary alignment on end devices.
   Desktop detail styling and timeline remain untouched. */

@media (max-width:700px){
  /* Primary action must span the complete available detail-footer width. */
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho68-footer-buttons{
    width:100%!important;
    max-width:none!important;
  }
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho68-footer-buttons>.ho68-primary-form{
    grid-column:1 / -1!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    margin:0!important;
  }
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho68-footer-buttons>.ho68-primary-form>button{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    justify-content:center!important;
  }

  /* Keep second row balanced from the left to the right container edge. */
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho68-footer-buttons>.ho68-cancel-form,
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho68-footer-buttons>.ho68-print-button{
    min-width:0!important;
    max-width:none!important;
    justify-self:stretch!important;
  }

  /* Summary card: values stay inside the card, especially “Annahme erforderlich”. */
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho128-summary-card{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho128-summary-row{
    grid-template-columns:minmax(92px,.72fr) minmax(0,1.28fr)!important;
    width:100%!important;
    min-width:0!important;
    gap:12px!important;
    padding:14px 16px!important;
  }
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho128-summary-row>span{
    min-width:0!important;
    font-size:10px!important;
    line-height:1.25!important;
    font-weight:700!important;
  }
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho128-summary-row>div{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    align-items:flex-end!important;
    text-align:right!important;
    overflow:hidden!important;
  }
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho128-summary-row strong,
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho128-summary-row .ho132-new-waiting{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    text-align:right!important;
    font-size:16px!important;
    line-height:1.24!important;
    font-weight:700!important;
  }
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho128-summary-row small{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:right!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho128-summary-row .ho54-total{
    white-space:nowrap!important;
    font-size:23px!important;
  }
}

@media (max-width:430px){
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho128-summary-row{
    grid-template-columns:minmax(82px,.66fr) minmax(0,1.34fr)!important;
    gap:9px!important;
    padding:13px 14px!important;
  }
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho128-summary-row strong,
  body #orders-ajax-root.ho-orders-141 .ho124-detail .ho128-summary-row .ho132-new-waiting{
    font-size:15px!important;
  }
}