#purchaseCreateView .purchase-supplier-lookup{display:flex;gap:6px;min-width:0;align-items:center}
#purchaseCreateView .purchase-supplier-lookup input{min-width:0;flex:1;width:100%}
#purchaseCreateView #purchaseSupplier[hidden],#purchaseCreateView #purchaseCreateSupplier[hidden]{display:none!important}
#purchaseCreateView #purchaseCreateSupplier{white-space:nowrap;width:auto;flex:0 0 auto;font-size:12px;padding:6px 10px}
@media screen {
 html body[data-active-page="purchasesPage"] #detailModal:has(#accountingSupplierModalForm){position:fixed!important;inset:0!important;z-index:185!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;overflow:hidden!important;background:#14203499!important;box-sizing:border-box}
 html body[data-active-page="purchasesPage"] #detailModal.is-hidden:has(#accountingSupplierModalForm){display:none!important}
 html body[data-active-page="purchasesPage"] #detailModal:has(#accountingSupplierModalForm) .detail-modal-card{width:min(680px,100%)!important;max-width:680px!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:16px!important;background:#fff!important;box-sizing:border-box}
 html body[data-active-page="purchasesPage"] #detailModal:has(#accountingSupplierModalForm) .detail-modal-card>.section-title-row{margin:0!important;padding:12px 16px!important;flex:0 0 auto!important;border-bottom:1px solid #e0e5ef!important;background:#f7f8fc!important}
 html body[data-active-page="purchasesPage"] #detailModal:has(#accountingSupplierModalForm) .detail-modal-body{padding:16px!important;min-height:0!important;overflow:auto!important;flex:1 1 auto!important;max-height:none!important}
 html body[data-active-page="purchasesPage"] #detailModal #accountingSupplierModalForm{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;align-items:start!important}
 html body[data-active-page="purchasesPage"] #detailModal #accountingSupplierModalForm label{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;font-size:12px!important}
 html body[data-active-page="purchasesPage"] #detailModal #accountingSupplierModalForm input:not([type=checkbox]){width:100%!important;height:38px!important;min-height:38px!important;padding:7px 10px!important;border-radius:8px!important;box-sizing:border-box}
 html body[data-active-page="purchasesPage"] #detailModal #accountingSupplierModalForm .switch-line{display:flex!important;align-items:center!important;gap:8px!important;height:38px!important}
 html body[data-active-page="purchasesPage"] #detailModal #modalAccountingSupplierActive{width:17px!important;height:17px!important;min-height:17px!important;margin:0!important;accent-color:#b42036}
 html body[data-active-page="purchasesPage"] #detailModal #accountingSupplierModalForm .payment-modal-actions{grid-column:1/-1!important;display:flex!important;gap:8px!important;justify-content:flex-start!important;border-top:1px solid #e7eaf0!important;padding-top:12px!important}
 html body[data-active-page="purchasesPage"] #detailModal #accountingSupplierModalForm button{width:auto!important;min-width:100px!important;height:38px!important;min-height:38px!important;padding:7px 16px!important;white-space:nowrap!important;word-break:normal!important;border-radius:8px!important;font-size:13px!important}
 @media(max-width:550px){html body[data-active-page="purchasesPage"] #detailModal #accountingSupplierModalForm{grid-template-columns:1fr!important}}
}

/* Compact purchase entry with bounded content scrolling and visible actions. */
@media screen {
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-card {
  width:min(1180px,100%)!important; max-width:1180px!important; margin:12px auto!important;
  max-height:min(760px,calc(100dvh - 96px))!important; min-height:0!important; height:auto!important; box-sizing:border-box; overflow:hidden!important;
  background:#fff!important; border:1px solid #e3dce3!important; border-radius:14px!important;
 }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline #purchaseInvoiceModalBody {
  overflow:auto!important; max-height:min(760px,calc(100dvh - 96px))!important;
  padding:0!important; scrollbar-gutter:stable;
 }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-form { padding:12px!important; }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-meta { gap:8px 10px!important; margin-bottom:8px!important; }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView input,
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView select { height:32px!important; min-height:32px!important; padding:5px 8px!important; font-size:12px!important; }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-line-entry { padding:8px!important; gap:8px!important; margin:8px 0!important; }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-lines-heading { margin:8px 0!important; }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-item-row { padding:10px!important; gap:8px!important; margin:6px 0!important; border-radius:10px!important; box-shadow:none!important; }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-item-name strong { font-size:12px!important; line-height:1.4!important; }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-item-name small { font-size:10px!important; line-height:1.3!important; }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-form > .form-actions { position:sticky!important; bottom:-12px!important; z-index:4; background:#fff!important; padding:10px 0!important; margin-top:8px!important; border-top:1px solid #eee!important; }
 @media(max-width:650px) {
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-card { width:100%!important; margin:6px auto!important; max-height:calc(100dvh - 72px)!important; }
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline #purchaseInvoiceModalBody { max-height:calc(100dvh - 72px)!important; }
 }
}

/* Adding items must not resize the invoice workspace or expose the resume banner. */
@media screen {
 html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseInvoiceModal:not(.is-hidden)) #purchaseResumeNotice { display:none!important; }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-card {
  display:flex!important; flex-direction:column!important; height:min(680px,calc(100dvh - 100px))!important;
  max-height:min(680px,calc(100dvh - 100px))!important; min-height:0!important; overflow:hidden!important;
 }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline #purchaseInvoiceModalBody {
  flex:1 1 auto!important; min-height:0!important; height:100%!important; max-height:100%!important; overflow:auto!important;
 }
 @media(max-width:650px) {
  html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-card { height:calc(100dvh - 100px)!important; max-height:calc(100dvh - 100px)!important; }
 }
}

