/* Tianxinhui CRM V2.5.5 - continuous product flow and print-safe documents. */

.quote-currency-help{margin:0;padding:8px 10px;color:#5f7087;background:#f5f8fc;border:1px solid #e0e7f1;border-radius:8px;font-size:12px;line-height:1.5}

/* Retain the approved V2.5.4-r1 document typography. Only product rows contract when needed. */
.document-page[data-page-product-count="4"] .qa3-products-section,
.document-page[data-page-product-count="4"] .ci-goods{margin-bottom:2mm}
.document-page[data-page-product-count="4"] .qa3-products th,
.document-page[data-page-product-count="4"] .ci-goods th{height:7.5mm;padding:.8mm 1.1mm;font-size:7.8pt}
.document-page[data-page-product-count="4"] .qa3-products td,
.document-page[data-page-product-count="4"] .ci-goods td{height:16.5mm;padding:.75mm 1mm;font-size:7.9pt;line-height:1.16}
.document-page[data-page-product-count="4"] .qa3-product{grid-template-columns:13mm minmax(0,1fr);gap:1.1mm}
.document-page[data-page-product-count="4"] .qa3-product img,
.document-page[data-page-product-count="4"] .qa3-image-placeholder,
.document-page[data-page-product-count="4"] .ci-product-image img,
.document-page[data-page-product-count="4"] .ci-product-image>span{width:12mm;height:12mm}
.document-page[data-page-product-count="4"] .qa3-product h3{font-size:7.8pt;line-height:1.12}
.document-page[data-page-product-count="4"] .qa3-product span,
.document-page[data-page-product-count="4"] .qa3-spec,
.document-page[data-page-product-count="4"] .ci-goods td small{font-size:7.1pt;line-height:1.14}

/* Continuation pages can carry eight compact product rows in sequence. */
.document-product-page[data-page-product-count="8"] .qa3-products th,
.document-product-page[data-page-product-count="8"] .ci-goods th{height:7mm;font-size:7.5pt}
.document-product-page[data-page-product-count="8"] .qa3-products td,
.document-product-page[data-page-product-count="8"] .ci-goods td{height:20mm;padding:.8mm 1mm;font-size:7.8pt;line-height:1.14}
.document-product-page[data-page-product-count="8"] .qa3-product img,
.document-product-page[data-page-product-count="8"] .qa3-image-placeholder,
.document-product-page[data-page-product-count="8"] .ci-product-image img,
.document-product-page[data-page-product-count="8"] .ci-product-image>span{width:14mm;height:14mm}

/* Banking values use one regular type style, including address and payment method. */
.quote-page .qa3-bank-wide p,
.quote-page .qa3-bank-note p{font-weight:400!important;font-family:"Times New Roman",Times,serif!important}

/* Invoice closing blocks: roomy two-column details and a larger paid-amount value. */
.invoice-page .ci-financial{grid-template-columns:minmax(0,1fr) 54mm;gap:4mm;min-height:38mm;margin-bottom:3.5mm}
.invoice-page .ci-financial>article{padding:3.8mm 4mm}
.invoice-page .ci-financial dl{grid-template-columns:27mm minmax(0,1fr) 26mm minmax(0,1fr);gap:1.35mm 2.3mm}
.invoice-page .ci-financial dt{font-size:8.3pt;line-height:1.3}
.invoice-page .ci-financial dd{font-size:8.9pt;line-height:1.3}
.invoice-page .ci-financial>aside{padding:4mm 4.2mm}
.invoice-page .ci-financial>aside>span{font-size:8.4pt;letter-spacing:.65px}
.invoice-page .ci-financial>aside>div{justify-content:flex-start;margin-top:2mm}
.invoice-page .ci-financial>aside strong{font-size:16pt;line-height:1.15;overflow-wrap:anywhere}
.invoice-page .ci-financial>aside small{display:none!important}
.invoice-page .ci-financial>aside p{margin-top:2.2mm;padding-top:1.8mm;font-size:8pt;line-height:1.35}
.invoice-page .ci-declaration{min-height:32mm;padding:3.6mm 4mm;grid-template-columns:minmax(0,1fr) 58mm;gap:4mm}
.invoice-page .ci-declaration p{font-size:8.8pt;line-height:1.46}
.invoice-page .ci-declaration small{margin-top:1.8mm;font-size:8pt}
.invoice-page .ci-signature section{margin-right:20mm}
.invoice-page .ci-signature section span{font-size:7.8pt}
.invoice-page .ci-signature section strong{font-size:9pt}
.invoice-page .ci-signature img{border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}

/* The final business blocks stay together, while product pages flow independently. */
.document-summary-page .qa3-commercial,
.document-summary-page .qa3-bank,
.document-summary-page .qa3-footer,
.document-summary-page .ci-financial,
.document-summary-page .ci-declaration{break-inside:avoid;page-break-inside:avoid}
.document-product-page .doc-continuation,
.document-summary-page .doc-continuation{margin-bottom:4mm}

/* Preserve every palette in browser preview and PDF output. */
.document-page,
.document-page *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}

