/* Trade-family presentation only. Geometry comes from sanitized ready-state observations.
   Required payment, pricing-mode and recovery controls remain truthful source-workflow differences.
   No declarations target the shared shell, home, accounting or treasury screens. */
@media screen {
 #invoice.tradeInvoiceLayout{background:#f0f0f0;padding:0 11px 12px;min-height:calc(100vh - 48px);font-size:12px;color:#212529}
 #invoice.tradeInvoiceLayout [hidden]{display:none!important}
 #invoice.tradeInvoiceLayout .docTop{position:relative;display:flex;justify-content:center;min-height:45px;margin:0;padding:5px 0}
 #invoice.tradeInvoiceLayout .docTop h1{margin:5px 0;font-size:28px;font-weight:400;color:rgb(33,37,41)}
 #invoice.tradeInvoiceLayout .invoiceMode{display:block;position:absolute;right:10px;top:16px;font-size:12px;color:#4398b6}
 #invoice.tradeInvoiceLayout .invoiceHeaderClose{display:none}
 #invoice.tradeInvoiceLayout #invoiceForm{display:grid;grid-template-columns:73px minmax(0,1fr) 73px minmax(0,1fr) 73px minmax(0,1fr);grid-template-rows:repeat(4,29px) auto auto minmax(0,1fr) auto auto;column-gap:8px;row-gap:7px;margin:7px 0 0;padding:0;font-size:12px}
 #invoice.tradeInvoiceLayout .invoiceHeader,#invoice.tradeInvoiceLayout .invoiceFields,#invoice.tradeInvoiceLayout #billingFields,#invoice.tradeInvoiceLayout .billingMainFields{display:contents}
 #invoice.tradeInvoiceLayout #billingFields>legend{display:none}
 #invoice.tradeInvoiceLayout .invoiceFields>label{align-self:center;margin:0}
 #invoice.tradeInvoiceLayout input,#invoice.tradeInvoiceLayout select{min-width:0;border-radius:2px;box-shadow:none}
 #invoice.tradeInvoiceLayout .invoiceFields>input,#invoice.tradeInvoiceLayout .invoiceFields>select,#invoice.tradeInvoiceLayout .billingMainFields input,#invoice.tradeInvoiceLayout .billingMainFields select{width:100%;height:29px;padding:3px 6px;border:1px solid #bfc4ca;background:#fff;font-size:12px}
 #invoice.tradeInvoiceLayout #partnerLabel{grid-column:1;grid-row:1}
 #invoice.tradeInvoiceLayout #partner{grid-column:2;grid-row:1}
 #invoice.tradeInvoiceLayout #invoicePartnerFacts{grid-column:1/3;grid-row:2/5;align-self:start;padding:0;font-size:11px;line-height:1.8}
 #invoice.tradeInvoiceLayout #invoiceNumberLabel{grid-column:3;grid-row:2}
 #invoice.tradeInvoiceLayout #invNo{grid-column:4;grid-row:2}
 #invoice.tradeInvoiceLayout label[for=invDate]{grid-column:3;grid-row:3}
 #invoice.tradeInvoiceLayout #invDate{grid-column:4;grid-row:3}
 #invoice.tradeInvoiceLayout #invoiceDueLabel{grid-column:5;grid-row:2}
 #invoice.tradeInvoiceLayout #dueDate{grid-column:6;grid-row:2}
 #invoice.tradeInvoiceLayout .billingMainFields>label{display:grid;grid-template-columns:73px minmax(0,1fr);gap:8px;align-items:center;margin:0;font-size:12px}
 #invoice.tradeInvoiceLayout .billingMainFields>.invoiceServiceField{grid-column:3/5;grid-row:1}
 #invoice.tradeInvoiceLayout .billingMainFields>.invoiceDescriptionField{grid-column:5/7;grid-row:1}
 #invoice.tradeInvoiceLayout .billingMainFields>.invoicePaymentField{grid-column:5/7;grid-row:3}
 /* Optional presentation only: these controls keep their values, handlers and native ownership. */
 #invoice.tradeInvoiceLayout .billingMainFields>#billingAgentBox,#invoice.tradeInvoiceLayout #namedSalesPrices,#invoice.tradeInvoiceLayout label[for=invoiceWarehouse],#invoice.tradeInvoiceLayout #invoiceWarehouse,#invoice.tradeInvoiceLayout #billingPartnerBalance{display:none!important}
 #invoice.tradeInvoiceLayout .billingPolicyControls{grid-column:1/5;grid-row:5;margin:0;padding:0;border:0;font-size:11px;align-self:center}
 #invoice.tradeInvoiceLayout .billingPolicyControls>.checkLine{margin:0;display:flex;align-items:center;gap:5px;font-size:11px}
 #invoice.tradeInvoiceLayout .billingPolicyControls>button,#invoice.tradeInvoiceLayout #billingPolicyHint{display:none}
 #invoice.tradeInvoiceLayout .invoiceCurrency{grid-column:5/7;grid-row:5;display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:0;padding:0;font-size:12px}
 #invoice.tradeInvoiceLayout .invoiceCurrency output{min-width:42px;border:1px solid #bfc4ca;border-radius:2px;padding:5px 8px;background:#fff;text-align:center}
 #invoice.tradeInvoiceLayout #billingPaymentFields{grid-column:1/-1;grid-row:6;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:6px;border:1px solid #d5d5d5;background:#eee}
 #invoice.tradeInvoiceLayout #billingPaymentFields input{display:block;width:100%;height:29px}
 #invoice.tradeInvoiceLayout #billingInvoiceHint{grid-column:1/-1;grid-row:9;margin:0;font-size:11px;line-height:1.4}
 /* The recovery button is never hidden by the presentation adapter. */
 #invoice.tradeInvoiceLayout #billingInvoiceRetry{grid-column:1/-1;grid-row:6;justify-self:start;align-self:start;z-index:1}
 #invoice.tradeInvoiceLayout:has(#billingInvoiceRetry:not([hidden])) #billingPaymentFields{grid-row:10}
 #invoice.tradeInvoiceLayout #quoteNotesBlock{grid-column:1/-1;grid-row:4/5;display:grid;grid-template-columns:73px minmax(0,1fr);gap:8px;align-items:start}
 #invoice.tradeInvoiceLayout #quoteNotesBlock.hidden{display:none}
 #invoice.tradeInvoiceLayout #quoteNotesBlock textarea{min-height:29px!important;height:29px;padding:4px 6px;border:1px solid #bfc4ca;border-radius:2px;resize:vertical}
 #invoice.tradeInvoiceLayout #quoteNotesBlock p{display:none}
 #invoice.tradeQuoteLayout #invoiceDueLabel{grid-row:3}
 #invoice.tradeQuoteLayout #dueDate{grid-row:3}
 #invoice.tradeInvoiceLayout .invoiceTableWrap{grid-column:1/-1;grid-row:7;min-height:318px;height:calc(100vh - 393px);max-height:none;margin:9px 11px 0;background:#fff;border:1px solid #bfc4ca;overflow:auto}
 #invoice.tradeInvoiceLayout .items{width:100%;min-width:907px;margin:0;table-layout:fixed;border-collapse:collapse;counter-reset:invoice-row;background:#fff}
 #invoice.tradeInvoiceLayout .items th{height:31.78125px;background:rgb(235,237,240);color:rgb(30,30,30);border:1px solid rgb(213,213,213);padding:6.4px 8.8px;font-size:11px;white-space:nowrap}
 #invoice.tradeInvoiceLayout .items td{height:30px;max-height:30px;border:1px solid rgb(213,213,213);padding:1px 3px;font-size:11px}
 #invoice.tradeInvoiceLayout .items input{width:100%;height:26px;padding:2px;font-size:11px;border:0;background:transparent}
 #invoice.tradeInvoiceLayout .items tbody tr:nth-child(even){background:#f4f4f5}
 #invoice.tradeInvoiceLayout .items .invoiceGrossCell{text-align:right;white-space:nowrap}
 #invoice.tradeInvoiceLayout .items #itemRows td:nth-child(7){position:relative}
 #invoice.tradeInvoiceLayout .items #itemRows td:nth-child(7)::after{content:'%';position:absolute;right:5px;top:50%;transform:translateY(-50%);pointer-events:none}
 #invoice.tradeInvoiceLayout .items .discount{padding-right:13px}
 #invoice.tradeInvoiceLayout .items .invoiceGrossCell .remove{float:right;margin-left:3px;width:17px;max-width:17px;min-height:21px;height:21px;padding:0 3px;line-height:16px}
 #invoice.tradeInvoiceLayout #invoiceBlankRows{display:table-row-group}
 #invoice.tradeInvoiceLayout #invoiceBlankRows tr{background:#fff}
 #invoice.tradeInvoiceLayout #invoiceBlankRows tr.invoiceBlankRowEven{background:#f4f4f5}
 #invoice.tradeInvoiceLayout #invoiceBlankRows td{color:#85898d}
 #invoice.tradeInvoiceLayout .invoiceFooter{grid-column:1/-1;grid-row:8;display:grid;grid-template-columns:1fr auto 1fr;min-height:102px;gap:10px;align-items:start;padding:7px 11px 0}
 #invoice.tradeInvoiceLayout .invoiceFooterTools{grid-column:1;grid-row:1;display:flex;gap:5px;align-items:center}
 #invoice.tradeInvoiceLayout .invoiceFooterClose{display:inline-block}
 #invoice.tradeInvoiceLayout .docActions{grid-column:2;grid-row:1;align-self:end;display:flex;align-items:center;justify-content:center;gap:6px;width:auto;padding:0;margin:0;border:0}
 #invoice.tradeInvoiceLayout .totals{grid-column:3;grid-row:1;justify-self:end;align-self:center;width:160px;margin:0;display:block}
 #invoice.tradeInvoiceLayout:not(.tradeQuoteLayout) .totals>div:not(.grand){display:none}
 #invoice.tradeInvoiceLayout .totals>div{padding:3px 5px;border:0}
 #invoice.tradeInvoiceLayout .totals .grand{font-size:16px;border:0;background:transparent}
 #invoice.tradeInvoiceLayout:not(.tradeQuoteLayout) .totals .grand{display:flex;flex-direction:column;text-align:right;gap:8px}
 #invoice.tradeInvoiceLayout .action,#invoice.tradeInvoiceLayout .ghost{min-height:27px;border-radius:2px;font-size:12px;padding:4px 8px}
 /* Existing quote list/detail workflows use the same restrained full-page trade canvas. */
 #quotesList,#quoteDetail{background:#f0f0f0;min-height:calc(100vh - 48px);padding:10px 21px;color:#212529;font-size:12px}
 #quotesList>.detailToolbar,#quoteDetail>.detailToolbar{position:relative;display:flex;justify-content:center;gap:8px;margin:0 0 14px;padding:0}
 #quotesList>.detailToolbar h1,#quoteDetail>.detailToolbar h1{font-size:28px;font-weight:400;margin:5px 20px 5px 0}
 #quotesList .filters{display:grid;grid-template-columns:90px minmax(140px,1fr) 90px minmax(120px,1fr) 90px minmax(120px,1fr);gap:8px;margin:0 0 16px;align-items:center;background:transparent;padding:0;border:0}
 #quotesList .filters input{min-width:0;width:100%;height:29px;border:1px solid #bfc4ca;border-radius:2px}
 #quotesList .table,#quoteDetail .table{background:#fff;border-collapse:collapse;font-size:12px}
 #quotesList .table th,#quoteDetail .table th{height:32px;background:#ebedf0;color:#1e1e1e;border:1px solid #d5d5d5;padding:6px 8px}
 #quotesList .table td,#quoteDetail .table td{height:30px;border:1px solid #d5d5d5;padding:4px 8px}
 #quoteDetail .printSheet{max-width:none;margin:0;border:1px solid #d5d5d5;padding:15px;background:#fff}
}
@media screen and (max-width:760px){
 #invoice.tradeInvoiceLayout #invoiceForm{display:flex;flex-direction:column;gap:8px}
 #invoice.tradeInvoiceLayout .invoiceHeader{display:grid;grid-template-columns:1fr;gap:8px;min-height:0}
 #invoice.tradeInvoiceLayout .invoiceFields{display:grid;grid-template-columns:100px minmax(0,1fr);gap:7px}
 #invoice.tradeInvoiceLayout .invoiceFields>*{grid-column:auto!important;grid-row:auto!important}
 #invoice.tradeInvoiceLayout #invoicePartnerFacts{grid-column:1/-1!important}
 #invoice.tradeInvoiceLayout #billingFields{display:block;border:0;margin:0;padding:0}
 #invoice.tradeInvoiceLayout .billingMainFields{display:grid;grid-template-columns:1fr;gap:8px}
 #invoice.tradeInvoiceLayout .billingMainFields>label{grid-column:auto!important;grid-row:auto!important;grid-template-columns:100px minmax(0,1fr)}
 #invoice.tradeInvoiceLayout #billingPaymentFields{grid-template-columns:1fr;margin-top:7px}
 #invoice.tradeInvoiceLayout .invoiceTableWrap{height:330px;min-height:330px;margin:0}
 #invoice.tradeInvoiceLayout .invoiceFooter{grid-template-columns:1fr 1fr;min-height:100px;padding:5px 0}
 #invoice.tradeInvoiceLayout .docActions{grid-column:1/-1;grid-row:2}
 #invoice.tradeInvoiceLayout .totals{grid-column:2}
 #quotesList .filters{grid-template-columns:90px minmax(0,1fr)}
}
@media screen {
 /* Purchase returns retain their existing source-quantity presentation.
    Sales returns specialize it below without replacing the financial form. */
 #documentDetail.tradeCreditLayout{background:#f0f0f0;min-height:calc(100vh - 48px);padding:7px 21px 14px;color:#212529;font-size:12px}
 #documentDetail.tradeCreditLayout #tradeReturnTitle{text-align:center;font-size:28px;font-weight:400;margin:5px 0 15px}
 #documentDetail.tradeCreditLayout>.detailToolbar{display:none}
 #documentDetail.tradeCreditLayout #printArea{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:none;border:0;background:transparent;margin:0;padding:0}
 #documentDetail.tradeCreditLayout #printArea>.printHeader{grid-column:2/4;grid-row:1;display:block;border:0;margin:0;padding:0}
 #documentDetail.tradeCreditLayout .printHeader>img{display:none}
 #documentDetail.tradeCreditLayout .invoiceMeta{text-align:left;font-size:12px;line-height:1.7}
 #documentDetail.tradeCreditLayout .invoiceMeta h2{font-size:14px;font-weight:400;margin:0 0 5px}
 #documentDetail.tradeCreditLayout #printArea>.detailInfo{grid-column:1;grid-row:1;display:block;margin:0}
 #documentDetail.tradeCreditLayout .detailInfo>#documentCompanyIdentity{display:none}
 #documentDetail.tradeCreditLayout .detailBox{border:0;background:transparent;padding:0;margin:0;font-size:12px}
 #documentDetail.tradeCreditLayout .detailBox h3{font-size:12px;margin:0 0 5px;font-weight:400}
 #documentDetail.tradeCreditLayout .detailBox p{margin:4px 0}
 #documentDetail.tradeCreditLayout #printArea>.table,#documentDetail.tradeCreditLayout #printArea>.detailTotals,#documentDetail.tradeCreditLayout #printArea>.paymentHistory,#documentDetail.tradeCreditLayout #printArea>.detailToolbar:not(.tradeCreditEditor){display:none!important}
 #documentDetail.tradeCreditLayout .tradeCreditEditor{grid-column:1/-1;grid-row:2;padding:0;margin:0}
 #documentDetail.tradeCreditLayout .tradeCreditEditor>h2,#documentDetail.tradeCreditLayout .tradeCreditEditor>.table{display:none}
 #documentDetail.tradeCreditLayout #creditForm{display:grid!important;grid-template-columns:90px minmax(0,1fr) 90px minmax(0,1fr) 90px minmax(0,1fr);gap:8px;align-items:center;border:0;padding:0;margin:0;background:transparent;max-width:none}
 #documentDetail.tradeCreditLayout #creditForm>label[for=creditDate]{grid-column:3;grid-row:1}
 #documentDetail.tradeCreditLayout #creditDate{grid-column:4;grid-row:1}
 #documentDetail.tradeCreditLayout #creditForm>label[for=creditReason]{grid-column:5;grid-row:1}
 #documentDetail.tradeCreditLayout #creditReason{grid-column:6;grid-row:1}
 #documentDetail.tradeCreditLayout #creditForm>label[for=creditMode]{grid-column:1;grid-row:2}
 #documentDetail.tradeCreditLayout #creditMode{grid-column:2/4;grid-row:2}
 #documentDetail.tradeCreditLayout #creditForm>label[for=creditAmount]{grid-column:4/6;grid-row:2}
 #documentDetail.tradeCreditLayout #creditAmount{grid-column:6;grid-row:2}
 #documentDetail.tradeCreditLayout #creditForm>input,#documentDetail.tradeCreditLayout #creditForm>select{height:29px;min-width:0;width:100%;border:1px solid #bfc4ca;border-radius:2px;padding:3px 6px;font-size:12px}
 #documentDetail.tradeCreditLayout #creditItems{grid-column:1/-1;grid-row:3;max-height:318px;min-height:240px;overflow:auto;border:1px solid #bfc4ca;background:#fff;margin-top:12px}
 #documentDetail.tradeCreditLayout #creditItems .table{margin:0;min-width:800px;font-size:12px;border-collapse:collapse}
 #documentDetail.tradeCreditLayout #creditItems th{height:32px;padding:6px 8px;background:#ebedf0;color:#1e1e1e;border:1px solid #d5d5d5}
 #documentDetail.tradeCreditLayout #creditItems td{height:30px;padding:3px 6px;border:1px solid #d5d5d5}
 #documentDetail.tradeCreditLayout #creditItems input{height:26px;border:1px solid #bfc4ca;border-radius:2px;padding:2px 4px;max-width:100%}
 #documentDetail.tradeCreditLayout #creditEstimate{grid-column:4/7;grid-row:4;text-align:right;margin:4px 0}
 #documentDetail.tradeCreditLayout #creditForm>label:has(#creditStockReturn){grid-column:1/4;grid-row:4;margin:4px 0}
 #documentDetail.tradeCreditLayout #creditReturnHint{grid-column:1/-1;grid-row:5;margin:0;font-size:11px;line-height:1.4}
 #documentDetail.tradeCreditLayout #creditHint{grid-column:1/-1;grid-row:6;margin:0;font-size:11px;line-height:1.4}
 #documentDetail.tradeCreditLayout #creditBack{grid-column:3;grid-row:7}
 #documentDetail.tradeCreditLayout #creditSave{grid-column:4;grid-row:7;justify-self:start}
 #documentDetail.tradeCreditLayout #creditForm>button{border-radius:2px;min-height:29px;padding:4px 8px;font-size:12px}
}