/* Keep purchase entry controls visible; only invoice lines scroll on desktop. */
@media screen and (min-width: 900px) {
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-card {height:min(800px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)!important;margin:12px auto!important;}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline #purchaseInvoiceModalBody {overflow:hidden!important;}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView {height:100%!important;min-height:0!important;}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-form {display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;gap:8px!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-form > * {flex-shrink:0;}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .section-title-row,
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-lines-heading,
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-meta,
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-line-entry {margin:0!important;padding-block:6px!important;}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView #purchaseLines {flex:1 1 auto!important;min-height:90px!important;overflow:auto!important;margin:0!important;}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .cart-total {padding:6px 0!important;margin:0!important;}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-form > .form-actions {position:static!important;margin:0!important;padding:8px 0!important;}
}

@media(min-width:900px){
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModalBody > #purchaseCreateView { height:100%!important; min-height:0!important; padding:0!important; margin:0!important; box-sizing:border-box!important; }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView #purchaseLines.record-register { display:block!important; min-height:0!important; overflow:visible!important; }
}

/* Size the entry form from the actual available flex space, not a percentage height. */
@media screen and (min-width:900px) {
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline #purchaseInvoiceModalBody { display:flex !important; flex-direction:column !important; height:auto !important; min-height:0 !important; }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseInvoiceModalBody > #purchaseCreateView { display:flex !important; flex-direction:column !important; flex:1 1 0 !important; height:auto !important; min-height:0 !important; }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-form { flex:1 1 0 !important; height:auto !important; max-height:none !important; min-height:0 !important; }
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView #purchaseLines.record-register { flex:1 1 0 !important; min-height:0 !important; overflow:auto !important; }
}

/* Full-width purchase entry, one page scroll rather than nested line scroll. */
@media screen {
 html body[data-active-page="purchasesPage"] #purchasesPage:has(#purchaseInvoiceModal:not(.is-hidden)){padding:12px!important;max-width:none!important;width:100%!important;box-sizing:border-box}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline{width:100%!important;padding:0!important;margin:0!important}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline .purchase-invoice-modal-card{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:calc(100dvh - 40px)!important;margin:0!important;overflow:visible!important}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal.purchase-invoice-inline #purchaseInvoiceModalBody,
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseInvoiceModalBody>#purchaseCreateView,
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-form{display:block!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;flex:none!important}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-form{padding:16px!important}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView #purchaseLines,
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView #purchaseLines.record-register,
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .record-register-scroll{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;flex:none!important;min-width:0!important}
 html body[data-active-page="purchasesPage"] #purchaseCreateView label:has(#purchaseNote),
 html body[data-active-page="purchasesPage"] #purchaseTaxPreview{display:none!important}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:12px 0!important}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-line-entry{display:grid!important;grid-template-columns:minmax(220px,2fr) minmax(80px,.7fr) minmax(90px,.8fr) minmax(130px,1fr) auto!important;gap:10px!important;margin:16px 0!important}
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-form>.form-actions{position:static!important;margin-top:16px!important}
}
@media screen and (max-width:900px){
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-meta,
 html body[data-active-page="purchasesPage"] #purchaseInvoiceModal #purchaseCreateView .purchase-line-entry{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media screen{
 html body #purchaseInvoiceModal #purchaseLines.record-register>.record-register-head,
 html body #purchaseInvoiceModal #purchaseLines.record-register>.purchase-item-row{grid-template-columns:var(--record-columns)!important;gap:6px!important;padding:6px!important;min-height:45px!important;margin:0!important;border-radius:0!important}
 html body #purchaseInvoiceModal #purchaseLines.record-register input,
 html body #purchaseInvoiceModal #purchaseLines.record-register select{width:100%!important;min-width:0!important;height:29px!important;min-height:29px!important;padding:3px 4px!important;font-size:11px!important;box-sizing:border-box}
 html body #purchaseInvoiceModal #purchaseLines.record-register>.purchase-item-row>*{overflow:visible!important;white-space:normal!important;font-size:11px!important}
 html body #purchaseInvoiceModal #purchaseLines .purchase-item-name strong{font-size:11px!important}
 html body #purchaseInvoiceModal #purchaseLines .invoice-line-tax{min-width:0!important;grid-column:auto!important;grid-row:auto!important}
 html body #purchaseInvoiceModal #purchaseLines .invoice-line-tax>span{display:none}
 html body #purchaseInvoiceModal #purchaseLines .invoice-line-tax strong{font-size:10px!important}
 html body #purchaseInvoiceModal #purchaseLines .record-register-head{font-size:10px!important;white-space:normal!important}
}

@media screen{html body #purchaseInvoiceModal #purchaseLines .purchase-item-actions button{white-space:nowrap!important;padding:3px!important;width:100%!important;min-width:0!important;font-size:10px!important}html body #purchaseInvoiceModal #purchaseLines.record-register>.record-register-head>*{font-size:10px!important;overflow-wrap:normal!important}}

@media screen{html body #purchaseInvoiceModal #purchaseLines.record-register>.purchase-item-row>.purchase-item-metric{padding:0!important;border:0!important}html body #purchaseInvoiceModal #purchaseLines input[type=number]{appearance:textfield!important;-moz-appearance:textfield!important}html body #purchaseInvoiceModal #purchaseLines input[type=number]::-webkit-inner-spin-button,html body #purchaseInvoiceModal #purchaseLines input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}}