@page{size:A4 portrait;margin:0}
@media print{
  html,body{width:210mm!important;min-width:210mm!important;max-width:210mm!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}
  body>#appPage,#appPage>.main,#appPage .content,
  #view-tool-quote>.quote-workspace,#view-tool-quote .quote-preview-shell,
  #view-tool-invoice>.invoice-workspace,#view-tool-invoice .invoice-preview-shell,
  #quotePrintArea.document-pages,#invoicePrintArea.document-pages{width:210mm!important;min-width:210mm!important;max-width:210mm!important;margin:0!important;padding:0!important;transform:none!important;scale:1!important;zoom:1!important;overflow:visible!important}
  .document-page{width:210mm!important;min-width:210mm!important;max-width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;margin:0!important;padding:6.5mm 9mm 8mm!important;box-sizing:border-box!important;transform:none!important;scale:1!important;zoom:1!important;overflow:hidden!important;break-after:page!important;page-break-after:always!important}
  .document-page:last-child{break-after:auto!important;page-break-after:auto!important}
  .quote-page .qa3-logo,.quote-page .qa3-party-label,.quote-page .qa3-products th,.quote-page .qa3-commercial>aside,
  .invoice-page .ci-logo,.invoice-page .ci-party-label,.invoice-page .ci-goods th,.invoice-page .ci-financial>aside{background-color:var(--doc)!important;color:#fff!important}
  .quote-page .qa3-party-label.buyer,.quote-page .qa3-section-heading>div>span,
  .invoice-page .ci-party-label.buyer,.invoice-page .ci-section-title>span{background-color:var(--accent)!important;color:#fff!important}
  .quote-page .qa3-overview,.quote-page .qa3-products tbody tr:nth-child(even),.quote-page .qa3-commercial>article,
  .invoice-page .ci-meta,.invoice-page .ci-goods tbody tr:nth-child(even),.invoice-page .ci-financial>article{background-color:var(--soft)!important}
  .quote-page .qa3-endnote,.invoice-page .ci-footer{bottom:2.5mm!important;background:#fff!important}
}

/* ==== VAT / 关税行（TOTAL INVOICE VALUE 板块内，仅标注不参与总额计算） ==== */
.invoice-page .ci-financial>aside{overflow:hidden}
.invoice-page .ci-financial>aside .ci-total-value{margin-top:2mm;min-width:0}
.invoice-page .ci-financial>aside .ci-total-value strong{font-size:16pt;line-height:1.15;white-space:nowrap;overflow:visible;display:block;width:max-content;max-width:100%}
.invoice-page .ci-financial>aside .ci-tax-lines{display:flex;flex-direction:column;gap:1.2mm;margin-top:2.6mm;padding-top:2mm;border-top:1px solid rgba(255,255,255,.28);min-width:0}
.invoice-page .ci-financial>aside .ci-tax-row{display:flex;align-items:center;gap:2.5mm;font-size:8.2pt;line-height:1.6;min-width:0}
.invoice-page .ci-financial>aside .ci-tax-row>span{color:#c6d6e6;flex:0 0 auto;font-size:8.2pt;line-height:1.6}
.invoice-page .ci-financial>aside .ci-tax-row .ci-tax-val{flex:1 1 auto;min-width:0;text-align:right;white-space:nowrap;font-weight:900;font-size:8.2pt;line-height:1.6}
.invoice-page .ci-financial>aside .ci-tax-tag{font-style:normal;font-size:7.2pt;font-weight:900;padding:0 5px;border-radius:4px;letter-spacing:.3px;white-space:nowrap;flex:0 0 auto}
.invoice-page .ci-financial>aside .ci-tax-tag.in{background:#2e8b57;color:#fff}
.invoice-page .ci-financial>aside .ci-tax-tag.ex{background:#b0413e;color:#fff}
@media print{.invoice-page .ci-financial>aside .ci-tax-tag.in{background:#2e8b57!important}.invoice-page .ci-financial>aside .ci-tax-tag.ex{background:#b0413e!important}}