/* Keep real invoice fields inside the viewport; scrolling belongs to its grid. */
@media screen {
 body.vertex-desktop #modal.vp-document-window:has(#tradeForm){width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;right:auto!important;left:6px!important;overflow:auto!important}
 body.vertex-desktop #modal.vp-document-window:has(#tradeForm) #modalBody{min-width:0!important}
 body.vertex-desktop #modal.vp-document-window:has(#tradeForm) .trade-document{min-width:0!important;overflow:auto!important}
 body.vertex-desktop #modal.vp-document-window #tradeForm{min-width:0;min-height:0;overflow:auto}
 body.vertex-desktop #modal.vp-document-window #tradeForm>.form-grid{flex:0 0 auto!important;max-width:100%!important;height:auto!important;min-height:180px!important;align-self:flex-start!important}
 body.vertex-desktop #tradeForm>.table-wrap{flex:1 0 200px!important;min-width:0;max-width:100%}
 body.vertex-desktop #tradeForm>.actions{flex-shrink:0!important;position:sticky;bottom:0;background:#f1f1ef;z-index:8}
 body.vertex-desktop .trade-sale #tradeForm .trade-lines th{background:#ff8600!important;color:white!important}
 body.vertex-desktop #tradeForm .vp-invoice-cash{flex-shrink:0;max-width:min(560px,100%)!important;box-sizing:border-box}
 body.vertex-desktop #tradeForm .vp-invoice-cash span{white-space:normal;overflow-wrap:anywhere}
 body.vertex-desktop #tradeForm>.pc-draft-note{flex-shrink:0}
 .financial-level-choice{display:inline-flex;gap:8px;align-items:center;margin:0 15px 7px;font:12px Arial}
 .financial-level-choice select{font:12px Arial;min-height:23px;background:#dceab9;border:2px inset #ddd}
}
@media screen {
 body.vertex-desktop #modal.vp-document-window #tradeForm.ir-compact-invoice>.form-grid{display:grid!important;direction:rtl;width:100%!important;max-width:none!important;min-height:0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:minmax(27px,auto)!important;gap:4px 8px!important;padding:3px!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>.form-group{grid-column:auto!important;grid-row:auto!important;min-width:0;display:flex!important;align-items:center;gap:4px!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>.form-group>label{flex:0 0 auto;width:auto!important;font-size:11px}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>.form-group :is(input,select,.master-combo){min-width:0!important;width:100%;flex:1 1 0}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>[data-field=number]{grid-row:1!important;grid-column:1!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>[data-field=documentNumber]{grid-row:1!important;grid-column:2!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>[data-field=date]{grid-row:1!important;grid-column:3!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>[data-field=dueDate]{grid-row:1!important;grid-column:4!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>[data-field=repId]{grid-row:1!important;grid-column:5!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>[data-field=partyId]{grid-column:2 / 4!important;grid-row:2!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>[data-field=paymentType]{grid-column:1!important;grid-row:2!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>[data-field=warehouseId]{grid-column:4!important;grid-row:2!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>[data-field=notes]{grid-column:5!important;grid-row:2!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice .ir-due-days{flex:0 0 38px!important;width:38px!important}
 body.vertex-desktop #tradeForm .ir-extra-header{flex:none;font-size:11px;margin:2px 4px}.ir-extra-header>.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 body.vertex-desktop #tradeForm .ir-payment-footer{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;padding:4px 7px;flex:none;background:#fffde8;border:1px solid #bbb}
 body.vertex-desktop #tradeForm .ir-payment-footer>div{display:flex;gap:7px;align-items:center;margin:0!important}.ir-payment-footer input{width:100px!important;max-width:100px;height:24px!important}.ir-payment-footer output{font-weight:bold;font-size:14px}
 body.vertex-desktop #tradeForm .ir-payment-footer .ir-customer-remaining{color:#b00020;font-weight:bold}.ir-customer-remaining output{font-size:17px}
 body.vertex-desktop #tradeForm.ir-compact-invoice .vp-invoice-cash{padding:0 4px!important;margin:0!important;min-height:27px;max-width:100%!important}body.vertex-desktop #tradeForm.ir-compact-invoice .vp-invoice-cash legend{font-size:11px;padding:0 3px}
 body.vertex-desktop #tradeForm.ir-compact-invoice .vp-invoice-totals{padding:3px!important;gap:6px!important;min-height:28px!important}.ir-compact-invoice .ir-weight-total{display:none}
 body.vertex-desktop #tradeForm.ir-compact-invoice #tradeLines tr>td{background:#fff!important;color:#111!important}body.vertex-desktop #tradeForm.ir-compact-invoice #tradeLines tr:nth-child(even)>td{background:#f0f7fa!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice #tradeLines tr>td.ir-active-cell{background:#d9edff!important;outline:2px solid #1675b9;outline-offset:-2px}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.ir-account-strip{display:flex;gap:8px;flex:none;flex-wrap:wrap;align-items:center}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.vp-invoice-totals{flex:none}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.table-wrap{background:#f0f7fa!important}
 @media(max-height:850px){
  body.vertex-desktop #tradeForm.ir-compact-invoice>.table-wrap{flex:1 1 100px!important;min-height:100px!important}
  body.vertex-desktop #tradeForm.ir-compact-invoice .trade-tax-treatment{padding:2px 5px!important;margin:3px 0!important;flex:none}
  body.vertex-desktop #tradeForm.ir-compact-invoice>.pc-draft-note{margin:1px 4px!important}
  body.vertex-desktop #tradeForm.ir-compact-invoice>.pc-draft-note textarea{height:22px!important;min-height:22px!important}
  body.vertex-desktop #tradeForm.ir-compact-invoice>.actions{margin:2px 0!important;min-height:25px}
 }
 @media(max-width:1000px){body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>.form-group{flex-wrap:wrap}body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>.form-group>label{flex-basis:100%}.ir-extra-header>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
}

/* Review revision: a readable header and a compact footer, with one active cell editor. */
@media screen {
 body.vertex-desktop #modal.vp-document-window #tradeForm.ir-compact-invoice>.form-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:minmax(34px,auto)!important;gap:6px 12px!important;padding:8px!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>.form-group>label{font-size:13px!important;font-weight:700}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid :is(input,select,.master-input){font-size:13px!important;min-height:27px!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>[data-field=repId]{grid-column:2!important;grid-row:2!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>[data-field=partyId]{grid-column:3 / 5!important;grid-row:2!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>[data-field=warehouseId]{grid-column:1!important;grid-row:3!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.form-grid>[data-field=notes]{grid-column:2 / 5!important;grid-row:3!important}
 body.vertex-desktop .trade-purchase #tradeForm.ir-compact-invoice>.form-grid>[data-field=partyId]{grid-column:2 / 4!important}
 body.vertex-desktop .trade-purchase #tradeForm.ir-compact-invoice>.form-grid>[data-field=warehouseId]{grid-column:4!important;grid-row:2!important}
 body.vertex-desktop .trade-purchase #tradeForm.ir-compact-invoice>.form-grid>[data-field=notes]{grid-column:1 / 5!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice .ir-payment-footer{gap:3px 14px;padding:3px 6px;font-size:11px}
 body.vertex-desktop #tradeForm.ir-compact-invoice .ir-payment-footer>div{display:grid!important;grid-template-columns:auto auto;gap:1px 7px;align-items:center}
 body.vertex-desktop #tradeForm.ir-compact-invoice .ir-payment-footer .ir-amount-words{grid-column:1 / -1;font-size:12px;line-height:1.25;font-weight:600;white-space:normal}
 body.vertex-desktop #tradeForm.ir-compact-invoice .ir-payment-footer output{font-size:14px}
 body.vertex-desktop #tradeForm.ir-compact-invoice .vp-invoice-totals{margin:2px 0!important;padding:1px 3px!important;min-height:24px!important;font-size:11px!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice .ir-account-strip{gap:4px;margin:2px 0!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice .vp-invoice-cash{min-height:24px!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice .pc-draft-note{margin:2px 0!important;padding:0!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice .pc-draft-note textarea{height:23px!important;min-height:23px!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice>.actions{margin:2px 0!important;min-height:24px!important}
 body.vertex-desktop #tradeForm #addTradeLine,body.vertex-desktop #tradeForm .trade-lines [data-remove],body.vertex-desktop #tradeForm .trade-lines th[data-invoice-actions],body.vertex-desktop #tradeForm .trade-lines td:has(>[data-remove]){display:none!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice #tradeLines td:not(:focus-within) :is(input,select,.master-combo,.master-input){border-color:transparent!important;background:transparent!important;box-shadow:none!important;outline:none!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice #tradeLines td:not(:focus-within) select{appearance:none!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice #tradeLines td:not(:focus-within) .master-arrow{visibility:hidden!important}
 body.vertex-desktop #tradeForm.ir-compact-invoice #tradeLines td:not(:focus-within) input::-webkit-inner-spin-button{visibility:hidden}
 body.vertex-desktop #tradeForm.ir-compact-invoice #tradeLines td:focus-within :is(input,select,.master-combo){background:#e9f6ff!important}
}