/* Late, sales-only layout layer: appearance presets may not change sizing.
 * Desktop keeps a real footer row; small/short screens use one natural scroll. */
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-footer-main {
  display:grid!important;grid-template-columns:minmax(210px,.85fr) minmax(230px,1.05fr) minmax(290px,1.2fr)!important;
  grid-template-areas:"totals notes actions"!important;gap:12px!important;direction:ltr!important;align-items:stretch!important;
}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-footer-left {display:contents!important}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-notes-field {grid-area:notes;display:flex!important;flex-direction:column;gap:6px;margin:0!important;min-width:0;direction:rtl}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-notes-field textarea {width:100%!important;flex:1;height:68px!important;min-height:68px!important;max-height:110px;resize:vertical;box-sizing:border-box}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .invoice-totals {
  grid-area:totals;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-content:stretch;gap:6px!important;direction:rtl;min-width:0;margin:0!important;
}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .invoice-totals>div {
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;min-width:0;min-height:44px;padding:6px 8px!important;white-space:normal;overflow-wrap:anywhere;
}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .invoice-totals>.grand {grid-column:1/-1;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;min-height:42px}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-footer-right {grid-area:actions;display:flex!important;flex-direction:column!important;gap:10px!important;direction:rtl;min-width:0}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal #siDiscountInputBox {display:grid;grid-template-columns:1fr 1fr!important;gap:8px!important;min-width:0}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal #siDiscountInputBox .field {min-width:0;margin:0!important}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal #siDiscountInputBox :is(input,select) {width:100%!important;min-height:38px!important;height:38px!important;box-sizing:border-box}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-action-buttons {display:grid!important;grid-template-columns:1.5fr 1fr!important;gap:8px!important;margin-top:auto!important}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-action-buttons button {width:100%!important;min-width:0!important;min-height:42px;height:auto!important;margin:0!important;white-space:normal!important}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal #salesInvoiceModalError:empty {display:none!important}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal #salesInvoiceModalError:not(:empty) {padding-top:8px;white-space:normal;overflow-wrap:anywhere}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-customer-field {justify-content:center!important}
html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal #siExtraFieldsBox:empty {display:none!important}

@media(min-width:901px) and (min-height:601px) {
  html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal {overflow:hidden!important}
  html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal>.si-workspace {display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;box-sizing:border-box}
  html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-workspace-header {flex:0 0 auto!important}
  html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-workspace-body {display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;overflow:auto!important}
  html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-product-entry {flex:0 0 auto!important}
  html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-lines-shell {display:flex!important;flex-direction:column!important;flex:1 0 auto!important;min-height:180px!important}
  html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-lines-table-scroll {flex:1 0 auto!important;min-height:100px!important;overflow-x:auto!important}
  html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-line-actions {flex:0 0 auto!important}
  html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-summary-dock {position:relative!important;flex:0 0 auto!important;inset:auto!important;margin-top:0!important;padding:10px 12px!important;box-sizing:border-box;border-radius:0!important}
}
@media(max-width:1100px) {
  html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-footer-main {grid-template-columns:minmax(190px,.9fr) minmax(190px,1fr) minmax(250px,1.2fr)!important;gap:8px!important}
}
@media(max-width:900px) {
  html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-footer-main {grid-template-columns:1fr 1fr!important;grid-template-areas:"totals actions" "notes notes"!important}
  html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-summary-dock {margin-top:auto!important}
}
@media(max-width:580px) {
  html body.ui-v19.erp-responsive-v20 #salesInvoiceModal#salesInvoiceModal#salesInvoiceModal .si-footer-main {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"totals" "notes" "actions"!important;gap:12px!important}
}