/* Compact PR / RFQ / PO presentation. Existing controllers and print layouts stay in charge. */
@media screen {
  body.app-ready :is(#purchase_requests#purchase_requests,#purchase_orders#purchase_orders) .erp-table-card table {
    width:100%!important;table-layout:auto!important;
  }
  body.app-ready #purchase_requests#purchase_requests table.bc-record-table {min-width:980px!important}
  body.app-ready #purchase_orders#purchase_orders table.bc-record-table {min-width:1100px!important}
  body.app-ready :is(#purchase_requests#purchase_requests,#purchase_orders#purchase_orders) table :is(th,td):nth-last-child(2) {
    display:table-cell!important;width:128px!important;min-width:112px!important;max-width:148px!important;padding-left:8px!important;padding-right:4px!important;text-align:left!important;
  }
  body.app-ready :is(#purchase_requests#purchase_requests,#purchase_orders#purchase_orders) table :is(th,td):last-child {
    display:table-cell!important;width:88px!important;min-width:0!important;padding-left:4px!important;padding-right:10px!important;text-align:left!important;vertical-align:middle!important;
  }
  body.app-ready :is(#purchase_requests#purchase_requests,#purchase_orders#purchase_orders) table td[colspan] {width:auto!important;max-width:none!important}
  body.app-ready :is(#purchase_requests#purchase_requests,#purchase_orders#purchase_orders,#rfqs#rfqs) table :is(.badge,.erp-status,.bc-pr-status-pill) {
    font-size:12px!important;line-height:1.4!important;padding:3px 7px!important;font-weight:550!important;border-radius:5px!important;box-shadow:none!important;white-space:normal!important;
  }
  body.app-ready :is(#purchase_requests#purchase_requests,#purchase_orders#purchase_orders) .bcp-row-menu {min-width:0!important;margin:0!important}
  body.app-ready :is(#purchase_requests#purchase_requests,#purchase_orders#purchase_orders) .bcp-row-menu>summary {
    min-height:28px!important;font-size:12px!important;line-height:18px!important;padding:4px 8px!important;border:1px solid #d9e3ed!important;border-radius:5px!important;font-weight:550!important;box-sizing:border-box;
  }
  body.app-ready #rfqs#rfqs .bcp-rfq-table :is(th,td):last-child {width:140px;min-width:112px;padding-left:8px!important;padding-right:10px!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document {
    --proc-line:#e1e7ee;--proc-tint:#f5f8fb;
  }
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-document-content {
    background:#fff!important;min-width:0!important;scrollbar-gutter:stable;scrollbar-width:thin;
  }
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-document-toolbar {
    gap:6px!important;
  }
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-document-menu {margin-left:0!important}
  /* Actions sits on the left of the toolbar; open its menu toward the page. */
  body.app-ready .bcp-proc-document .bcp-document-toolbar>.bcp-document-menu>.bcp-action-items {
    left:0;right:auto;box-sizing:border-box;width:240px;min-width:0;max-width:calc(100vw - 48px);
  }
  body.app-ready .bcp-proc-document .bcp-document-toolbar>.bcp-document-menu>.bcp-action-items button {
    white-space:normal!important;overflow-wrap:anywhere;
  }
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .erp-status-chip {
    border:1px solid #dce5ee!important;border-radius:5px!important;background:#f5f8fb!important;color:#405d76!important;font-weight:550!important;padding:4px 8px!important;font-size:12px!important;
  }
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-document-metadata {
    border:1px solid #e1e7ee!important;border-radius:7px!important;background:#fff!important;margin:0 0 10px!important;box-shadow:none!important;
  }
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-document-metadata>summary {
    padding:9px 12px!important;font-size:12px!important;line-height:1.5!important;gap:12px;background:#f8fafc;border-radius:6px;
  }
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-metadata-preview {font-weight:400!important;font-size:12px!important;overflow-wrap:anywhere;min-width:0}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document :is(.pr-form-layout,.form.erp-form) {
    gap:10px 14px!important;margin:0!important;padding:12px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;align-items:start!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document .bcp-document-metadata .bc-form-section-title {display:none!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document :is(.bc-form-section-title,.bc-form-section>h3) {
    margin:0!important;padding:0 0 6px!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:13px!important;line-height:1.4!important;
  }
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document :is(.pr-form-layout,.erp-form) label {gap:4px!important;line-height:1.4!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document :is(.pr-form-layout,.erp-form,.erp-lines) :is(input:not([type=hidden]),select,textarea) {
    border:1px solid #dce4ed!important;border-radius:5px!important;box-shadow:none!important;font-weight:400!important;color:#263d54!important;box-sizing:border-box!important;
  }
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document :is(.pr-form-layout,.erp-form,.erp-lines) :is(input,select,textarea):disabled {
    background:#f8fafc!important;color:#53677b!important;border-color:#e7ecf2!important;opacity:1!important;
  }
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-document-tabs {margin:12px 0 10px!important;gap:2px!important;border-bottom:1px solid #e1e7ee!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-document-tabs button {padding:8px 12px!important;font-weight:550!important;font-size:12px!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .erp-lines-head {gap:10px!important;margin:0 0 8px!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .erp-lines-head h3 {font-size:13px!important;margin:0 0 3px!important;line-height:1.4!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .erp-lines-head small {font-size:12px!important;color:#6c7b8b!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document :is(.erp-line-wrap,.pr-line-wrap) {border:1px solid #e1e7ee!important;border-radius:6px!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .erp-lines th {background:#f5f8fb!important;color:#53697e!important;border-bottom:1px solid #e1e7ee!important;text-transform:none!important;letter-spacing:0!important;font-weight:550!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .erp-lines td {vertical-align:top!important;border-bottom-color:#edf1f5!important;background:#fff!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .erp-lines tr:nth-child(even)>td {background:#fff!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-project-tag {background:#eef4fa!important;color:#42617e!important;border-radius:4px!important;padding:2px 6px!important;font-size:12px!important;font-weight:500!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-line-tags {gap:4px!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document :is(.erp-totals,.erp-activity,.bca-log-entry,.bca-invoices) {border:1px solid #e1e7ee!important;border-radius:6px!important;padding:12px!important;background:#fafcfe!important;box-shadow:none!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .erp-commercial-summary {gap:16px!important;margin-top:12px!important}
}
@media screen and (max-width:760px) {
  /* Anchor to the full toolbar when its buttons wrap on a narrow screen. */
  body.app-ready .bcp-proc-document .bcp-document-toolbar>.bcp-document-menu {position:static}
  body.app-ready .bcp-proc-document .bcp-document-toolbar>.bcp-document-menu>.bcp-action-items {
    left:12px;right:12px;width:auto;max-width:none;
  }
}
@media screen and (min-width:1024px) and (pointer:fine) and (hover:hover) {
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .erp-modal-head {min-height:58px!important;padding:9px 58px 9px 16px!important;gap:12px!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .erp-modal-head h2 {font-size:20px!important;line-height:1.25!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .close {top:12px!important;right:14px!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-document-toolbar {padding:6px 16px!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-document-toolbar :is(button,summary) {min-height:32px!important;padding:5px 9px!important;font-size:12px!important;line-height:20px!important;box-shadow:none!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-document-stages {padding:0 16px!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-document-stages li {padding:6px 10px!important;font-size:12px!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-document-stages li+li:before {margin-right:14px!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .bcp-document-content {padding:12px 16px 16px!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document :is(.pr-form-layout,.form.erp-form) {grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.app-ready #prModal#prModal.bcp-proc-document .pr-form-layout>.field:has(:is(#prRequester,#prProject)) {grid-column:auto!important}
  body.app-ready #prModal#prModal.bcp-proc-document .pr-form-layout>.purpose {grid-column:span 2!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document :is(.pr-form-layout,.erp-form,.erp-lines) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea) {min-height:34px!important;font-size:13px!important;line-height:20px!important;padding:6px 8px!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .erp-lines .bcp-phase-select {height:34px!important;min-height:34px!important;font-size:13px!important;border-radius:5px!important;padding:6px 24px 6px 8px!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document .erp-lines :is(th,td) {padding:7px 8px!important;font-size:12px!important}
}
@media screen and (min-width:1101px) {
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines {min-width:860px!important}
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines th.bcp-col-qty {width:90px!important}
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines th.bcp-col-unit {width:90px!important}
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines th.bcp-col-phase {width:170px!important}
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines th.bcp-col-remove {width:40px!important}
}
@media screen and (max-width:1100px) {
  body.app-ready #prModal#prModal.bcp-proc-document #prLines {gap:8px!important;padding:8px!important}
  body.app-ready #prModal#prModal.bcp-proc-document #prLines>tr {gap:8px!important;padding:10px!important;border:1px solid #e1e7ee;border-radius:6px}
}
@media screen and (pointer:coarse),screen and (max-width:767px) {
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document :is(.pr-form-layout,.erp-form,.erp-lines) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea) {min-height:44px!important;font-size:16px!important}
  body.app-ready :is(#prModal#prModal,#rfqModal#rfqModal,#poModal#poModal).bcp-proc-document :is(.bcp-document-toolbar,.bcp-document-tabs) :is(button,summary) {min-height:44px!important}
  body.app-ready :is(#purchase_requests#purchase_requests,#purchase_orders#purchase_orders) .bcp-row-menu>summary {min-height:44px!important;padding:12px 8px!important}
}

/* Keep PR rows shallow while the editing area fills the available screen.
   Auto width also respects the existing margin when the activity panel opens. */
@media screen {
  body.app-ready #prModal#prModal.bcp-proc-document .bcp-document-content {
    width:auto!important;max-width:none!important;align-self:stretch!important;box-sizing:border-box!important;
    padding:12px 16px 16px!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document .pr-form-layout {
    gap:8px 12px!important;padding:10px!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document .pr-form-layout>.field:has(:is(#prRequester,#prProject)) {
    grid-column:auto!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document .pr-form-layout label {
    gap:3px!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document #prLines :is(input,select) {
    min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
  }
}
@media screen and (min-width:768px) {
  body.app-ready #prModal#prModal.bcp-proc-document .pr-form-layout {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document .pr-form-layout>.purpose {
    grid-column:span 2!important;
  }
}
@media screen and (min-width:768px) and (max-width:1100px) {
  body.app-ready #prModal#prModal.bcp-proc-document #prLines>tr>td:nth-child(-n+2) {
    grid-column:auto!important;
  }
}
@media screen and (max-width:1100px) {
  body.app-ready #prModal#prModal.bcp-proc-document #prLines>tr>td:nth-child(3)>input {max-width:112px!important}
  body.app-ready #prModal#prModal.bcp-proc-document #prLines>tr>td:nth-child(4)>select {max-width:140px!important}
}
@media screen and (min-width:1101px) {
  body.app-ready #prModal#prModal.bcp-proc-document .pr-lines-panel,
  body.app-ready #prModal#prModal.bcp-proc-document .pr-line-wrap,
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines {max-width:100%!important}
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines th.bcp-col-qty {width:88px!important}
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines th.bcp-col-unit {width:104px!important}
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines th.bcp-col-phase {width:180px!important}
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines th.bcp-col-remove {width:56px!important}
  body.app-ready #prModal#prModal.bcp-proc-document .erp-lines :is(th,td) {padding:4px 6px!important}
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .mc-pr-code {margin-top:3px!important;font-size:11px!important;line-height:14px!important}
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .bcp-line-tags {gap:3px!important}
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .bcp-project-tag {font-size:11px!important;line-height:14px!important;padding:2px 5px!important}
}
@media screen and (min-width:768px) and (pointer:fine) and (hover:hover) {
  /* Reset height as well as min-height: legacy line fields have a fixed 44px height. */
  body.app-ready #prModal#prModal.bcp-proc-document .pr-form-layout :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select),
  body.app-ready #prModal#prModal.bcp-proc-document #prLines :is(input,select,.pr-line-trash) {
    height:32px!important;min-height:32px!important;font-size:13px!important;line-height:18px!important;padding:6px 8px!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .bcp-phase-select {padding-right:24px!important}
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .pr-line-trash {
    width:32px!important;padding:0!important;
  }
}
@media screen and (pointer:coarse),screen and (max-width:767px) {
  body.app-ready #prModal#prModal.bcp-proc-document .pr-form-layout :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select),
  body.app-ready #prModal#prModal.bcp-proc-document #prLines :is(input,select,.pr-line-trash) {
    height:44px!important;min-height:44px!important;font-size:16px!important;
  }
  body.app-ready #prModal#prModal.bcp-proc-document #prLines .pr-line-trash {width:44px!important}
}

/* RFQ analytic metadata is static text. Keep the hidden phase value available
   to the existing serializer while removing the dropdown from interaction. */
@media screen {
  body.app-ready #rfqModal#rfqModal.bcp-proc-document #rfqLines .bcp-analytic-cell {vertical-align:top!important}
  body.app-ready #rfqModal#rfqModal.bcp-proc-document #rfqLines .bcp-line-tags {
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    gap:1px!important;min-height:32px!important;justify-content:center!important;
  }
  body.app-ready #rfqModal#rfqModal.bcp-proc-document #rfqLines :is(.bcp-project-tag,.bcp-phase-text) {
    background:transparent!important;background-color:transparent!important;background-image:none!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    padding:0!important;margin:0!important;font-weight:400!important;color:#40566d!important;
    font-size:11px!important;line-height:14px!important;text-align:left!important;overflow-wrap:anywhere;
  }
  body.app-ready #rfqModal#rfqModal.bcp-proc-document #rfqLines .bcp-phase-text {
    display:block;
  }
  body.app-ready #rfqModal#rfqModal.bcp-proc-document #rfqLines .rfq-phase[hidden] {display:none!important}
}

/* Confirmed PO metadata uses compact, square labels and complete unit text.
   Drafts and explicitly unlocked orders retain their existing editors. */
body.app-ready #poModal#poModal.bcp-proc-document #poLines .bcp-line-tags {
  display:flex!important;flex-direction:row!important;flex-wrap:wrap;
  align-items:center!important;gap:6px!important;
}
body.app-ready #poModal#poModal.bcp-proc-document #poLines :is(.bcp-project-tag,.bcp-phase-text) {
  display:inline-block;box-sizing:border-box;width:fit-content;max-width:100%;
  flex:0 1 auto;
  height:auto;min-height:0;padding:2px 6px!important;margin:0;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:#eef4fa!important;color:#42617e!important;
  font-size:12px!important;font-weight:500!important;line-height:16px!important;
  white-space:normal!important;overflow-wrap:anywhere;
}
body.app-ready #poModal#poModal.bcp-proc-document #poLines .bcp-po-unit-text {
  display:block;box-sizing:border-box;max-width:100%;height:auto;
  padding:2px 0;font-size:13px;line-height:20px;color:#263d54;
  white-space:normal!important;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;
}
body.app-ready #poModal#poModal.bcp-proc-document #poLines :is(.po-unit,.po-phase,.bcp-po-readonly-value,.bcp-project-tag)[hidden] {
  display:none!important;
}

/* PO commercial summary: stable label/value columns and inline VAT brackets. */
body.app-ready #poModal#poModal.bcp-proc-document .erp-commercial-summary {
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,420px)!important;
  align-items:start!important;gap:20px!important;
}
body.app-ready #poModal#poModal.bcp-proc-document .erp-commercial-summary>.erp-totals {
  display:grid;gap:0!important;min-width:0!important;width:100%;box-sizing:border-box;
  padding:0!important;border:1px solid #dce6f0!important;border-radius:6px!important;
  background:#fafcfe!important;overflow:hidden;text-align:left;
}
body.app-ready #poModal#poModal.bcp-proc-document .erp-commercial-summary>.erp-totals>div {
  display:grid!important;grid-template-columns:max-content minmax(0,1fr);
  align-items:baseline;gap:16px!important;padding:12px 16px!important;margin:0!important;
  border:0!important;border-bottom:1px solid #e6edf5!important;border-radius:0!important;
}
body.app-ready #poModal#poModal.bcp-proc-document .erp-commercial-summary>.erp-totals span {
  display:inline!important;font-size:13px!important;font-weight:550!important;line-height:1.5;
  text-transform:none!important;color:#53697e!important;white-space:nowrap!important;
}
body.app-ready #poModal#poModal.bcp-proc-document .erp-commercial-summary>.erp-totals strong {
  display:block;margin:0!important;font-size:18px!important;line-height:1.4;
  font-weight:650!important;color:#213d59!important;text-align:right!important;
  white-space:nowrap!important;font-variant-numeric:tabular-nums;
}
body.app-ready #poModal#poModal.bcp-proc-document .erp-commercial-summary>.erp-totals>.grand {
  background:#eaf3ff!important;border:0!important;
}
body.app-ready #poModal#poModal.bcp-proc-document .erp-commercial-summary>.erp-totals>.grand :is(span,strong) {
  color:#173e68!important;font-weight:700!important;
}
body.app-ready #poModal#poModal.bcp-proc-document .erp-tax-control[data-readonly=true] {
  display:block!important;align-self:start;
}
body.app-ready #poModal#poModal.bcp-proc-document .erp-tax-control[data-readonly=true]>:not(#poTaxReadonly),
body.app-ready #poModal#poModal.bcp-proc-document #poTaxReadonly[hidden] {
  display:none!important;
}
body.app-ready #poModal#poModal.bcp-proc-document #poTaxReadonly {
  padding:12px 14px;border:1px solid #e1eaf4;border-radius:6px;background:#f5f9fe;
  color:#355675;font-size:13px;font-weight:550;line-height:1.5;
}
@media(max-width:760px) {
  body.app-ready #poModal#poModal.bcp-proc-document .erp-commercial-summary {
    grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
  }
}
@media(max-width:480px) {
  body.app-ready #poModal#poModal.bcp-proc-document .erp-commercial-summary>.erp-totals>div {
    padding:10px 12px!important;gap:12px!important;
  }
  body.app-ready #poModal#poModal.bcp-proc-document .erp-commercial-summary>.erp-totals strong {
    font-size:14px!important;
  }
}