#purchaseInvoiceDialog{width:min(1400px,96vw);height:min(850px,92vh);max-width:96vw;max-height:92vh;border:1px solid #bfd4ca;border-radius:12px;padding:0;color:#173e35}
#purchaseInvoiceDialog[open]{display:flex;flex-direction:column}#purchaseInvoiceDialog::backdrop{background:#092f2866}
#purchaseInvoiceDialog .pi-head,#purchaseInvoiceDialog .pi-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 18px;flex-shrink:0}
#purchaseInvoiceDialog .pi-head{background:#133f34;color:white}#purchaseInvoiceDialog h2{font-size:18px;margin:0}
#purchaseInvoiceDialog .pi-body{overflow:auto;min-height:0;flex:1;padding:12px 18px}#invoiceFields{display:flex;flex-wrap:wrap;gap:12px;border:0;padding:0}#invoiceFields label{display:flex;flex:1;min-width:190px;flex-direction:column;gap:5px}
#invoiceMessage{white-space:pre-line;background:#fff7db;padding:10px;border-radius:6px;max-height:180px;overflow:auto}
#purchaseInvoiceDialog .pi-table{overflow:auto}#purchaseInvoiceDialog table{width:100%;border-collapse:collapse}#purchaseInvoiceDialog th,#purchaseInvoiceDialog td{padding:8px;border-bottom:1px solid #dce8e2;text-align:right}#purchaseInvoiceDialog th{background:#edf5f0}#purchaseInvoiceDialog input{min-height:38px}#purchaseInvoiceDialog button{min-height:40px;cursor:pointer}#purchaseInvoiceDialog button:disabled{cursor:default;opacity:.5}#purchaseInvoiceDialog .pi-footer{border-top:1px solid #dce8e2;flex-wrap:wrap}