@media screen and (max-width:760px){
 #documentDetail.tradeCreditLayout #printArea{grid-template-columns:1fr 1fr}
 #documentDetail.tradeCreditLayout #printArea>.printHeader{grid-column:2}
 #documentDetail.tradeCreditLayout #creditForm{display:flex!important;flex-direction:column;align-items:stretch}
}
@media screen {
 /* Offer-specific geometry inspected in the actual privacy-safe 980x709 body crop.
    Header field inputs, 50px notes, centered currency strip, 334px viewport grid,
    and horizontal three-total footer differ from the invoice geometry. */
 #invoice.tradeQuoteLayout #invoiceForm{grid-template-rows:repeat(3,29px) 69px auto auto minmax(0,1fr) auto auto}
 #invoice.tradeQuoteLayout #quoteNotesBlock{display:flex;flex-direction:column;gap:2px;align-items:stretch}
 #invoice.tradeQuoteLayout #quoteNotesBlock textarea{height:50px;min-height:50px!important}
 #invoice.tradeQuoteLayout .invoiceCurrency{grid-column:1/-1;justify-content:flex-start;padding-left:calc(25% - 16px)}
 #invoice.tradeQuoteLayout .invoiceTableWrap{height:calc(100vh - 423px);min-height:318px;margin-top:17px}
 #invoice.tradeQuoteLayout .items th{height:51px;white-space:normal;text-align:left}
 #invoice.tradeQuoteLayout .invoiceFooter{min-height:70px;padding-top:0}
 #invoice.tradeQuoteLayout .totals{display:flex;gap:9px;width:auto;align-self:start}
 #invoice.tradeQuoteLayout .totals>div,#invoice.tradeQuoteLayout .totals .grand{display:flex;flex-direction:column;padding:0;font-size:12px;gap:0;text-align:right}
 #invoice.tradeQuoteLayout .totals>div>span{padding:5px;border:1px solid #d5d5d5;background:#ebedf0;font-weight:600;white-space:nowrap}
 #invoice.tradeQuoteLayout .totals>div>b{min-height:25px;padding:5px;border:1px solid #d5d5d5;border-top:0;font-size:12px;font-weight:400;white-space:nowrap}
}
@media screen and (max-width:760px){
 #invoice.tradeQuoteLayout .invoiceCurrency{padding-left:0;justify-content:center}
 #invoice.tradeQuoteLayout .invoiceTableWrap{height:330px}
}
@media screen {
 /* Purchase body crop: header top 53px, currency top 208px, grid top 263px and 348px tall.
    Both default invoice directions share that compact family composition. */
 #invoice.tradeInvoiceLayout:not(.tradeQuoteLayout) .invoiceCurrency{grid-column:1/-1;justify-content:flex-start;padding-left:calc(25% - 16px);margin-top:12px}
 #invoice.tradeInvoiceLayout:not(.tradeQuoteLayout) .invoiceTableWrap{height:calc(100vh - 409px);min-height:318px;margin-top:12px}
 #invoice.tradeInvoiceLayout .billingPolicyControls{grid-column:1/3;grid-row:8;align-self:end;z-index:1;margin-bottom:1px}
 #invoice.tradeInvoiceLayout .billingPolicyControls>.checkLine{font-size:10px;line-height:1.25;align-items:flex-start}
 #invoice.tradeInvoiceLayout .billingPolicyControls input{margin-top:1px}
 #invoice.tradeInvoiceLayout:not(.tradeQuoteLayout) .invoiceFooter{padding-top:15px;min-height:82px}
 #invoice.tradeInvoiceLayout:not(.tradeQuoteLayout) .totals{width:auto;min-width:65px;align-self:start}
 #invoice.tradeInvoiceLayout:not(.tradeQuoteLayout) .totals .grand{padding:0;gap:0;display:flex;flex-direction:column;text-align:right}
 #invoice.tradeInvoiceLayout:not(.tradeQuoteLayout) .totals .grand>span{padding:5px;border:1px solid #d5d5d5;background:#ebedf0;font-weight:600;font-size:12px}
 #invoice.tradeInvoiceLayout:not(.tradeQuoteLayout) .totals .grand>b{min-height:25px;padding:5px;border:1px solid #d5d5d5;border-top:0;font-size:12px;font-weight:400;white-space:nowrap}
}
@media screen and (max-width:760px){
 #invoice.tradeInvoiceLayout:not(.tradeQuoteLayout) .invoiceCurrency{padding-left:0;justify-content:center;margin-top:0}
 #invoice.tradeInvoiceLayout:not(.tradeQuoteLayout) .invoiceTableWrap{height:330px;margin-top:0}
 #invoice.tradeInvoiceLayout .billingPolicyControls{margin-top:8px}
}
@media screen{
 #invoice.tradeInvoiceLayout:not(.tradeNeedsRecovery) #billingInvoiceHint{display:none}
 #invoice.tradeInvoiceLayout.tradeNeedsRecovery #billingInvoiceHint{display:block}
}
@media screen and (min-width:761px){
 /* Sales-specific privacy-safe crops: grid y302..620 at 1180x757, rule y637,
    lower centered actions y700..734. Purchase uses its independently observed height. */
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceCurrency{margin-top:6px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceTableWrap{height:calc(100vh - 439px);min-height:318px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceFooter{margin-top:10px;min-height:97px;padding-top:9px;border-top:1px solid #d5d5d5}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .totals{margin-top:27px}
}

/* Sales-return refinement only. Invoice, purchase and offer layouts remain unchanged. */
@media screen {
 #documentDetail.tradeSalesReturnLayout input:focus-visible{outline:2px solid #367aa8;outline-offset:-2px;background:#fff}
 #documentDetail.tradeSalesReturnLayout [hidden]{display:none!important}
 #documentDetail.tradeSalesReturnLayout #tradeReturnTitle{border-bottom:1px solid #d5d5d5;padding-bottom:10px;margin-bottom:7px}
 #documentDetail.tradeSalesReturnLayout #printArea{display:block}
 #documentDetail.tradeSalesReturnLayout #printArea>.printHeader,
 #documentDetail.tradeSalesReturnLayout #printArea>.detailInfo{display:none}
 #documentDetail.tradeSalesReturnLayout #creditForm{grid-template-columns:73px minmax(0,1fr) 73px minmax(0,1fr) 73px minmax(0,1fr);gap:7px 8px;align-items:start}
 #documentDetail.tradeSalesReturnLayout #tradeReturnHeader{display:contents}
 #documentDetail.tradeSalesReturnLayout #tradeReturnHeader>label{display:grid;grid-template-columns:73px minmax(0,1fr);gap:8px;align-items:center;margin:0}
 #documentDetail.tradeSalesReturnLayout #tradeReturnHeader output{display:block;min-height:29px;padding:6px;border:1px solid #bfc4ca;border-radius:2px;background:#f7f7f7;overflow-wrap:anywhere}
 #documentDetail.tradeSalesReturnLayout .tradeReturnClient{grid-column:1/3;grid-row:1}
 #documentDetail.tradeSalesReturnLayout #tradeReturnPartner{grid-column:1/3;grid-row:2/5;white-space:pre-line;font-size:11px;line-height:1.8}
 #documentDetail.tradeSalesReturnLayout .tradeReturnService{grid-column:3/5;grid-row:1}
 #documentDetail.tradeSalesReturnLayout .tradeReturnNumber{grid-column:3/5;grid-row:2}
 #documentDetail.tradeSalesReturnLayout .tradeReturnSource{grid-column:5/7;grid-row:2}
 #documentDetail.tradeSalesReturnLayout #creditForm>label[for=creditDate]{grid-column:3;grid-row:3;align-self:center}
 #documentDetail.tradeSalesReturnLayout #creditDate{grid-column:4;grid-row:3}
 #documentDetail.tradeSalesReturnLayout #creditForm>label[for=creditReason]{align-self:center}
 #documentDetail.tradeSalesReturnLayout #creditForm>label[for=creditMode]{grid-column:5;grid-row:3;align-self:center}
 #documentDetail.tradeSalesReturnLayout #creditMode{grid-column:6;grid-row:3}
 #documentDetail.tradeSalesReturnLayout .tradeReturnCurrency{grid-column:1/-1;grid-row:5;display:flex;align-items:center;justify-content:center;gap:8px;margin:7px 0}
 #documentDetail.tradeSalesReturnLayout #creditForm>label[for=creditAmount]{grid-column:3/6;grid-row:6;align-self:center}
 #documentDetail.tradeSalesReturnLayout #creditAmount{grid-column:6;grid-row:6}
 #documentDetail.tradeSalesReturnLayout #creditForm:has(#creditAmount:disabled)>label[for=creditAmount],
 #documentDetail.tradeSalesReturnLayout #creditAmount:disabled{display:none}
 #documentDetail.tradeSalesReturnLayout #creditItems{grid-row:7;min-height:340px;height:calc(100vh - 419px);max-height:none;margin:10px 0 0}
 #documentDetail.tradeSalesReturnLayout #creditItems.hidden{display:none}
 #documentDetail.tradeSalesReturnLayout #creditItems .table{width:100%;min-width:942px;table-layout:fixed}
 #documentDetail.tradeSalesReturnLayout #creditItems th{height:51px;padding:6px 5px;font-size:11px;text-align:left;position:sticky;top:0;z-index:1}
 #documentDetail.tradeSalesReturnLayout #creditItems td{padding:2px 4px;font-size:11px;text-align:right;vertical-align:middle;overflow-wrap:anywhere}
 #documentDetail.tradeSalesReturnLayout #creditItems td:nth-child(-n+4){text-align:left}
 #documentDetail.tradeSalesReturnLayout #creditItems tr:nth-child(even){background:#f4f4f5}
 #documentDetail.tradeSalesReturnLayout #creditItems small{display:block;font-size:10px;color:#56616d;line-height:1.35}
 #documentDetail.tradeSalesReturnLayout #creditItems input{width:100%!important;height:29px;text-align:right}
 #documentDetail.tradeSalesReturnLayout #tradeReturnBlanks{color:#85898d}
 #documentDetail.tradeSalesReturnLayout #tradeReturnBlanks tr{background:#fff}
 #documentDetail.tradeSalesReturnLayout #tradeReturnBlanks tr.tradeReturnBlankEven{background:#f4f4f5}
 #documentDetail.tradeSalesReturnLayout #creditEstimate{display:none}
 #documentDetail.tradeSalesReturnLayout #tradeReturnTotals{grid-column:4/7;grid-row:8;display:flex;gap:8px;justify-self:end;margin-top:7px}
 #documentDetail.tradeSalesReturnLayout #tradeReturnTotals>div{display:flex;flex-direction:column;text-align:right}
 #documentDetail.tradeSalesReturnLayout #tradeReturnTotals span{padding:5px;border:1px solid #d5d5d5;background:#ebedf0;font-weight:600}
 #documentDetail.tradeSalesReturnLayout #tradeReturnTotals b{padding:5px;border:1px solid #d5d5d5;border-top:0;font-weight:400;white-space:nowrap}
 #documentDetail.tradeSalesReturnLayout #creditForm>label:has(#creditStockReturn){grid-column:1/4;grid-row:8;line-height:1.5;margin-top:10px}
 #documentDetail.tradeSalesReturnLayout #creditBack{grid-column:3;grid-row:9;margin-top:10px}
 #documentDetail.tradeSalesReturnLayout #creditSave{grid-column:4;grid-row:9;margin-top:10px}
 #documentDetail.tradeSalesReturnLayout #creditReturnHint{grid-row:10;margin-top:8px}
 #documentDetail.tradeSalesReturnLayout #creditHint{grid-row:11}
}
@media screen and (max-width:760px){
 #documentDetail.tradeSalesReturnLayout #tradeReturnHeader{display:flex;flex-direction:column;gap:8px}
 #documentDetail.tradeSalesReturnLayout #tradeReturnHeader>label{grid-template-columns:100px minmax(0,1fr)}
 #documentDetail.tradeSalesReturnLayout #creditItems{height:340px;max-width:100%;margin-top:4px}
 #documentDetail.tradeSalesReturnLayout #tradeReturnTotals{align-self:flex-end;max-width:100%;flex-wrap:wrap}
 #documentDetail.tradeSalesReturnLayout #creditForm>button{width:100%}
}

/* Offer reference: denomination at the left of the three actual total cells. */
@media screen {
 #invoice.tradeQuoteLayout #invoiceTotalCurrency{align-self:end;min-width:42px;height:25px;box-sizing:border-box;border:1px solid #d5d5d5;background:#ebedf0;padding:5px;text-align:center;font-size:12px;color:#212529}
 #invoice.tradeInvoiceLayout #invoiceBlankRows td:first-child{text-align:center;color:#555}
}

/* Implemented quote metadata only: native quote lifecycle/status stays unchanged. */
/* Verified standalone Offer Save only. Keep the original submit's accessible
   action text and all neighbouring working actions; no placeholder workflows. */
@media screen {
 #invoice.tradeQuoteLayout .docActions button[type=submit]{box-sizing:border-box;flex:none;width:30px;min-width:30px;max-width:30px;height:30px;min-height:30px;padding:0;border:1px solid transparent;border-radius:0;background-color:#f0f0f0;background-image:url("reference-icons/Save32.png");background-position:center;background-size:28px 28px;background-repeat:no-repeat;font-size:0;line-height:0;cursor:pointer}
 #invoice.tradeQuoteLayout .docActions button[type=submit]:focus-visible{outline:2px solid #005b9a;outline-offset:2px}
 #invoice.tradeQuoteLayout .docActions button[type=submit]:disabled{opacity:.5;cursor:not-allowed}
}
@media screen and (forced-colors:active){
 #invoice.tradeQuoteLayout .docActions button[type=submit]{width:auto;min-width:30px;max-width:none;height:auto;min-height:30px;padding:4px 8px;background:ButtonFace;background-image:none;color:ButtonText;border:1px solid ButtonText;font-size:12px;line-height:normal}
}

#quoteMetadataFields[hidden]{display:none!important}
@media screen {
 #invoice.tradeQuoteLayout #quoteMetadataFields{display:contents}
 #invoice.tradeQuoteLayout #quoteMetadataFields>label{align-self:center;margin:0;font-size:12px}
 #invoice.tradeQuoteLayout #quoteMetadataFields>input,#invoice.tradeQuoteLayout #quoteMetadataFields>select{width:100%;height:29px;min-width:0;padding:3px 6px;border:1px solid #bfc4ca;background:#fff;font-size:12px}
 #invoice.tradeQuoteLayout label[for=quoteMetadataUnit]{grid-column:3;grid-row:1}
 #invoice.tradeQuoteLayout #quoteMetadataUnit{grid-column:4;grid-row:1}
 #invoice.tradeQuoteLayout label[for=quoteMetadataDescription]{grid-column:5;grid-row:1}
 #invoice.tradeQuoteLayout #quoteMetadataDescription{grid-column:6;grid-row:1}
 #invoice.tradeQuoteLayout #quoteMetadataStatus{grid-column:1/-1;grid-row:6;margin:0;font-size:12px;color:#a12622}
 #invoice.tradeQuoteLayout #quoteMetadataStatus:empty{display:none}
}
@media screen and (max-width:760px){
 #invoice.tradeQuoteLayout #quoteMetadataFields{display:grid;grid-template-columns:100px minmax(0,1fr);gap:7px}
 #invoice.tradeQuoteLayout #quoteMetadataFields>*{grid-column:auto!important;grid-row:auto!important}
 #invoice.tradeQuoteLayout #quoteMetadataStatus{grid-column:1/-1!important}
}

/* Working Offer Save-and-New: same reference icon geometry as standalone Save. */
@media screen {
 #invoice.tradeQuoteLayout .docActions #quoteSaveAndNew{box-sizing:border-box;flex:none;width:30px;min-width:30px;max-width:30px;height:30px;min-height:30px;padding:0;border:1px solid transparent;border-radius:0;background-color:#f0f0f0;background-image:url("reference-icons/SaveAndNew32.png");background-position:center;background-size:28px 28px;background-repeat:no-repeat;font-size:0;line-height:0;cursor:pointer}
 #invoice.tradeQuoteLayout .docActions #quoteSaveAndNew:focus-visible{outline:2px solid #005b9a;outline-offset:2px}
 #invoice.tradeQuoteLayout .docActions #quoteSaveAndNew:disabled{opacity:.5;cursor:not-allowed}
}
@media screen and (forced-colors:active){
 #invoice.tradeQuoteLayout .docActions #quoteSaveAndNew{width:auto;min-width:30px;max-width:none;height:auto;min-height:30px;padding:4px 8px;background:ButtonFace;background-image:none;color:ButtonText;border:1px solid ButtonText;font-size:12px;line-height:normal}
}

/* Verified Offer and Sales/Purchase invoice New navigation control. */
@media screen {
 #invoice.tradeInvoiceLayout .docActions #quoteNewForm{box-sizing:border-box;flex:none;width:30px;min-width:30px;max-width:30px;height:30px;min-height:30px;padding:0;border:1px solid transparent;border-radius:0;background-color:#f0f0f0;background-image:url("reference-icons/New32.png");background-position:center;background-size:28px 28px;background-repeat:no-repeat;font-size:0;line-height:0;cursor:pointer}
 #invoice.tradeInvoiceLayout .docActions #quoteNewForm:focus-visible{outline:2px solid #005b9a;outline-offset:2px}
 #invoice.tradeInvoiceLayout .docActions #quoteNewForm:disabled{opacity:.5;cursor:not-allowed}
}
@media screen and (forced-colors:active){
 #invoice.tradeInvoiceLayout .docActions #quoteNewForm{width:auto;min-width:30px;max-width:none;height:auto;min-height:30px;padding:4px 8px;background:ButtonFace;background-image:none;color:ButtonText;border:1px solid ButtonText;font-size:12px;line-height:normal}
}

@media screen {
 /* Reference toolbar button origins are55px apart:30px control +25px gap. */
 #invoice.tradeQuoteLayout .docActions{gap:25px}
 #invoice.tradeQuoteLayout .docActions :is(button[type=submit],#quoteSaveAndNew,#quoteNewForm){margin:0}
}

/* 2026-10-21 same-viewport reference: 1180x757. Restore measured header
   rhythm and grid inset instead of compressing the source screenshot. Missing
   financial controls remain absent; existing secondary actions stay reachable. */
@media screen and (min-width:761px){
 #invoice.tradeInvoiceLayout.salesInvoiceLayout{width:calc(100% - 10px);box-sizing:border-box;padding:5px 12px 9px;min-height:calc(100vh - 48px)}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .docTop{min-height:33.456px;padding:0;border:0}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .docTop h1{font-size:27.88px;line-height:33.456px;margin:0}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceMode{top:10px;right:0}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout #invoiceForm{grid-template-columns:8.544% 23.095% 11.081% 23.095% 11.09% 23.095%;grid-template-rows:repeat(4,25px) 36px 0 minmax(319px,calc(100vh - 438px)) 114px;gap:11px 0;margin-top:14.7315px;border:0;background:transparent}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .billingMainFields>label{grid-template-columns:27% minmax(0,1fr);gap:0;padding-left:24px;font-size:12px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout :is(#invoiceNumberLabel,label[for=invDate],#invoiceDueLabel){padding-left:24px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceFields>label{font-size:12px;text-align:left}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout :is(.invoiceFields>input,.invoiceFields>select,.billingMainFields input,.billingMainFields select){height:25px;padding:2px 5px;font-size:12px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout #partner{width:calc(100% - 30px)}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout #invNo{width:calc(100% - 29px)}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout #invoicePartnerFacts{line-height:1.8;font-size:12px;padding-top:0;white-space:pre-line}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceCurrency{grid-column:1/-1;grid-row:5;justify-content:flex-start;align-self:start;padding-left:7.5%;margin:10px 0 0;gap:15px;font-size:12px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceCurrency output{padding:2px 7px;min-width:48px;height:25px;box-sizing:border-box}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceCurrency output:nth-of-type(2){width:100px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceTableWrap{height:100%;min-height:319px;box-sizing:border-box;margin:-2px 10px 0}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .items{width:908px;min-width:908px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .items :is(th,td,input){font-size:12px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceFooter{margin:0;padding:11px 11px 13px;min-height:114px;height:114px;box-sizing:border-box;grid-template-columns:minmax(0,1fr);grid-template-rows:30px 60px;gap:0;border:0}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceFooterTools{grid-column:1;grid-row:1;align-self:start;flex-wrap:wrap;gap:5px;min-width:0}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceFooterTools .ghost{min-height:24px;padding:2px 5px;font-size:11px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .docActions{grid-column:1;grid-row:2;justify-self:start;align-self:end;display:flex;gap:25px;margin:0 0 0 calc(50% - 265.6px);width:auto}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .docActions #invoiceSaveAndNew{order:1}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .docActions button[type=submit]{order:2}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .docActions #quoteNewForm{order:3}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .docActions #invoicePrintChoiceLabel{order:0;display:inline-flex;align-self:end;align-items:center;font-size:0;margin:0 -11.9px 0 0}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout #invoicePrintChoice{height:20px;width:155px;max-width:155px;font-size:11px;padding:0 4px;border:1px solid #bfc4ca;background:#fff}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .totals{grid-column:1;grid-row:2;display:flex;align-items:end;gap:7px;margin:0;width:auto;min-width:95px;align-self:end}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout #invoiceTotalCurrency{box-sizing:border-box;min-width:36px;height:25px;padding:5px;border:1px solid #d5d5d5;background:#ebedf0;text-align:center;font-size:12px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .totals .grand>span,#invoice.tradeInvoiceLayout.salesInvoiceLayout .totals .grand>b{min-height:23px;padding:4px 6px;font-size:12px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .billingPolicyControls{grid-column:1/-1;grid-row:8;justify-self:end;margin:11px 11px 0;align-self:start;max-width:48%}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout #billingPaymentFields:not([hidden]){grid-row:6;position:relative}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout:is(:has(#billingPaymentFields:not([hidden])),.tradeNeedsRecovery) #invoiceForm{grid-template-rows:repeat(4,25px) 36px auto minmax(319px,calc(100vh - 438px)) 114px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout.tradeNeedsRecovery #billingInvoiceHint{grid-row:11}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceDatePresentation,#invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceDatePresentation input,#invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceDatePresentation .invoiceDateCalendar{height:25px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceDatePresentation input[type=text]{padding:2px 5px;font-size:12px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceDatePresentation .invoiceDateCalendar{width:25px;flex-basis:25px}
}
@media screen {
 #invoice.tradeInvoiceLayout.salesInvoiceLayout #invoiceSalesSearch{box-sizing:border-box;width:24px;min-width:24px;height:24px;min-height:24px;padding:0;font-size:0;border:1px solid transparent;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10' cy='10' r='6' fill='none' stroke='%23367d92' stroke-width='3'/%3E%3Cpath d='m15 15 6 6' stroke='%23367d92' stroke-width='3'/%3E%3C/svg%3E") center/18px 18px no-repeat}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout #invoiceSalesSearch:focus-visible{outline:2px solid #005b9a;outline-offset:2px}
}
@media screen and (max-width:760px){
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .docActions{flex-wrap:wrap;gap:8px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout #invoicePrintChoiceLabel{display:flex;align-items:center;gap:5px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout #invoicePrintChoice{max-width:100%;min-height:30px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout #invoiceTotalCurrency{font-size:11px;text-align:right}
}
@media screen and (forced-colors:active){
 #invoice.tradeInvoiceLayout.salesInvoiceLayout #invoiceSalesSearch{width:auto;min-width:24px;background:ButtonFace;color:ButtonText;border:1px solid ButtonText;font-size:12px;padding:2px 5px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceFooter{height:auto;min-height:114px;grid-template-rows:auto auto;gap:12px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .docActions{flex-wrap:wrap;margin-left:0}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout #invoicePrintChoiceLabel{font-size:11px}
}
/* Retain the measured client input footprint; popup is out of normal layout. */
#invoice.salesInvoiceLayout #salesClientPicker{grid-column:2;grid-row:1;width:calc(100% - 30px);position:relative;min-width:0}
#invoice.salesInvoiceLayout #salesClientQuery{box-sizing:border-box;width:100%;height:25px;padding:2px 5px;font-size:12px}
#salesClientPicker[hidden],#salesClientOptions[hidden]{display:none!important}
#salesClientOptions{position:absolute;z-index:30;top:100%;left:0;min-width:100%;width:max-content;max-width:min(380px,70vw);max-height:230px;overflow:auto;background:white;border:1px solid #7d8991;box-shadow:0 3px 8px #0002;font-size:12px}
#salesClientOptions>[role=option],#salesClientOptions>[role=status]{padding:5px 7px;overflow-wrap:anywhere;cursor:default}
#salesClientOptions>[aria-selected=true],#salesClientOptions>[role=option]:hover{background:#dcecf6;color:#123}
#invoice.salesInvoiceLayout #invoicePartnerFacts{white-space:pre-line;line-height:18px;padding-left:8px}
@media screen and (min-width:761px){
 #invoice.tradeInvoiceLayout.salesInvoiceLayout #invoicePartnerFacts{line-height:18px;padding-left:8px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .docTop{position:relative}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .docTop::after{content:'';position:absolute;left:0;right:0;top:39px;border-top:1px solid #ddd;pointer-events:none}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceFooter{position:relative}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceFooter::before,#invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceFooter::after{content:'';position:absolute;left:0;right:0;border-top:1px solid #ddd;pointer-events:none}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceFooter::before{top:4px}
 #invoice.tradeInvoiceLayout.salesInvoiceLayout .invoiceFooter::after{top:42px}
}
@media screen and (max-width:760px){
 #invoice.salesInvoiceLayout #salesClientPicker{width:100%}
 #invoice.salesInvoiceLayout #salesClientQuery{height:29px}
}
@media (forced-colors:active){
 #salesClientOptions>[aria-selected=true]{outline:2px solid Highlight;outline-offset:-2px;background:Highlight;color:HighlightText}
}