/* Carpenter 20-pack, batch 1 (CJ-01..CJ-04): built to the owner's real reference PNGs
   (tools/trades10/pack-templates/carpenter/InvoiceTools_Carpenter_Joiner_20_US_Letter_Claude_Handoff/
   01_TEMPLATES_ORIGINAL) on invoice-generator's .invoice-preview DOM. These are NEW real-crop builds
   registered as cp20-* ids; the older cp10-01..04 gradient-based designs (it-gen-trade-cp10-v1.css)
   are untouched and stay live. Every photo, icon, logo mark and script line is a real crop of the
   reference PNG in /assets/tpl-art/cp20/ (sample business name/contact text painted out via cv2
   inpainting where it duplicated live data); CSS draws only flat fills, rules, table bands and the
   live text. Geometry is in container-query units (1cqw = 1/100 of the sheet width, 1103px reference
   basis) so layout holds at the 794px screen sheet, the 690px export and the 847px print width.
   Generated for the owner's carpenter rollout (trade 4 of the sitewide "pixel perfect" program). */

/* =====================================================================================
   cp20-01-timbercraft  (CJ-01 "Timbercraft Editorial Wood Rail")
   Real crops: the full right-hand wood sidebar (icon mark, service icon column, "Crafted for a
   Better Tomorrow" script, oak dovetail-joint photo) with the sample "TIMBERCRAFT / JOINERY"
   wordmark inpainted out so the live business name can print in its place; the "Thank you" cursive
   note; the small bank-transfer line icon. Flat CSS: the ivory left column, table header band, total
   band, all rule lines, and the bottom contact strip (business email/phone/address are LIVE fields,
   not baked into any crop). Gap: this reference's header stat block (Invoice No / Date / Due date,
   three rows beside the sidebar) only has an Invoice No. slot in invoice-generator's own DOM — the
   real Date/Due date/Terms/Currency fields live in .inv-details further down the body (next to Bill
   to), so they render as a second label:value stack there instead of beside the title. No data is
   missing, only its position differs from the reference photo.
   ===================================================================================== */
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 7.253cqw 10cqw 7.253cqw !important;border:0 !important;border-radius:0 !important;background:#FFFFFF !important;color:#2B2420 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft::after{content:"" !important;position:absolute !important;left:76.881cqw !important;top:0 !important;bottom:0 !important;width:23.119cqw !important;background:#6A4A32 url(/assets/tpl-art/cp20/cp20-01-sidebar.webp) no-repeat 0 0/100% auto !important;z-index:-1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-head{position:static !important;display:block !important;margin:0 !important;padding:6.346cqw 27cqw 0 0 !important;border:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-head::before{content:"QUALITY WOODWORK  \2022  BUILDS BETTER SPACES" !important;display:block !important;margin:0 0 1.5cqw !important;padding-bottom:1.2cqw !important;border-bottom:0.09cqw solid #CDBFAE !important;font:700 0.82cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.2em !important;color:#8A6A47 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-head-left{position:static !important;display:block !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-biz-name{position:absolute !important;left:79.5cqw !important;top:14.5cqw !important;width:17.8cqw !important;margin:0 !important;padding:0 !important;font:800 1.55cqw/1.2 Georgia,'Times New Roman',serif !important;letter-spacing:0.06em !important;color:#F3E6D4 !important;text-align:center !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-biz-contact{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;gap:0 1.2cqw !important;margin:0 !important;padding:0 !important;font:600 0.78cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#6B5B49 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-biz-contact div{display:inline !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-biz-address{margin:0.4cqw 0 0 !important;font:600 0.78cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#6B5B49 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-head-right{position:static !important;display:block !important;margin:2.2cqw 0 0 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-doc-title{display:block !important;margin:0 0 1.5cqw !important;font:900 5.9cqw/1 Georgia,'Times New Roman',serif !important;color:#20170E !important;letter-spacing:-0.01em !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-doc-num{display:block !important;font:700 1.1cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#2B2420 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-doc-num::before{content:"Invoice No:  " !important;font-weight:700 !important;color:#8A6A47 !important;letter-spacing:0.12em !important;text-transform:uppercase !important;font-size:0.72cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-body{position:static !important;display:block !important;margin:3cqw 27cqw 0 0 !important;padding:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft [data-f="payment.methods"]{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-parties{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:2.5cqw !important;margin:0 0 3.5cqw !important;padding:2.5cqw 0 !important;border-top:0.09cqw solid #E4DCD1 !important;border-bottom:0.09cqw solid #E4DCD1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-details{min-width:0 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-block{background:transparent !important;border-radius:0 !important;padding:0 !important;margin:0 !important;flex:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-label{display:block !important;margin:0 0 0.9cqw !important;font:800 0.72cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.14em !important;text-transform:uppercase !important;color:#8A6A47 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-client-name{font:800 1.2cqw/1.5 Georgia,serif !important;color:#20170E !important;margin:0 0 0.3cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-bill-to>div{font:500 0.88cqw/1.65 Inter,'Inter Fallback',sans-serif !important;color:#3B332B !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-details{border-left:0.09cqw solid #E4DCD1 !important;padding-left:2.5cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-detail-row{display:block !important;padding:0.35cqw 0 !important;font:500 0.82cqw/1.5 Inter,'Inter Fallback',sans-serif !important;color:#3B332B !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-detail-row span{display:block !important;font-size:0.68cqw !important;letter-spacing:0.06em !important;text-transform:uppercase !important;color:#8A6A47 !important;margin-bottom:0.15cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-detail-row b{display:block !important;font-weight:700 !important;color:#20170E !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-table{width:100% !important;border-collapse:collapse !important;margin:0 0 2.2cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-table thead th{background:#E7E3DD !important;color:#5B4A37 !important;font:800 0.72cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.1em !important;text-transform:uppercase !important;text-align:left !important;padding:1cqw 1.2cqw !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-table thead th:nth-child(2),.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-table thead th:nth-child(3),.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-table thead th:nth-child(4){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-table td{padding:1.2cqw !important;border-bottom:0.09cqw solid #EFEAE3 !important;font:500 0.88cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#3B332B !important;vertical-align:top !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-table .td-desc{font-weight:700 !important;color:#20170E !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-table .td-num{text-align:right !important;font-variant-numeric:tabular-nums !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-totals{max-width:55% !important;margin:0 0 0 auto !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.6cqw 1.2cqw !important;font:600 0.88cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#3B332B !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-total-grand{background:#D7D3CE !important;margin-top:0.6cqw !important;font:900 1.3cqw/1.6 Georgia,serif !important;color:#20170E !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-payrow{display:block !important;margin:3cqw 0 0 !important;padding-top:2.2cqw !important;border-top:0.09cqw solid #E4DCD1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-block.inv-bank{position:relative !important;padding-left:4.2cqw !important;min-height:3cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-block.inv-bank::before{content:"" !important;position:absolute !important;left:0 !important;top:0.1cqw !important;width:2.7cqw !important;height:2.7cqw !important;background:url(/assets/tpl-art/cp20/cp20-01-bankicon.webp) no-repeat 0 0/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-block.inv-bank div{font:500 0.84cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#3B332B !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-latefee{color:#8A6A47 !important;font-style:italic !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-block.inv-terms{margin-top:2.2cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-block.inv-terms div{font:500 0.82cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#6B5B49 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-signature-row{display:flex !important;justify-content:flex-start !important;margin:3cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-signature{position:relative !important;padding-top:4.5cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-signature::before{content:"" !important;position:absolute !important;left:0 !important;top:-2cqw !important;width:17.679cqw !important;height:5.168cqw !important;background:url(/assets/tpl-art/cp20/cp20-01-thankyou.webp) no-repeat 0 0/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .sig-render{font:italic 600 1.6cqw/1.4 'Brush Script MT',cursive !important;color:#20170E !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .sig-line{width:13cqw !important;border-top:0.09cqw solid #3B332B !important;margin:0.6cqw 0 0.4cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .sig-caption{font:700 0.75cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.08em !important;text-transform:uppercase !important;color:#6B5B49 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-footer-note{margin:3.5cqw 0 0 !important;padding-top:1.5cqw !important;border-top:0.09cqw solid #E4DCD1 !important;font:600 0.78cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#6B5B49 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-powered{margin-top:0.8cqw !important;font:500 0.68cqw/1.6 Inter,'Inter Fallback',sans-serif !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-01-timbercraft).tmpl-cp20-01-timbercraft .inv-powered a{color:#8A6A47 !important}