.ub-invoice-selection{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;background:#edf5f0;border-bottom:1px solid #dce8e2}.ub-invoice-selection>span{flex:1;min-width:180px;max-height:48px;overflow:auto}.ub-invoice-selection button{padding:6px 10px}.ub-select-receipt{display:flex;align-items:center;gap:5px;white-space:nowrap}.ub-select-receipt input{width:17px;height:17px}.ub-selection-reason{display:block;white-space:normal;max-width:190px;color:#775c2d;font-size:11px;line-height:1.5}.pi-receipts{display:flex;gap:8px;flex-wrap:wrap;background:#edf5f0;padding:8px 10px;border-radius:6px;margin-bottom:10px;max-height:100px;overflow:auto}.pi-receipts span{line-height:1.8}.pi-receipt-sources{display:block;font-size:11px;color:#567267;line-height:1.6;max-width:400px}#unbilledTable .ub-actions button{margin-top:4px}
#purchaseInvoiceDialog{width:min(1780px,97vw);max-width:97vw;background:#fff;font:inherit}
#purchaseInvoiceDialog .pi-head{padding:12px 18px}#purchaseInvoiceDialog .pi-head small{display:block;margin-bottom:4px;color:#d9ede4;font-size:12px}
#purchaseInvoiceDialog .pi-body{padding:12px 16px}#purchaseInvoiceDialog .pi-receipts{font-size:13px;padding:6px 10px;margin-bottom:12px}
#purchaseInvoiceDialog input,#purchaseInvoiceDialog button{font:inherit;border:1px solid #bccfc6;border-radius:6px;padding:6px 10px;background:#fff;color:#173e35;box-sizing:border-box}
#purchaseInvoiceDialog input:focus,#purchaseInvoiceDialog button:focus-visible,#purchaseInvoiceDialog summary:focus-visible{outline:2px solid #168168;outline-offset:2px}
#purchaseInvoiceDialog button{min-height:40px}#purchaseInvoiceDialog #invoiceCommit{background:#146c53;color:#fff;border-color:#146c53}#purchaseInvoiceDialog #invoicePreview{background:#edf6f1}#purchaseInvoiceDialog #invoiceClose{background:transparent;color:#fff;border-color:#7da997}
#purchaseInvoiceDialog #invoiceFields{gap:10px}#purchaseInvoiceDialog #invoiceFields label{font-size:13px;min-width:170px}#purchaseInvoiceDialog #invoiceFields input{min-height:36px}
#purchaseInvoiceDialog #invoiceMessage{margin:10px 0;padding:8px 10px;font-size:13px}
#purchaseInvoiceDialog .pi-table{border:1px solid #dce8e2;border-radius:8px;overflow:auto}#purchaseInvoiceDialog table{min-width:1240px;table-layout:auto;font-size:13px}
#purchaseInvoiceDialog th{font-size:12px;white-space:nowrap;padding:8px 6px}#purchaseInvoiceDialog td{padding:9px 6px;vertical-align:top}#purchaseInvoiceDialog td small{display:block;font-size:12px;line-height:1.5;color:#53695f;font-weight:normal}
#purchaseInvoiceDialog .pi-number{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:left}#purchaseInvoiceDialog .pi-code{white-space:nowrap;font-variant-numeric:tabular-nums}#purchaseInvoiceDialog .pi-product{min-width:170px;max-width:270px;font-weight:600}
#purchaseInvoiceDialog .pi-summary{display:grid;grid-template-columns:minmax(220px,1fr) minmax(390px,560px);gap:24px;margin-top:16px;align-items:start}#purchaseInvoiceDialog [hidden]{display:none!important}
#purchaseInvoiceDialog .pi-summary-note{padding:12px 4px;font-size:13px;max-width:470px;color:#53695f;line-height:1.8}#purchaseInvoiceDialog .pi-summary-note strong{color:#173e35;font-size:15px}#purchaseInvoiceDialog .pi-summary-note p{margin:6px 0}
#purchaseInvoiceDialog .pi-totals{border:1px solid #dce8e2;border-radius:8px;overflow:hidden}.pi-sum-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px 12px;border-bottom:1px solid #edf1ef;font-size:13px}.pi-sum-row strong{white-space:nowrap;font-variant-numeric:tabular-nums}.pi-sum-row small{font-size:12px;font-weight:normal}.pi-sum-row>span>small{display:block;margin-top:3px;line-height:1.6;color:#625a49}.pi-subtotal{background:#f4f7f5}.pi-deduction{color:#835124}.pi-tail{background:#fff9eb;color:#77501f}.pi-payable{background:#e7f4ec;color:#12573f;border-bottom:0;font-size:15px;padding:12px;font-weight:bold}
#purchaseInvoiceDialog .pi-steps{margin-top:12px;border-top:1px solid #dce8e2;font-size:13px}#purchaseInvoiceDialog .pi-steps summary{padding:10px 2px;cursor:pointer;font-weight:600}#purchaseInvoiceDialog .pi-steps ol{margin:0;padding:0 24px 10px}#purchaseInvoiceDialog .pi-steps li{padding:8px;line-height:1.9;border-bottom:1px solid #edf1ef}#purchaseInvoiceDialog .pi-steps li span{display:block}
#purchaseInvoiceDialog .pi-footer{padding:10px 16px;background:#f8fbf9;gap:10px}#purchaseInvoiceDialog #invoiceTotal{margin-left:auto;font-size:15px}
@media(max-width:800px){#purchaseInvoiceDialog .pi-summary{grid-template-columns:1fr;gap:4px}#purchaseInvoiceDialog .pi-summary-note{max-width:none;padding:0}#purchaseInvoiceDialog h2{font-size:15px}#purchaseInvoiceDialog .pi-footer{justify-content:flex-start}#purchaseInvoiceDialog #invoiceTotal{width:100%}}

#purchaseInvoiceDialog td .pi-line-error{color:#96501a;background:#fff7db;border-inline-start:3px solid #be7b27;padding:5px 7px;margin-block:5px;white-space:normal}

#purchaseInvoiceDialog #invoiceRoundingKind{font:inherit;min-height:38px;border:1px solid #bccfc6;border-radius:6px;padding:6px 10px;background:#fff;color:#173e35}