/* Inline purchase workspaces must contribute their full height to page flow. */
@media screen {
  html body.erp-modern-page[data-active-page="purchasesPage"]:not(.modal-open):has(#purchasesPage:not(.is-hidden)) {
    overflow-y: auto !important;
  }
  html body[data-active-page="purchasesPage"] #purchaseServiceModal.purchase-service-inline,
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline,
  html body[data-active-page="purchasesPage"] #purchasesListView,
  html body[data-active-page="purchasesPage"] #purchasesPage {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
  }
  html body[data-active-page="purchasesPage"] #purchaseServiceModal.purchase-service-inline .purchase-service-modal-card {
    display: block !important;
  }
}



/* Keep the resume action from consuming the full width of its flex row. */
@media screen {
 html body[data-active-page="purchasesPage"] #purchaseResumeNotice {
  width:100%; box-sizing:border-box; min-width:0; align-items:center;
 }
 html body[data-active-page="purchasesPage"] #purchaseResumeNotice > div {
  flex:1 1 0; min-width:0; width:auto;
 }
 html body[data-active-page="purchasesPage"] #purchaseResumeNotice > button {
  flex:0 0 auto; width:auto!important; min-width:140px; max-width:100%; white-space:nowrap;
 }
 @media(max-width:620px) {
  html body[data-active-page="purchasesPage"] #purchaseResumeNotice { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; padding:16px; }
  html body[data-active-page="purchasesPage"] #purchaseResumeNotice > button { width:100%!important; min-width:0; }
 }
}