/* =====================================================================================
   cp20-02-oakgrain  (CJ-02 "Oak Grain Luxury Minimal")
   Real crop: the wood-grain house logo mark (top center). Everything else — the serif wordmark
   (live business name), the two eyebrow taglines, the "Built well. Lived in better." strap line,
   the italic field labels and the cursive signature — is live text/CSS, since none of it is a photo,
   icon or baked script asset: the signature is already the generator's own live sig-render field,
   just styled with a cursive font to match. No data-model gaps; nothing cropped is business data.
   ===================================================================================== */
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:5.5cqw 7.253cqw 8cqw !important;border:0 !important;background:#FEFEFE !important;color:#2E2622 !important;font-family:Georgia,'Times New Roman',serif !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-head{position:relative !important;display:block !important;margin:0 0 3cqw !important;padding:0 0 2.2cqw !important;border-bottom:0.09cqw solid #D8CFC4 !important;text-align:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-head::before{content:"" !important;display:block !important;width:11.423cqw !important;height:11.786cqw !important;margin:0 auto 1.4cqw !important;background:url(/assets/tpl-art/cp20/cp20-02-logo.webp) no-repeat 0 0/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-head-left{position:static !important;display:block !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;text-align:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-biz-name{display:block !important;margin:0 !important;font:400 2.4cqw/1.2 Georgia,'Times New Roman',serif !important;letter-spacing:0.1em !important;text-transform:uppercase !important;color:#2E2622 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-biz-contact{display:block !important;margin:0.4cqw 0 0 !important;font:italic 500 0.82cqw/1.6 Georgia,serif !important;letter-spacing:0.18em !important;text-transform:uppercase !important;color:#8C7A5C !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-biz-contact div{display:inline !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-biz-contact div:not(:last-child)::after{content:"  /  " !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-biz-address::before{content:"BUILT WELL. LIVED IN BETTER." !important;display:block !important;margin:1.1cqw 0 0 !important;font:500 0.74cqw/1.6 Georgia,serif !important;letter-spacing:0.22em !important;color:#8C7A5C !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-biz-address{display:block !important;font-size:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-head-right{position:absolute !important;right:0 !important;top:11cqw !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-doc-title{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-doc-num::before{content:"Invoice No.  " !important;font-style:italic !important;color:#8C7A5C !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-doc-num{font:700 0.92cqw/1.9 Georgia,serif !important;color:#2E2622 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-body{position:relative !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-body::before{content:"INVOICE" !important;display:block !important;margin:0 0 3cqw !important;font:400 4.7cqw/1 Georgia,serif !important;color:#2E2622 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-parties{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:2.5cqw !important;margin:0 0 3.2cqw !important;padding:0 0 2.2cqw !important;border-bottom:0.09cqw solid #D8CFC4 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-details{min-width:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-block{background:transparent !important;border-radius:0 !important;padding:0 !important;margin:0 !important;flex:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-label{display:block !important;margin:0 0 0.9cqw !important;font:italic 500 0.8cqw/1.5 Georgia,serif !important;letter-spacing:0.14em !important;text-transform:uppercase !important;color:#8C7A5C !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-client-name{font:700 1.1cqw/1.6 Georgia,serif !important;color:#2E2622 !important;margin:0 0 0.3cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-bill-to>div{font:400 0.9cqw/1.7 Georgia,serif !important;color:#44392F !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-detail-row{display:flex !important;gap:1cqw !important;padding:0.35cqw 0 !important;font:400 0.88cqw/1.7 Georgia,serif !important;color:#44392F !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-detail-row span{flex:0 0 7cqw !important;font-style:italic !important;color:#8C7A5C !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-detail-row b{font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-table{width:100% !important;border-collapse:collapse !important;margin:0 0 2.2cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-table thead th{background:#EFEAE4 !important;color:#6B5A42 !important;font:italic 500 0.78cqw/1.6 Georgia,serif !important;letter-spacing:0.08em !important;text-transform:uppercase !important;text-align:left !important;padding:1cqw 1.2cqw !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-table thead th:nth-child(2),.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-table thead th:nth-child(3),.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-table thead th:nth-child(4){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-table td{padding:1.2cqw !important;border-bottom:0.07cqw solid #EEE8E0 !important;font:400 0.9cqw/1.7 Georgia,serif !important;color:#2E2622 !important;vertical-align:top !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-table .td-num{text-align:right !important;font-variant-numeric:tabular-nums !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-totals{max-width:55% !important;margin:0 0 0 auto !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.6cqw 1.2cqw !important;font:italic 400 0.9cqw/1.7 Georgia,serif !important;color:#44392F !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-total-grand{background:#D0CDC8 !important;margin-top:0.6cqw !important;font:700 1.3cqw/1.7 Georgia,serif !important;font-style:normal !important;color:#2E2622 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-payrow{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-block.inv-terms{margin:2.5cqw 0 0 !important;padding-top:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-block.inv-terms .inv-label::before{content:"Additional notes" !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-block.inv-terms .inv-label{font-size:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-block.inv-terms .inv-label::before{font-size:0.8cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-block.inv-terms div:not(.inv-label){font:400 0.86cqw/1.7 Georgia,serif !important;color:#44392F !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-signature-row{display:flex !important;justify-content:flex-end !important;margin:3cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-signature{text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .sig-render{font:italic 600 1.9cqw/1.4 'Brush Script MT',cursive !important;color:#2E2622 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .sig-line{width:13cqw !important;margin:0.6cqw 0 0.4cqw auto !important;border-top:0.09cqw solid #44392F !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .sig-caption{font:700 0.84cqw/1.5 Georgia,serif !important;color:#2E2622 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .sig-caption::after{content:"\A Owner / Lead Joiner" !important;white-space:pre !important;display:block !important;font-style:italic !important;font-weight:400 !important;color:#8C7A5C !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-footer-note{margin:3.5cqw 0 0 !important;padding-top:1.5cqw !important;border-top:0.09cqw solid #D8CFC4 !important;text-align:center !important;font:italic 500 0.78cqw/1.6 Georgia,serif !important;color:#8C7A5C !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-powered{margin-top:0.8cqw !important;text-align:center !important;font:400 0.68cqw/1.6 Georgia,serif !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-02-oakgrain).tmpl-cp20-02-oakgrain .inv-powered a{color:#8C7A5C !important}

