@media(max-width:900px){
  .workspace[data-m="detail"] .left{display:flex!important;flex-direction:column!important;min-width:0}
  .left>.panel{order:1}
  .left>.mobile-products-section{order:2;margin-top:8px}
  .left>.mobile-materials-section{order:3;margin-top:8px}
  .left>.mobile-action-section{order:4;margin-top:8px}
  .left>.mobile-time-section{order:5;margin-top:8px}
  .left>.mobile-more-toggle{order:6}
  .left>.mobile-secondary-section{order:7}
  .left>.mobile-secondary-section:not(.mobile-more-visible){display:none!important}

  #orderMeta>summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto 22px!important;grid-template-rows:auto!important;gap:8px!important;align-items:center!important;padding:10px 12px!important}
  #orderMeta>summary .meta-company{grid-column:1!important;grid-row:1!important;font-size:16px!important;min-width:0!important}
  #orderMeta>summary .mobile-due-primary{grid-column:2!important;grid-row:1!important;display:grid!important;text-align:right!important}
  #orderMeta>summary .meta-chevron{grid-column:3!important;grid-row:1!important}
  #orderMeta>summary .mobile-hide-primary{display:none!important}

  .mobile-products-section>.head{padding:9px 11px!important}
  .mobile-products-section>.head>span{font-size:13px!important}
  #products .pe-params-summary{display:block!important;margin-top:4px!important;padding:6px 8px!important;min-height:30px!important;font-size:11px!important;background:#f8faf9!important;color:#56635c!important;border:1px solid #dce3df!important;border-radius:7px!important}
  #products .pe-params-editor[hidden]{display:none!important}
  #products .pe-params-editor:not([hidden]){display:grid!important}

  .mobile-materials-section.mobile-collapsed #materialsPortal{display:none!important}
  .mobile-materials-section.mobile-collapsed{min-height:0!important}
  .mobile-materials-toggle,.mobile-time-toggle{border:1px solid #cfd8d3;background:#fff;color:#3e5549;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800;white-space:nowrap}
  .mobile-materials-section.mobile-collapsed .materials-overall{display:none!important}
  .mobile-more-toggle{width:100%;margin:8px 0 0;padding:11px 12px;border:1px solid #d5ddd8;border-radius:12px;background:#fff;color:#46584e;font-size:13px;font-weight:800;text-align:left}

  .mobile-action-section{padding:9px!important}
  .mobile-action-section .worker-head{margin-bottom:2px}
  .mobile-action-section .worker-group{box-shadow:none!important}

  .mobile-time-section{padding:9px!important}
  .mobile-time-section .work-head{gap:7px}
  .mobile-time-section .work-head #manualTimeOpen{margin-left:auto}
  .mobile-time-section .mobile-time-toggle{order:3}
  .mobile-time-section.mobile-time-collapsed .timer-row,
  .mobile-time-section.mobile-time-collapsed .production-steps,
  .mobile-time-section.mobile-time-collapsed .work-sessions,
  .mobile-time-section.mobile-time-collapsed .handover,
  .mobile-time-section.mobile-time-collapsed #manualTimeOpen{display:none!important}
  .mobile-time-section.mobile-time-collapsed .work-head{margin:0!important}
  .mobile-time-section.mobile-time-collapsed #workTotal{font-size:15px!important}

  #materialsPortal .mp-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  #materialsPortal .mp-summary>div{padding:8px!important;min-width:0!important}
  #materialsPortal .mp-summary span{font-size:9px!important;line-height:1.15!important}
  #materialsPortal .mp-summary b{font-size:14px!important;line-height:1.2!important;overflow-wrap:anywhere}

  #finance.finance-compact{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #finance.finance-compact .fin{padding:7px!important;min-width:0!important;font-size:10px!important}
  #finance.finance-compact .fin b{font-size:14px!important}
}

@media(max-width:430px){
  #orderMeta>summary{grid-template-columns:minmax(0,1fr) auto 18px!important;padding:9px 10px!important;gap:6px!important}
  #orderMeta>summary .meta-company{font-size:15px!important}
  #orderMeta>summary .mobile-due-primary small{font-size:8px!important}
  #orderMeta>summary .mobile-due-primary b{font-size:11px!important}
  #materialsPortal .mp-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #materialsPortal .mp-summary>div{padding:7px 6px!important}
  #materialsPortal .mp-summary b{font-size:13px!important}
}

@media(min-width:901px){
  .mobile-materials-toggle,.mobile-time-toggle,.mobile-more-toggle{display:none!important}
}