/* Tianxinhui CRM V2.5.3 - approved quotation/invoice typography and pagination. */
.document-pages{display:grid;gap:12mm;justify-items:center;min-width:210mm}
.document-page{width:210mm;min-height:297mm;margin:0;padding:6.5mm 9mm 5.5mm;overflow:visible;color:#172c42;background:#fff;box-shadow:0 14px 40px rgba(25,39,63,.15);font-family:"Times New Roman",Times,serif;font-size:10.8pt;font-weight:400;line-height:1.34;box-sizing:border-box}
.document-page *{font-family:"Times New Roman",Times,serif;box-sizing:border-box}
.document-page h1,.document-page h2,.document-page h3,.document-page strong,.document-page th{font-weight:700}
.document-page p,.document-page dt,.document-page dd,.document-page small,.document-page td{font-weight:400}
.document-page p,.document-page dd,.document-page strong,.document-page small{overflow-wrap:anywhere}
.document-page table{page-break-inside:auto}.document-page tr{break-inside:avoid;page-break-inside:avoid}.document-page thead{display:table-header-group}

/* Shared continuation and annex elements. */
.doc-continuation{display:flex;height:18mm;align-items:center;justify-content:space-between;margin-bottom:5mm;padding-bottom:3mm;border-bottom:1.8px solid #174f7d}
.doc-continuation-brand{display:flex;min-width:0;align-items:center;gap:3mm}.doc-continuation-brand>div:last-child{min-width:0}.doc-continuation-brand strong{display:block;color:#173957;font-size:9.2pt}.doc-continuation-brand small{display:block;margin-top:.7mm;color:#748698;font-size:7.2pt}
.doc-continuation>div:last-child{text-align:right}.doc-continuation>div:last-child span{display:block;color:#b0823d;font-size:8pt;font-weight:700;letter-spacing:.8px}.doc-continuation>div:last-child strong{display:block;margin-top:1mm;color:#173957;font-size:8.4pt}
.document-annex-summary{display:grid;min-height:38mm;align-content:center;margin:5mm 0;padding:5mm 6mm;background:#f5f8fb;border:1px solid #d7e2eb;border-left:3px solid #174f7d;border-radius:1.5mm}.document-annex-summary span{color:#b0823d;font-size:8pt;font-weight:700;letter-spacing:1px}.document-annex-summary strong{display:block;margin-top:1.5mm;color:#173957;font-size:15pt}.document-annex-summary p{max-width:145mm;margin:2mm 0 0;color:#5f7082;font-size:8.6pt;line-height:1.45}
.document-annex-products{margin-top:2mm}.document-annex-page .qa3-endnote,.document-annex-page .ci-footer{margin-top:auto}

/* Quotation - approved single-page design. */
.quote-page{color:#172c42}
.quote-page .qa3-header{display:grid;grid-template-columns:minmax(0,1fr) 65mm;gap:5mm;height:19mm;align-items:center;padding-bottom:3mm;border-bottom:1.8px solid #174f7d}
.quote-page .qa3-brand{display:flex;min-width:0;max-width:none;align-items:center;gap:2.7mm}.quote-page .qa3-brand>div:last-child{min-width:0;padding-left:2.7mm;border-left:1px solid #d8e2ea}
.quote-page .qa3-logo,.quote-page .qa3-logo.image{display:grid;flex:0 0 15mm;width:15mm;height:15mm;place-items:center;padding:1mm;overflow:hidden;color:#fff;background:#174f7d;border:0;border-radius:2mm;font-size:8pt}.quote-page .qa3-logo.image{background:#fff;border:1px solid #d7e1e9}.quote-page .qa3-logo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.quote-page .qa3-brand strong{display:block;color:#173957;font-size:10pt;line-height:1.22}.quote-page .qa3-brand span{display:block;margin-top:.8mm;color:#748698;font-size:8pt}
.quote-page .qa3-document-title{width:65mm;text-align:right;white-space:nowrap}.quote-page .qa3-document-title>span{color:#b0823d;font-size:7.5pt;font-weight:700;letter-spacing:1px}.quote-page .qa3-document-title h1{margin:.6mm 0 .3mm;color:#173957;font-size:24pt;font-weight:700;line-height:1;letter-spacing:1.5px}.quote-page .qa3-document-title strong{font-size:8.2pt}
.quote-page .qa3-overview{display:grid;grid-template-columns:1fr 1fr 1.2fr .75fr;height:13mm;margin:3mm 0;padding:0;background:#f3f7fa;border:1px solid #d9e3eb;border-radius:1.2mm}.quote-page .qa3-overview div{display:flex;flex-direction:column;justify-content:center;padding:0 2.6mm;border-right:1px solid #dce4eb}.quote-page .qa3-overview div:last-child{border:0}.quote-page .qa3-overview span{color:#7c8c9c;font-size:7.8pt}.quote-page .qa3-overview strong{margin-top:.7mm;color:#183c5a;font-size:9.2pt}
.quote-page .qa3-parties{display:grid;grid-template-columns:1fr 1fr;gap:3.5mm;margin-bottom:3mm}.quote-page .qa3-parties article{position:relative;min-height:39mm;padding:4.4mm 3.5mm 3mm;border:1px solid #d7e1e9;border-radius:1.2mm}.quote-page .qa3-party-label{position:absolute;left:3.5mm;top:-2.2mm;padding:.9mm 2mm;color:#fff;background:#174f7d;border-radius:1mm;font-size:7.4pt;font-weight:700;letter-spacing:.7px}.quote-page .qa3-party-label.buyer{background:#b0823d}.quote-page .qa3-parties h2{margin:1.4mm 0 1mm;color:#173a57;font-size:9.7pt}.quote-page .qa3-parties p{min-height:9mm;margin:0 0 1.5mm;color:#5f7183;white-space:pre-line;font-size:8.5pt}.quote-page .qa3-parties dl{display:grid;grid-template-columns:18mm minmax(0,1fr);gap:.6mm 1.5mm;margin:0}.quote-page .qa3-parties dt{color:#8594a4;font-size:8pt}.quote-page .qa3-parties dd{margin:0;font-size:8.6pt}
.quote-page .qa3-section-heading{display:flex;align-items:center;justify-content:flex-start;margin-bottom:2mm}.quote-page .qa3-section-heading>div{display:flex;align-items:center;gap:2mm}.quote-page .qa3-section-heading>div>span{display:grid;width:6mm;height:6mm;place-items:center;color:#fff;background:#b0823d;border-radius:50%;font-size:7.5pt;font-weight:700}.quote-page .qa3-section-heading h2{margin:0;color:#174f7d;font-size:9.6pt;letter-spacing:.7px}.quote-page .qa3-section-heading>small{display:none}
.quote-page .qa3-products-section{margin-bottom:3mm}.quote-page .qa3-products{width:100%;border-collapse:collapse;table-layout:fixed}.quote-page .qa3-products th{height:8mm;padding:1mm 1.4mm;color:#fff;background:#174f7d;border-right:1px solid rgba(255,255,255,.22);font-size:8.3pt;line-height:1.15;text-align:left}.quote-page .qa3-products td{height:25mm;padding:1.6mm;color:#243a4e;border:1px solid #d4dee7;vertical-align:middle;font-size:9.2pt;line-height:1.3}.quote-page .qa3-products tbody tr:nth-child(even){background:#f8fafc}.quote-page .qa3-products th:nth-child(1){width:11mm;text-align:center}.quote-page .qa3-products th:nth-child(2){width:47mm}.quote-page .qa3-products th:nth-child(3){width:auto}.quote-page .qa3-products th:nth-child(4){width:15mm;text-align:center}.quote-page .qa3-products th:nth-child(5){width:24mm;text-align:center}.quote-page .qa3-products th:nth-child(6){width:27mm;text-align:center}.quote-page .qa3-products td:nth-child(1),.quote-page .qa3-products td:nth-child(4),.quote-page .qa3-products td:nth-child(5),.quote-page .qa3-products td:nth-child(6){text-align:center}
.quote-page .qa3-product{display:grid;grid-template-columns:18mm minmax(0,1fr);align-items:center;gap:2mm}.quote-page .qa3-product img,.quote-page .qa3-image-placeholder{grid-row:1/3;width:18mm;height:18mm;margin:0;object-fit:contain;border-radius:1.2mm}.quote-page .qa3-image-placeholder{display:grid;place-items:center;color:#41709e;background:#eef3f8;border:1px dashed #bac9d8;text-align:center;font-size:7pt}.quote-page .qa3-product h3{margin:0;color:#163d5f;font-size:9.1pt;line-height:1.25}.quote-page .qa3-product span{margin:0;color:#758699;font-size:8pt}.quote-page .qa3-spec{white-space:normal!important;line-height:1.32}.quote-page .qa3-spec small{display:block;margin-top:.8mm;padding-top:.7mm;color:#697b8d;border-top:1px dashed #d6e0e8;font-size:7.8pt}
.quote-page .qa3-commercial{display:grid;grid-template-columns:minmax(0,1fr) 53mm;gap:3.5mm;min-height:29mm;margin-bottom:3mm}.quote-page .qa3-commercial>article{padding:3mm;background:#f7f9fb;border:1px solid #d6e0e8;border-radius:1.2mm}.quote-page .qa3-commercial dl{display:grid;grid-template-columns:25mm minmax(0,1fr);gap:.8mm 1.7mm;margin:0}.quote-page .qa3-commercial dt{color:#7c8a9a;font-size:8pt}.quote-page .qa3-commercial dd{margin:0;font-size:8.6pt}.quote-page .qa3-commercial>aside{display:flex;flex-direction:column;justify-content:center;padding:2.8mm 3mm;color:#fff;background:#174f7d;border-radius:1.2mm}.quote-page .qa3-commercial>aside span,.quote-page .qa3-commercial>aside small{color:#c7d7e3;font-size:7.5pt}.quote-page .qa3-commercial>aside b{color:#fff;font-size:8.5pt}.quote-page .qa3-commercial .qa3-subtotal-list{display:grid;grid-template-columns:1fr auto;gap:1mm;margin-top:1.4mm}.quote-page .qa3-commercial .qa3-shipping-line{display:flex;justify-content:space-between;margin-top:1.2mm;padding-top:1.2mm;border-top:1px solid rgba(255,255,255,.18)}.quote-page .qa3-commercial .qa3-grand-total{margin-top:1.4mm;padding-top:1.4mm;border-top:1px solid rgba(255,255,255,.25)}.quote-page .qa3-commercial .qa3-grand-total strong{display:block;color:#fff;font-size:11pt}.quote-page .qa3-commercial .qa3-grand-total em{font-size:7pt;font-style:normal}
.quote-page .qa3-bank{min-height:43mm;margin-bottom:3mm;padding:3.2mm 3.5mm;border:1px solid #d3dee7;border-left:2px solid #174f7d;border-radius:1.2mm}.qa3-bank-grid-v253{display:grid;grid-template-columns:1.25fr .75fr;gap:5mm}.qa3-bank-grid-v253>dl{display:grid;grid-template-columns:23mm minmax(0,1fr);gap:1mm 1.7mm;margin:0}.qa3-bank-grid-v253>dl:last-child{padding-left:4mm;border-left:1px solid #dce5ec}.quote-page .qa3-bank dt{color:#738496;font-size:8pt}.quote-page .qa3-bank dd{margin:0;font-size:8.7pt;font-weight:400}.qa3-bank-wide,.qa3-bank-note{display:grid;grid-template-columns:25mm minmax(0,1fr);gap:1.7mm;margin-top:1.8mm;padding-top:1.5mm;border-top:1px solid #e0e7ed}.qa3-bank-note{grid-template-columns:25mm minmax(0,1fr) 20mm minmax(0,1fr);margin-top:1.4mm}.qa3-bank-wide span,.qa3-bank-note span{color:#738496;font-size:8pt}.qa3-bank-wide p,.qa3-bank-note p{margin:0;font-size:8.7pt;font-weight:400}
.quote-page .qa3-footer{display:grid;grid-template-columns:1fr 27mm 1fr;align-items:stretch;gap:0;min-height:25mm;padding:0;background:#fbfcfd;border:1px solid #d8e1e8;border-radius:1.2mm}.quote-page .qa3-footer>div:first-child,.quote-page .qa3-footer>div:last-child{display:grid;align-content:center;gap:.8mm;padding:3mm 4mm}.quote-page .qa3-footer>div:last-child{border-left:1px solid #e0e7ed}.quote-page .qa3-footer span{color:#b0823d;font-size:8pt;font-weight:700}.quote-page .qa3-footer strong{font-size:9pt}.quote-page .qa3-footer small{color:#748598;font-size:7.8pt}.quote-page .qa3-stamp{display:grid;place-items:center}.quote-page .qa3-stamp img{max-width:22mm;max-height:22mm}.quote-page .qa3-stamp>span{display:grid;width:21mm;height:21mm;place-items:center;color:#c35151;background:#fff;border:1px dashed #d9a5a5;border-radius:50%;text-align:center;font-size:6.5pt}.quote-page .qa3-endnote{display:flex;height:7mm;align-items:center;justify-content:space-between;margin-top:0;padding-top:1.5mm;border-top:0}.quote-page .qa3-endnote span{color:#174f7d;font-size:7.5pt;font-weight:700}.quote-page .qa3-endnote p{margin:0;color:#7a8998;font-size:7.2pt}

/* Commercial invoice - approved larger type, no duplicate logistics strip. */
.invoice-page{color:#203345}
.invoice-page .ci-header{display:grid;grid-template-columns:minmax(0,1fr) 79mm;gap:5mm;height:25mm;align-items:center;padding-bottom:3mm;border-bottom:1.8px solid #174d75}
.invoice-page .ci-company{display:flex;min-width:0;max-width:none;align-items:center;gap:2.7mm}.invoice-page .ci-company>div:last-child{min-width:0;padding-left:2.7mm;border-left:1px solid #d8e2ea}.invoice-page .ci-logo,.invoice-page .ci-logo.image{display:grid;flex:0 0 15mm;width:15mm;height:15mm;place-items:center;padding:1mm;overflow:hidden;color:#fff;background:#174d75;border:0;border-radius:2mm;font-size:8pt}.invoice-page .ci-logo.image{background:#fff;border:1px solid #d7e1e9}.invoice-page .ci-logo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.invoice-page .ci-company strong{display:block;color:#153a57;font-size:10pt;line-height:1.22}.invoice-page .ci-company span{display:block;margin-top:.8mm;color:#748698;font-size:8pt}
.invoice-page .ci-title{display:flex;width:79mm;align-items:flex-end;justify-self:end;flex-direction:column;text-align:right}.invoice-page .ci-title>span{margin-bottom:1.2mm;color:#b0823d;font-size:7.5pt;font-weight:700;letter-spacing:1px;white-space:nowrap}.invoice-page .ci-title h1{margin:0;color:#153a57;font-size:21.5pt;font-weight:700;line-height:.9;letter-spacing:1.1px;text-align:right;white-space:normal}
.invoice-page .ci-meta{display:grid;grid-template-columns:1.1fr 1.1fr .85fr .85fr;height:13mm;margin:3mm 0;padding:0;background:#f3f7f9;border:1px solid #d9e3e9;border-radius:1.2mm}.invoice-page .ci-meta div{display:flex;flex-direction:column;justify-content:center;padding:0 2.6mm;border-right:1px solid #d7e0e6}.invoice-page .ci-meta div:last-child{border:0}.invoice-page .ci-meta span{color:#7c8c9c;font-size:7.8pt}.invoice-page .ci-meta strong{margin-top:.7mm;color:#173a56;font-size:9.2pt}
.invoice-page .ci-parties{display:grid;grid-template-columns:1fr 1fr;gap:3.5mm;margin-bottom:3.2mm}.invoice-page .ci-parties article{position:relative;min-height:39mm;padding:4.4mm 3.5mm 3mm;border:1px solid #d5e0e7;border-radius:1.2mm}.invoice-page .ci-party-label{position:absolute;left:3.5mm;top:-2.2mm;padding:.9mm 2mm;color:#fff;background:#174d75;border-radius:1mm;font-size:7.4pt;font-weight:700}.invoice-page .ci-party-label.buyer{background:#b0823d}.invoice-page .ci-parties h2{margin:1.4mm 0 1mm;color:#173c59;font-size:9.7pt}.invoice-page .ci-parties p{min-height:9mm;margin:0 0 1.5mm;color:#5f7183;white-space:pre-line;font-size:8.5pt}.invoice-page .ci-parties dl{display:grid;grid-template-columns:18mm minmax(0,1fr);gap:.6mm 1.5mm;margin:0}.invoice-page .ci-parties dt{color:#8594a4;font-size:8pt}.invoice-page .ci-parties dd{margin:0;font-size:8.6pt}
.invoice-page .ci-section-title{display:flex;align-items:center;gap:2mm;margin-bottom:2mm}.invoice-page .ci-section-title>span{display:grid;width:6mm;height:6mm;place-items:center;color:#fff;background:#b0823d;border-radius:50%;font-size:7.5pt;font-weight:700}.invoice-page .ci-section-title h2{margin:0;color:#174d75;font-size:9.6pt;letter-spacing:.7px}
.invoice-page .ci-goods{margin-bottom:3.5mm}.invoice-page .ci-goods table{width:100%;border-collapse:collapse;table-layout:fixed}.invoice-page .ci-goods th{height:8mm;padding:1mm 1.4mm;color:#fff;background:#174d75;border-right:1px solid rgba(255,255,255,.22);font-size:8.3pt;line-height:1.15}.invoice-page .ci-goods td{height:23mm;padding:1.6mm;color:#243a4e;border:1px solid #d4dee7;vertical-align:middle;font-size:9.2pt;line-height:1.3}.invoice-page .ci-goods tbody tr:nth-child(even){background:#f8fafc}.invoice-page .ci-goods th:nth-child(1){width:12mm;text-align:center}.invoice-page .ci-goods th:nth-child(2){width:24mm;text-align:center}.invoice-page .ci-goods th:nth-child(3){width:auto;text-align:left}.invoice-page .ci-goods th:nth-child(4){width:22mm;text-align:center}.invoice-page .ci-goods th:nth-child(5){width:27mm;text-align:center}.invoice-page .ci-goods th:nth-child(6){width:30mm;text-align:center}.invoice-page .ci-goods td:nth-child(1),.invoice-page .ci-goods td:nth-child(2),.invoice-page .ci-goods td:nth-child(4),.invoice-page .ci-goods td:nth-child(5),.invoice-page .ci-goods td:nth-child(6){text-align:center}.invoice-page .ci-product-image img,.invoice-page .ci-product-image>span{display:grid;width:18mm;height:17mm;place-items:center;margin:auto;object-fit:contain;color:#41709e;background:#eef3f8;border:1px dashed #bac9d8;border-radius:1.2mm;font-size:7pt}.invoice-page .ci-goods td>small{display:block;margin-top:.5mm;color:#7f8d9d;font-size:7.8pt}
.invoice-page .ci-financial{display:grid;grid-template-columns:minmax(0,1fr) 58mm;gap:3.5mm;min-height:35mm;margin-bottom:3.5mm}.invoice-page .ci-financial>article{padding:3.3mm 3.5mm;background:linear-gradient(135deg,#f8fafc,#f1f6fa);border:1px solid #d6e0e8;border-left:2.2px solid #174d75;border-radius:1.2mm}.invoice-page .ci-financial dl{display:grid;grid-template-columns:25mm minmax(0,1fr) 24mm minmax(0,1fr);gap:1.1mm 1.7mm;margin:0}.invoice-page .ci-financial dt{color:#738496;font-size:8pt}.invoice-page .ci-financial dd{margin:0;font-size:8.6pt}.invoice-page .ci-financial>aside{display:flex;flex-direction:column;justify-content:center;padding:3mm 3.5mm;color:#fff;background:#174d75;border-radius:1.2mm}.invoice-page .ci-financial>aside>span{color:#c5d6e1;font-size:8pt;letter-spacing:.8px}.invoice-page .ci-financial>aside>div{display:flex;align-items:baseline;justify-content:space-between;gap:2mm;margin-top:1.5mm}.invoice-page .ci-financial>aside strong{font-size:12pt}.invoice-page .ci-financial>aside small{color:#d3e0e8;font-size:7.7pt}.invoice-page .ci-financial>aside p{margin:1.8mm 0 0;padding-top:1.5mm;color:#c5d6e1;border-top:1px solid rgba(255,255,255,.2);font-size:7.7pt}
.invoice-page .ci-declaration{display:grid;grid-template-columns:minmax(0,1fr) 64mm;gap:4mm;min-height:29mm;padding:3mm 3.5mm;border:1px solid #d5dfe7;border-radius:1.2mm}.invoice-page .ci-declaration p{margin:0;color:#607181;font-size:8.6pt;line-height:1.38}.invoice-page .ci-declaration small{display:block;margin-top:1.4mm;color:#83919f;font-size:7.9pt}.invoice-page .ci-signature{display:grid;grid-template-columns:19mm minmax(0,1fr);align-items:center;gap:3mm;padding-left:4mm;border-left:1px solid #e1e7ec;text-align:left}.invoice-page .ci-signature img,.invoice-page .ci-signature>div{display:grid;width:18mm;height:18mm;place-items:center;margin:0;object-fit:contain;color:#c35151;border:1px dashed #d9a5a5;border-radius:50%;font-size:6pt}.invoice-page .ci-signature section span{display:block;color:#b0823d;font-size:7.5pt;font-weight:700;line-height:1.2;overflow-wrap:normal;word-break:normal;white-space:nowrap}.invoice-page .ci-signature section strong{display:block;margin-top:1.5mm;font-size:8.7pt;white-space:nowrap}
.invoice-page .ci-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4mm;height:8mm;margin-top:2.5mm;padding-top:1.3mm;color:#7d8c9b;border-top:1px solid #dce4ea;font-size:7.5pt}.invoice-page .ci-footer strong{color:#405b73;font-size:7.7pt}

@media(max-width:1500px){.document-pages{justify-items:start}.invoice-pages .invoice-a4{margin-left:0;transform:none!important}.quote-pages .quote-a4{margin-left:0}}
@media(max-width:1050px){.document-pages{gap:8mm}.invoice-pages .invoice-a4{margin-bottom:0;transform:none!important}}

@page{size:A4 portrait;margin:0}
@media print{
  html,body{width:210mm!important;min-width:210mm!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}
  body>*{display:none!important}body>#appPage{display:block!important;position:static!important;width:210mm!important;min-width:210mm!important;margin:0!important;padding:0!important;background:#fff!important}
  #appPage>.sidebar,#appPage .topbar,#appPage .quote-editor,#appPage .quote-preview-toolbar,#appPage .invoice-editor,#appPage .invoice-preview-toolbar{display:none!important}
  #appPage>.main,#appPage .content{display:block!important;position:static!important;width:210mm!important;min-width:210mm!important;margin:0!important;padding:0!important}
  #appPage .content>.view{display:none!important}
  body.printing-quote #appPage #view-tool-quote,body.printing-invoice #appPage #view-tool-invoice{display:block!important;position:static!important;width:210mm!important;min-width:210mm!important;margin:0!important;padding:0!important}
  body.printing-quote #appPage #view-tool-invoice,body.printing-invoice #appPage #view-tool-quote{display:none!important}
  #view-tool-quote>.quote-workspace,#view-tool-quote .quote-preview-shell,#view-tool-invoice>.invoice-workspace,#view-tool-invoice .invoice-preview-shell{display:block!important;position:static!important;width:210mm!important;min-width:210mm!important;margin:0!important;padding:0!important;overflow:visible!important}
  #quotePrintArea.document-pages,#invoicePrintArea.document-pages{display:block!important;position:static!important;width:210mm!important;min-width:210mm!important;margin:0!important;padding:0!important;overflow:visible!important;visibility:visible!important}
  #quotePrintArea.document-pages *,#invoicePrintArea.document-pages *{visibility:visible!important}
  .document-page{display:block!important;position:relative!important;width:210mm!important;min-width:210mm!important;max-width:210mm!important;min-height:297mm!important;margin:0!important;padding:6.5mm 9mm 5.5mm!important;overflow:visible!important;transform:none!important;box-shadow:none!important;break-after:page!important;page-break-after:always!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}
  .document-page:last-child{break-after:auto!important;page-break-after:auto!important}
  .document-page tr,.document-page .qa3-parties,.document-page .qa3-commercial,.document-page .qa3-bank,.document-page .qa3-footer,.document-page .ci-parties,.document-page .ci-financial,.document-page .ci-declaration{break-inside:avoid!important;page-break-inside:avoid!important}
}