/* =====================================================================================
   cp20-03-hartwood  (CJ-03 "Hartwood Blueprint")
   Real crops: the wood-grain + navy roof logo mark, the full technical cabinet blueprint diagram
   (top right), the bank/card/PayPal line icons, and the bottom dark footer band (topographic line
   art + "Traditional craftsmanship" tagline) with its sample contact text inpainted out so the live
   business phone/email/address/website can print over it as plain text. Flat CSS: navy table header,
   navy total band, all rules. Gap: same header-stack constraint as CJ-01 — Date/Due date live in
   .inv-details next to Bill to rather than beside the Invoice No. stat, since that is where the real
   DOM places them.
   ===================================================================================== */
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:5.5cqw 7.253cqw 0 !important;border:0 !important;background:#FDFDFB !important;color:#1E2733 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-head{position:relative !important;display:block !important;margin:0 0 3cqw !important;padding:0 0 3cqw 16.5cqw !important;min-height:13.5cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-head::before{content:"" !important;position:absolute !important;left:0 !important;top:0.3cqw !important;width:12.149cqw !important;height:13.055cqw !important;background:url(/assets/tpl-art/cp20/cp20-03-logo.webp) no-repeat 0 0/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-head::after{content:"" !important;position:absolute !important;right:0 !important;top:-1cqw !important;width:47.144cqw !important;height:29.012cqw !important;background:url(/assets/tpl-art/cp20/cp20-03-blueprint.webp) no-repeat 0 0/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-head-left{position:static !important;display:block !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-biz-name{display:block !important;margin:0.4cqw 0 0 !important;font:900 2.1cqw/1.15 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.02em !important;text-transform:uppercase !important;color:#1E2733 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-biz-contact{display:block !important;position:relative !important;margin:0.3cqw 0 0 !important;padding-top:1.9cqw !important;max-width:30cqw !important;font:500 0.76cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#5A6472 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-biz-contact::before{content:"CARPENTRY & JOINERY" !important;position:absolute !important;left:0 !important;top:0 !important;font:700 0.78cqw/1.6 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.18em !important;text-transform:uppercase !important;color:#8C6A2F !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-biz-contact div{display:inline !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-biz-contact div:not(:last-child)::after{content:"  \2022  " !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-biz-address::before{content:"BUILT WITH SKILL. MADE TO LAST." !important;display:block !important;margin:1.1cqw 0 0.6cqw !important;font:600 0.72cqw/1.6 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.14em !important;color:#8A8F96 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-biz-address{font:500 0.76cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#5A6472 !important;border-top:0.09cqw solid #C9CDD3 !important;padding-top:1cqw !important;max-width:21cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-head-right{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-body::before{content:"INVOICE" !important;display:block !important;margin:0 0 2.5cqw !important;font:900 5.2cqw/1 Inter,'Inter Fallback',sans-serif !important;letter-spacing:-0.02em !important;color:#1E2733 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-parties{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:2.2cqw !important;margin:0 0 3cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-details{order:1 !important;min-width:0 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-bill-to{order:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-block{background:transparent !important;border-radius:0 !important;padding:0 !important;margin:0 !important;flex:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-label{display:block !important;margin:0 0 0.9cqw !important;font:800 0.72cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.1em !important;text-transform:uppercase !important;color:#5A6472 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-client-name{font:800 1.1cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#1E2733 !important;margin:0 0 0.3cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-bill-to>div{font:500 0.86cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#3A4350 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-detail-row{display:block !important;padding:0.3cqw 0 !important;font:600 0.86cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#3A4350 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-detail-row span{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-detail-row:nth-of-type(1)::before{content:"INVOICE NO." !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-detail-row:nth-of-type(2)::before{content:"DATE" !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-detail-row:nth-of-type(3)::before{content:"DUE DATE" !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-detail-row:nth-of-type(4)::before{content:"TERMS" !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-detail-row::before{display:block !important;font:800 0.66cqw/1.6 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.1em !important;color:#5A6472 !important;margin-bottom:0.1cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-detail-row b{font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-doc-num{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-table{width:100% !important;border-collapse:collapse !important;margin:0 0 2.2cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-table thead th{background:#1E2733 !important;color:#FFFFFF !important;font:800 0.72cqw/1.6 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.1em !important;text-transform:uppercase !important;text-align:left !important;padding:1cqw 1.2cqw !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-table thead th:nth-child(2),.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-table thead th:nth-child(3),.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-table thead th:nth-child(4){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-table td{padding:1.2cqw !important;border-bottom:0.09cqw solid #E2E6EA !important;font:500 0.88cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#2A3340 !important;vertical-align:top !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-table .td-desc{font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-table .td-num{text-align:right !important;font-variant-numeric:tabular-nums !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-totals{max-width:55% !important;margin:0 0 0 auto !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.6cqw 1.2cqw !important;font:600 0.88cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#3A4350 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-total-grand{background:#1E2733 !important;color:#FFFFFF !important;margin-top:0.6cqw !important;font:800 1.3cqw/1.6 Inter,'Inter Fallback',sans-serif !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-total-grand span{color:#C6CCD3 !important;font:700 0.8cqw/1.6 Inter,'Inter Fallback',sans-serif !important;text-transform:uppercase !important;letter-spacing:0.08em !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-payrow{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:2.5cqw !important;margin:3cqw 0 0 !important;padding-top:0 !important;border-top:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-block.inv-bank{position:relative !important;padding-left:4.4cqw !important;min-height:3.2cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-block.inv-bank::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;width:3.2cqw !important;height:3.65cqw !important;background:url(/assets/tpl-art/cp20/cp20-03-bankicon.webp) no-repeat 0 0/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-block.inv-bank div{display:block !important;font:500 0.8cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#3A4350 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-latefee{color:#8C6A2F !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-block.inv-terms{position:relative !important;padding-left:4.4cqw !important;min-height:3.2cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-block.inv-terms::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;width:3.2cqw !important;height:3.65cqw !important;background:url(/assets/tpl-art/cp20/cp20-03-cardicon.webp) no-repeat 0 0/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-block.inv-terms .inv-label::before{content:"Credit card" !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-block.inv-terms .inv-label{font-size:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-block.inv-terms .inv-label::before{font-size:0.72cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-block.inv-terms div:not(.inv-label){font:500 0.84cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#3A4350 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-signature-row{display:flex !important;justify-content:flex-end !important;margin:2.8cqw 0 3cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-signature{text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .sig-render{font:italic 600 1.7cqw/1.4 'Brush Script MT',cursive !important;color:#1E2733 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .sig-line{width:13cqw !important;margin:0.6cqw 0 0.4cqw auto !important;border-top:0.09cqw solid #3A4350 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .sig-caption{font:800 0.78cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.06em !important;color:#1E2733 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-footer-note{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-powered{position:relative !important;margin:3cqw -7.253cqw 0 !important;padding:1.6cqw 7.253cqw 1.6cqw 7.253cqw !important;background:#1E2733 url(/assets/tpl-art/cp20/cp20-03-footerband.webp) no-repeat 0 0/100% 100% !important;text-align:right !important;min-height:14.143cqw !important;box-sizing:border-box !important;font:700 0.76cqw/1.6 Inter,'Inter Fallback',sans-serif !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-03-hartwood).tmpl-cp20-03-hartwood .inv-powered a{color:#D9B978 !important}

/* =====================================================================================
   cp20-04-hartwooddark  (CJ-04 "Hartwood Dark Sidebar")
   Real crops: the tan roof/house logo mark, four contact line icons (phone/mail/globe/pin), and the
   wood-shavings photo with its "Quality in Every Detail" script line (bottom of the dark sidebar).
   Flat CSS: the full-height charcoal sidebar panel, the cream "Grand Total" band, the amber header
   rule, table bands. Field-mapping note: the sidebar's live business email/phone/address print next
   to the four real cropped icons; business.website has no dedicated icon slot in the reference next
   to those four rows, so it is appended as a fifth plain row using the globe icon's visual style.
   ===================================================================================== */
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;background:#FDFCFB !important;color:#20242A !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;text-align:left !important;overflow:hidden !important;isolation:isolate !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:26.292cqw !important;background:#15181C !important;z-index:-1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark::after{content:"" !important;position:absolute !important;left:0 !important;top:69cqw !important;width:26.292cqw !important;height:40.435cqw !important;background:#15181C url(/assets/tpl-art/cp20/cp20-04-photo.webp) no-repeat 0 0/100% 100% !important;z-index:-1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-head{position:static !important;display:block !important;margin:0 !important;padding:6cqw 7.253cqw 2.5cqw calc(26.292cqw + 7.253cqw) !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-head-left{position:absolute !important;left:6.165cqw !important;top:5.258cqw !important;width:19cqw !important;max-width:none !important;margin:0 !important;padding:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-head-left::before{content:"" !important;display:block !important;width:13.962cqw !important;height:13.055cqw !important;margin:0 0 1cqw !important;background:url(/assets/tpl-art/cp20/cp20-04-logo.webp) no-repeat 0 0/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-biz-name{display:block !important;margin:0 !important;font:900 1.65cqw/1.2 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.02em !important;text-transform:uppercase !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-biz-contact{display:flex !important;flex-direction:column !important;gap:0.8cqw !important;margin:2.2cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-biz-contact div{position:relative !important;padding-left:3.4cqw !important;min-height:2.4cqw !important;font:500 0.76cqw/1.5 Inter,'Inter Fallback',sans-serif !important;color:#D8CFC0 !important;display:flex !important;align-items:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-biz-contact div::before{content:"" !important;position:absolute !important;left:0 !important;top:0.1cqw !important;width:2.3cqw !important;height:2.4cqw !important;background-repeat:no-repeat !important;background-size:100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-biz-contact div:nth-child(1)::before{background-image:url(/assets/tpl-art/cp20/cp20-04-phone.webp) !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-biz-contact div:nth-child(2)::before{background-image:url(/assets/tpl-art/cp20/cp20-04-mail.webp) !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-biz-contact div:nth-child(3)::before{background-image:url(/assets/tpl-art/cp20/cp20-04-globe.webp) !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-biz-address{position:relative !important;margin:0.8cqw 0 0 !important;padding-left:3.4cqw !important;font:500 0.76cqw/1.5 Inter,'Inter Fallback',sans-serif !important;color:#D8CFC0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-biz-address::before{content:"" !important;position:absolute !important;left:0 !important;top:0.15cqw !important;width:2.3cqw !important;height:2.4cqw !important;background:url(/assets/tpl-art/cp20/cp20-04-pin.webp) no-repeat 0 0/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-head-right{position:static !important;display:block !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-doc-title{display:block !important;margin:0 0 0.5cqw !important;font:900 5.2cqw/1 Inter,'Inter Fallback',sans-serif !important;letter-spacing:-0.02em !important;color:#15181C !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-doc-title::after{content:"QUALITY CRAFTSMANSHIP. LASTING VALUE." !important;display:block !important;margin-top:0.8cqw !important;font:700 0.76cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.08em !important;color:#B8793A !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-doc-num{display:block !important;margin-top:1.6cqw !important;font:700 0.84cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#3A4048 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-doc-num::before{content:"INVOICE NO.\A " !important;white-space:pre !important;display:block !important;font:800 0.66cqw/1.6 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.1em !important;color:#8A8F96 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-body{position:static !important;margin:0 !important;padding:0 7.253cqw 8cqw calc(26.292cqw + 7.253cqw) !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-parties{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:2.5cqw !important;margin:0 0 3cqw !important;padding:2.2cqw 0 !important;border-top:0.09cqw solid #E4DED6 !important;border-bottom:0.09cqw solid #E4DED6 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-details{border-left:0.09cqw solid #E4DED6 !important;padding-left:2.5cqw !important;min-width:0 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-block{background:transparent !important;border-radius:0 !important;padding:0 !important;margin:0 !important;flex:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-label{display:block !important;margin:0 0 0.9cqw !important;font:800 0.72cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.1em !important;text-transform:uppercase !important;color:#8A8F96 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-client-name{font:800 1.1cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#15181C !important;margin:0 0 0.3cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-bill-to>div{font:500 0.86cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#3A4048 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-detail-row{display:flex !important;justify-content:space-between !important;gap:1cqw !important;padding:0.32cqw 0 !important;font:500 0.86cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#3A4048 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-detail-row b{font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-table{width:100% !important;border-collapse:collapse !important;margin:0 0 2.2cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-table thead th{background:#2A2E33 !important;color:#FFFFFF !important;font:800 0.72cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.1em !important;text-transform:uppercase !important;text-align:left !important;padding:1cqw 1.2cqw !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-table thead th:nth-child(2),.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-table thead th:nth-child(3),.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-table thead th:nth-child(4){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-table td{padding:1.1cqw 1.2cqw !important;border-bottom:0.07cqw solid #EEE8E0 !important;background:#FBF7F2 !important;font:500 0.86cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#2A3038 !important;vertical-align:top !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-table tr:nth-child(even) td{background:#F3EDE5 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-table .td-num{text-align:right !important;font-variant-numeric:tabular-nums !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-totals{max-width:55% !important;margin:0 0 0 auto !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.6cqw 1.2cqw !important;font:600 0.86cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#3A4048 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-total-grand{background:#E1D9D3 !important;margin-top:0.6cqw !important;font:900 1.3cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#15181C !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-payrow{display:grid !important;grid-template-columns:1fr 1fr !important;gap:2.5cqw !important;margin:3cqw 0 0 !important;padding-top:0 !important;border-top:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-block.inv-bank div{font:500 0.82cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#3A4048 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-latefee{color:#B8793A !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-block.inv-terms div{font:500 0.82cqw/1.7 Inter,'Inter Fallback',sans-serif !important;color:#3A4048 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-signature-row{display:flex !important;justify-content:flex-end !important;margin:3cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-signature{text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .sig-render{font:italic 600 1.7cqw/1.4 'Brush Script MT',cursive !important;color:#15181C !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .sig-line{width:13cqw !important;margin:0.6cqw 0 0.4cqw auto !important;border-top:0.09cqw solid #3A4048 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .sig-caption{font:800 0.78cqw/1.5 Inter,'Inter Fallback',sans-serif !important;letter-spacing:0.06em !important;color:#15181C !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-footer-note{margin:2.5cqw 0 0 !important;font:600 0.78cqw/1.6 Inter,'Inter Fallback',sans-serif !important;color:#3A4048 !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-powered{margin-top:0.8cqw !important;font:500 0.68cqw/1.6 Inter,'Inter Fallback',sans-serif !important}
.invoice-preview:is(#invoicePreview,.tmpl-cp20-04-hartwooddark).tmpl-cp20-04-hartwooddark .inv-powered a{color:#B8793A !important}