/* Roofer 20-pack, batch 4 (RF-13..RF-16): built against the owner's reference package
   (tools/trades10/pack-templates/roofer/01_TEMPLATES_ORIGINAL + 04_TEMPLATE_SPECS) on
   invoice-generator's .invoice-preview DOM. Every logo mark, hero/roof photo, texture band and
   architectural sketch is a real crop of the reference PNG (1103x1426, 300dpi US Letter) in
   /assets/tpl-art/rf20/; simple generic icons (phone/mail/pin/globe/person/list/house/roof-pitch/
   material/warranty glyphs) are rebuilt with plain CSS/SVG per this project's own master rules doc
   ("simple roof lines, geometric bands, icons and separators should preferably be rebuilt with
   CSS/SVG so they recolor and print sharply"). Sizes are container-query units (the root is an
   inline-size container, 1cqw = 11.03px of the 1103px-wide reference) so screen 794px, export 690px
   and print 847px all match. No sample business/client/invoice data is baked into any crop in this
   batch (every logo crop stops above the sample wordmark; hero/shingle crops keep only generic
   marketing taglines, never a name/number/$ figure) so no inpainting was needed.

   Roofer-specific fields with NO backing field in invoice-generator's real data model (roof pitch,
   total squares/sq ft, roofing material, warranty years, service type checklist, project phase
   amounts/status) are rendered as flagged, un-fabricated placeholders -- see the data-free-edit
   list in the final report for exact element + placeholder text per design. Nothing here invents a
   number or label value for a field the app does not actually track. */

/* ===== rf20-13-techstrip (RF-13 "Technical Roof Details Strip") =====
   Real crops: the roof-icon logo mark (wordmark excluded, rebuilt from real business.name),
   the architectural line-drawing roof sketch with its "Quality roofs, stronger tomorrows" tagline,
   and the dark asphalt-shingle texture photo band with its "Protecting what matters most" tagline.
   Roof pitch / total squares / material / warranty are flagged data-free-edit (no backing field) --
   rendered as muted em-dash placeholders, never a fabricated number. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip{position:relative !important;container-type:inline-size !important;padding:0 !important;margin:0 !important;background:#FFFFFF !important;color:#1B2735 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;border:0 !important;border-radius:0 !important;overflow:hidden !important;min-height:150cqw !important;height:auto !important;isolation:isolate !important;box-shadow:none !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-head{position:relative !important;display:block !important;min-height:20.85cqw !important;height:auto !important;margin:0 !important;padding:3.9cqw 4.08cqw 2.72cqw !important;box-sizing:border-box !important;background:transparent !important;border:0 !important;color:inherit !important;gap:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-head-left{position:static !important;width:54cqw !important;max-width:none !important;margin:0 !important;padding:7.25cqw 0 0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-head::before{content:'' !important;position:absolute !important;left:4.08cqw !important;top:3.26cqw !important;background:url(/assets/tpl-art/rf20/rf20-13-logomark.webp) no-repeat 0 0/100% 100% !important;width:26.75cqw !important;height:7.16cqw !important;pointer-events:none !important;z-index:1 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-head::after{content:'' !important;position:absolute !important;right:4.08cqw !important;top:2.72cqw !important;background:url(/assets/tpl-art/rf20/rf20-13-hero.webp) no-repeat 0 0/100% 100% !important;width:43.07cqw !important;height:18.13cqw !important;pointer-events:none !important;z-index:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-biz-name{display:block !important;max-width:40cqw !important;margin:0 !important;font-size:2.72cqw !important;font-weight:900 !important;letter-spacing:-.01em !important;line-height:1.1 !important;color:#13202E !important;overflow-wrap:anywhere !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-biz-name::after{content:'BUILT HIGHER TOGETHER' !important;display:block !important;margin:0.363cqw 0 0 !important;font-size:0.816cqw !important;font-weight:700 !important;letter-spacing:.14em !important;color:#8F97A3 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-head-left::after{content:'RESIDENTIAL\A COMMERCIAL\A REPAIRS\A REPLACEMENTS' !important;position:absolute !important;left:33cqw !important;top:3.6cqw !important;width:16cqw !important;padding:0 0 0 1.1cqw !important;border-left:0.091cqw solid #C7CDD5 !important;white-space:pre-line !important;font-size:0.816cqw !important;font-weight:800 !important;letter-spacing:.1em !important;line-height:1.86cqw !important;color:#57606E !important;z-index:1 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-biz-contact{display:flex !important;flex-direction:column !important;gap:0.272cqw !important;margin:1.179cqw 0 0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-biz-contact>div,.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip  .inv-biz-address{font-size:1.088cqw !important;line-height:1.541cqw !important;color:#57606E !important;overflow-wrap:anywhere !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-biz-address{margin:0.272cqw 0 0 !important;max-width:34cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-logo{position:absolute !important;left:4.08cqw !important;top:0 !important;max-width:12cqw !important;max-height:7cqw !important;object-fit:contain !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-head-right{position:static !important;width:54cqw !important;margin:1.9cqw 0 0 !important;padding:0 !important;text-align:left !important;z-index:2 !important;clear:both !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-doc-title{font-size:3.99cqw !important;font-weight:900 !important;letter-spacing:-.01em !important;color:#13202E !important;margin:0 0 1.36cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-doc-num{display:block !important;font-size:1.088cqw !important;line-height:1.72cqw !important;color:#57606E !important;opacity:1 !important;}
/* bill-to / project row */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-body{position:static !important;display:grid !important;grid-template-columns:1fr !important;margin:0 !important;padding:2.72cqw 4.08cqw 0 !important;box-sizing:border-box !important;background:transparent !important;border:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-parties{position:static !important;display:flex !important;gap:5.44cqw !important;margin:0 !important;padding:0 0 1.995cqw !important;border-bottom:0.091cqw solid #E5E8EC !important;background:transparent !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-label{font-size:1.088cqw !important;font-weight:800 !important;letter-spacing:0 !important;text-transform:none !important;color:#13202E !important;margin:0 0 0.635cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-bill-to{max-width:none !important;width:31cqw !important;font-size:1.179cqw !important;line-height:1.72cqw !important;color:#57606E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-client-name{font-size:1.269cqw !important;font-weight:800 !important;color:#13202E !important;margin:0 0 0.272cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-shipping{width:31cqw !important;padding:0 !important;border:0 !important;font-size:1.179cqw !important;line-height:1.72cqw !important;color:#57606E !important;margin:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-details{display:none !important;}
/* roof details strip */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-notes{order:6 !important;position:relative !important;margin:2.72cqw 0 0 !important;padding:1.995cqw 2.17cqw !important;background:#F7F8FA !important;border-radius:0.454cqw !important;font-size:1.088cqw !important;line-height:1.63cqw !important;color:#57606E !important;box-sizing:border-box !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-notes>.inv-label{font-size:1cqw !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#13202E !important;margin-bottom:0.635cqw !important;}
/* "Roof details at a glance" band -- a flex sibling inside .inv-parties that wraps to its own
   full-width row below Bill To / Project Address, matching the reference's position between the
   parties row and the table. A real crop of the asphalt-shingle texture photo anchors the right
   edge; pitch/squares/material/warranty values have no backing field (flagged, muted em-dash). */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-parties{flex-wrap:wrap !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-parties::before{content:'ROOF DETAILS AT A GLANCE' !important;order:5 !important;flex:1 0 100% !important;display:block !important;box-sizing:border-box !important;margin:2.17cqw 0 0 !important;font-size:1.269cqw !important;font-weight:800 !important;letter-spacing:.05em !important;color:#13202E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-parties::after{content:'ROOF PITCH   —\A TOTAL SQUARES   —\A MATERIAL   —\A WARRANTY   —' !important;order:6 !important;flex:1 0 100% !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0.816cqw 0 0 !important;padding:1.995cqw 29.3cqw 1.995cqw 6.2cqw !important;min-height:12.5cqw !important;white-space:pre-line !important;background:url(/assets/tpl-art/rf20/rf20-13-ic-pitch.webp) no-repeat 2.72cqw 2.32cqw/1.8cqw 1.8cqw,url(/assets/tpl-art/rf20/rf20-13-ic-squares.webp) no-repeat 2.72cqw 4.77cqw/1.8cqw 1.8cqw,url(/assets/tpl-art/rf20/rf20-13-ic-material.webp) no-repeat 2.72cqw 7.22cqw/1.8cqw 1.8cqw,url(/assets/tpl-art/rf20/rf20-13-ic-warranty.webp) no-repeat 2.72cqw 9.67cqw/1.8cqw 1.8cqw,url(/assets/tpl-art/rf20/rf20-13-shingle.webp) no-repeat 100% 50%/27.6cqw 100%,#EEF1F4 !important;border-radius:0.544cqw !important;font-size:0.98cqw !important;font-weight:800 !important;letter-spacing:.05em !important;line-height:2.45cqw !important;color:#57606E !important;}
/* table */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-table{order:6 !important;width:100% !important;margin:2.72cqw 0 0 !important;border:0 !important;border-collapse:collapse !important;table-layout:fixed !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-table thead th{height:3.9cqw !important;padding:0 1.088cqw !important;background:#13202E !important;border:0 !important;font-size:1cqw !important;font-weight:800 !important;letter-spacing:.07em !important;text-transform:uppercase !important;color:#FFFFFF !important;text-align:right !important;vertical-align:middle !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-table thead th:first-child{text-align:left !important;padding-left:1.36cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-table thead th:nth-child(2){width:9cqw !important;text-align:center !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-table thead th:nth-child(3){width:14cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-table thead th:last-child{width:15cqw !important;padding-right:1.36cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-table tbody td{padding:1.088cqw !important;border:0 !important;border-bottom:0.091cqw solid #E5E8EC !important;background:#F7F8FA !important;font-size:1.179cqw !important;color:#3D4650 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-table tbody tr:nth-child(even) td{background:#FFFFFF !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-table tbody td.td-desc{text-align:left !important;padding-left:1.36cqw !important;font-weight:700 !important;color:#13202E !important;overflow-wrap:anywhere !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-table tbody td.td-num{text-align:right !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-table tbody td:last-child{padding-right:1.36cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-table tr.ige-addrow td{padding:0.635cqw 0 !important;border:0 !important;background:transparent !important;text-align:left !important;}
/* totals */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-totals{order:7 !important;width:38cqw !important;margin:2.72cqw 0 0 auto !important;padding:0 !important;border:0 !important;background:transparent !important;box-sizing:border-box !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-totals>div{display:flex !important;justify-content:space-between !important;margin:0 !important;padding:0.635cqw 1.36cqw !important;border:0 !important;background:#EEF1F4 !important;font-size:1.179cqw !important;color:#3D4650 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-totals>div+div{margin-top:0.181cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-totals>div b{font-weight:700 !important;color:#13202E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-totals>div.inv-total-grand{margin-top:0.816cqw !important;padding:1.36cqw !important;background:#13202E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-totals>div.inv-total-grand span{font-size:1.269cqw !important;font-weight:800 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#FFFFFF !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-totals>div.inv-total-grand b{font-size:2.267cqw !important;font-weight:800 !important;color:#FFFFFF !important;white-space:nowrap !important;}
/* payment / signature / footer */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-block{order:8 !important;margin:2.72cqw 0 0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-terms,.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip  .inv-bank{font-size:1.088cqw !important;line-height:1.63cqw !important;color:#57606E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-payrow{order:9 !important;position:static !important;display:block !important;margin:1.995cqw 0 0 !important;padding:0 !important;border:0 !important;background:transparent !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip [data-f="payment.methods"] .pm-doc-h{font-size:1.088cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#13202E !important;margin:0 0 0.816cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip [data-f="payment.methods"] .pm-doc-card b{font-size:1cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip [data-f="payment.methods"] .pm-doc-card>div>div{font-size:0.98cqw !important;color:#57606E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .pm-qr{width:8cqw !important;height:8cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-signature-row{order:10 !important;margin:2.72cqw 0 0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .sig-caption{font-size:0.98cqw !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#57606E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-block.inv-terms::after{content:'LICENSED   ·   INSURED   ·   TRUSTED   ·   LOCALLY OWNED' !important;display:block !important;margin:1.36cqw 0 0 !important;font-size:0.816cqw !important;font-weight:800 !important;letter-spacing:.1em !important;color:#8F97A3 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-footer-note{order:11 !important;margin:2.72cqw 0 0 !important;padding:1.995cqw 0 0 !important;border-top:0.091cqw solid #E5E8EC !important;font-style:normal !important;font-size:0.98cqw !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8F97A3 !important;text-align:center !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-powered{order:12 !important;margin:1.179cqw 0 2.72cqw !important;text-align:center !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-13-techstrip).tmpl-rf20-13-techstrip .inv-powered a{color:#8F97A3 !important;font-size:0.907cqw !important;text-decoration:none !important;}

/* ===== rf20-14-editorialgold (RF-14 "Summit Ridge Editorial Gold") =====
   Real crops: the two-tone (navy/gold) roof-icon logo mark (wordmark excluded, rebuilt from the
   real business.name in a serif face), the small two-tone mountain icon beside the project card,
   and the 4 gold contact glyphs (phone/mail/pin/globe). No sample data baked into any crop. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold{position:relative !important;container-type:inline-size !important;padding:0 !important;margin:0 !important;background:#FFFFFF !important;color:#1C1C1C !important;font-family:'Libre Caslon Text','Cormorant Garamond',Georgia,'Times New Roman',serif !important;border:0 !important;border-radius:0 !important;overflow:hidden !important;min-height:148cqw !important;height:auto !important;isolation:isolate !important;box-shadow:none !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-head{position:relative !important;display:block !important;margin:0 !important;padding:4.9cqw 4.08cqw 0 !important;box-sizing:border-box !important;background:transparent !important;border:0 !important;color:inherit !important;min-height:0 !important;gap:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-head::before{content:'' !important;position:absolute !important;left:50% !important;top:1.36cqw !important;transform:translateX(-50%) !important;background:url(/assets/tpl-art/rf20/rf20-14-logomark.webp) no-repeat 0 0/100% 100% !important;width:39.89cqw !important;height:7.07cqw !important;pointer-events:none !important;z-index:1 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-head-left{position:static !important;width:100% !important;max-width:none !important;margin:0 0 0 !important;padding:10.1cqw 0 0 !important;text-align:center !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-biz-name{display:block !important;max-width:100% !important;margin:0 !important;font-size:3.44cqw !important;font-weight:400 !important;letter-spacing:.03em !important;line-height:1.15 !important;color:#13202E !important;overflow-wrap:anywhere !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-biz-name::after{content:'HIGHER STANDARDS FOR A SAFER TOMORROW' !important;display:block !important;margin:0.816cqw 0 0 !important;font-family:Inter,'Inter Fallback',sans-serif !important;font-size:0.816cqw !important;font-weight:600 !important;letter-spacing:.22em !important;color:#8A7A42 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-biz-contact{position:absolute !important;right:4.08cqw !important;top:5.44cqw !important;display:flex !important;flex-direction:column !important;gap:0.907cqw !important;width:26cqw !important;text-align:left !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-biz-contact>div{position:relative !important;padding:0 0 0 2.45cqw !important;font-family:Inter,'Inter Fallback',sans-serif !important;font-size:1cqw !important;line-height:1.36cqw !important;color:#1C1C1C !important;overflow-wrap:anywhere !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-biz-contact>[data-f="business.phone"]{order:1 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-biz-contact>[data-f="business.email"]{order:2 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-biz-contact>[data-f="business.website"]{order:3 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-biz-address{position:absolute !important;right:4.08cqw !important;top:11.5cqw !important;width:26cqw !important;margin:0 !important;padding:0 0 0 2.45cqw !important;font-family:Inter,'Inter Fallback',sans-serif !important;font-size:1cqw !important;line-height:1.36cqw !important;color:#1C1C1C !important;overflow-wrap:anywhere !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-biz-contact>div::before,.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold  .inv-biz-address::before{content:'' !important;position:absolute !important;left:0 !important;top:0.09cqw !important;width:1.88cqw !important;height:1.88cqw !important;background:no-repeat 50% 50%/80% 80% !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-biz-contact>[data-f="business.phone"]::before{background-image:url(/assets/tpl-art/rf20/rf20-14-ic-phone.webp) !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-biz-contact>[data-f="business.email"]::before{background-image:url(/assets/tpl-art/rf20/rf20-14-ic-mail.webp) !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-biz-contact>[data-f="business.website"]::before{background-image:url(/assets/tpl-art/rf20/rf20-14-ic-globe.webp) !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-biz-address::before{background-image:url(/assets/tpl-art/rf20/rf20-14-ic-pin.webp) !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-logo{position:absolute !important;left:50% !important;top:1.36cqw !important;transform:translateX(-50%) !important;max-width:9cqw !important;max-height:7cqw !important;object-fit:contain !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-head-right{position:static !important;width:auto !important;margin:0 !important;padding:0 !important;text-align:left !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-doc-title{position:relative !important;margin:5.17cqw 0 0 !important;padding:1.995cqw 0 0 !important;border-top:0.136cqw solid #C9A74B !important;font-size:5.44cqw !important;font-weight:400 !important;letter-spacing:0 !important;color:#13202E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-doc-title::after{content:'QUALITY ROOFS. STRONGER TOMORROWS.' !important;display:block !important;margin:0.816cqw 0 0 !important;font-family:Inter,'Inter Fallback',sans-serif !important;font-size:0.816cqw !important;font-weight:700 !important;letter-spacing:.14em !important;color:#8A7A42 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-doc-num{display:flex !important;justify-content:space-between !important;gap:2.72cqw !important;max-width:40cqw !important;margin:2.72cqw 0 0 auto !important;padding:0 0 0 2.72cqw !important;border-left:0.091cqw solid #C9A74B !important;font-family:Inter,'Inter Fallback',sans-serif !important;font-size:0.98cqw !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#1C1C1C !important;opacity:1 !important;}
/* bill-to / project cards */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-body{position:static !important;display:block !important;margin:0 !important;padding:0 4.08cqw !important;box-sizing:border-box !important;background:transparent !important;border:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-parties{position:relative !important;display:flex !important;gap:1.995cqw !important;margin:3.26cqw 0 0 !important;padding:2.72cqw !important;background:#F7F5EE !important;box-sizing:border-box !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-head-right::before{content:'' !important;position:absolute !important;right:2.72cqw !important;top:2.72cqw !important;background:url(/assets/tpl-art/rf20/rf20-14-mtnicon.webp) no-repeat 0 0/100% 100% !important;width:13.15cqw !important;height:5.89cqw !important;z-index:0 !important;pointer-events:none !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-head-right::after{content:"PROTECT YOUR HOME\A FROM WHAT'S NEXT" !important;position:absolute !important;right:2.72cqw !important;top:8.9cqw !important;width:13.15cqw !important;box-sizing:border-box !important;font-family:Inter,'Inter Fallback',sans-serif !important;font-size:0.635cqw !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;text-align:center !important;line-height:1.1cqw !important;color:#8F97A3 !important;white-space:pre-line !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-label{font-family:Inter,'Inter Fallback',sans-serif !important;font-size:0.907cqw !important;font-weight:800 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#8A7A42 !important;margin:0 0 0.816cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-bill-to{max-width:none !important;width:38cqw !important;font-family:Inter,'Inter Fallback',sans-serif !important;font-size:1.088cqw !important;line-height:1.63cqw !important;color:#3D3D3D !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-client-name{font-size:1.36cqw !important;font-weight:800 !important;color:#13202E !important;margin:0 0 0.453cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-shipping{width:38cqw !important;padding:0 !important;border:0 !important;font-family:Inter,'Inter Fallback',sans-serif !important;font-size:1.088cqw !important;line-height:1.63cqw !important;color:#3D3D3D !important;margin:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-shipping .inv-label-inline{display:block !important;font-size:0 !important;margin:0 0 0.816cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-shipping .inv-label-inline::after{content:'PROJECT / SITE ADDRESS' !important;font-family:Inter,'Inter Fallback',sans-serif !important;font-size:0.907cqw !important;font-weight:800 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#8A7A42 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-details{display:none !important;}
/* notes / totals */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-table{width:100% !important;margin:3.26cqw 0 0 !important;border:0 !important;border-collapse:collapse !important;table-layout:fixed !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-table thead th{height:3.62cqw !important;padding:0 1.088cqw !important;background:#1C1C1C !important;border:0 !important;font-family:Inter,'Inter Fallback',sans-serif !important;font-size:0.98cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#FFFFFF !important;text-align:right !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-table thead th:first-child{text-align:left !important;padding-left:1.36cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-table thead th:nth-child(2){width:11cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-table thead th:nth-child(3){width:14cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-table thead th:last-child{width:15cqw !important;padding-right:1.36cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-table tbody td{padding:1.179cqw 1.088cqw !important;border:0 !important;border-bottom:0.091cqw solid #EBE7DA !important;font-family:Inter,'Inter Fallback',sans-serif !important;font-size:1.088cqw !important;color:#3D3D3D !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-table tbody td.td-desc{text-align:left !important;padding-left:1.36cqw !important;font-weight:700 !important;color:#13202E !important;overflow-wrap:anywhere !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-table tbody td.td-num{text-align:right !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-table tbody td:last-child{padding-right:1.36cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-table tr.ige-addrow td{padding:0.635cqw 0 !important;border:0 !important;background:transparent !important;text-align:left !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-notes{margin:2.72cqw 0 0 !important;padding:0 !important;width:46cqw !important;font-family:Inter,'Inter Fallback',sans-serif !important;font-size:1.088cqw !important;line-height:1.63cqw !important;color:#3D3D3D !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-notes>.inv-label::before{content:'' !important;display:inline-block !important;width:1.36cqw !important;border-top:0.136cqw solid #C9A74B !important;margin-right:0.544cqw !important;vertical-align:middle !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-totals{width:38cqw !important;margin:1.36cqw 0 0 auto !important;padding:0 !important;border:0 !important;background:transparent !important;box-sizing:border-box !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-totals>div{display:flex !important;justify-content:space-between !important;margin:0 !important;padding:0.635cqw 0 !important;border:0 !important;font-family:Inter,'Inter Fallback',sans-serif !important;font-size:1cqw !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#3D3D3D !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-totals>div b{font-weight:700 !important;color:#13202E !important;letter-spacing:0 !important;text-transform:none !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-totals>div.inv-total-grand{margin-top:0.816cqw !important;padding:1.36cqw !important;background:#F3EFE3 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-totals>div.inv-total-grand span{font-size:1cqw !important;font-weight:800 !important;letter-spacing:.1em !important;color:#8A7A42 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-totals>div.inv-total-grand b{font-family:Inter,'Inter Fallback',sans-serif !important;font-size:2cqw !important;font-weight:800 !important;color:#1C1C1C !important;white-space:nowrap !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-block{margin:2.72cqw 0 0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-terms,.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold  .inv-bank{width:46cqw !important;font-family:Inter,'Inter Fallback',sans-serif !important;font-size:1cqw !important;line-height:1.63cqw !important;color:#3D3D3D !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-payrow{position:static !important;display:block !important;margin:1.995cqw 0 0 !important;padding:0 !important;border:0 !important;background:transparent !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold [data-f="payment.methods"] .pm-doc-h{font-family:Inter,'Inter Fallback',sans-serif !important;font-size:0.907cqw !important;font-weight:800 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#8A7A42 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold [data-f="payment.methods"] .pm-doc-card b{font-family:Inter,'Inter Fallback',sans-serif !important;font-size:0.98cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold [data-f="payment.methods"] .pm-doc-card>div>div{font-family:Inter,'Inter Fallback',sans-serif !important;font-size:0.95cqw !important;color:#3D3D3D !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .pm-qr{width:7.5cqw !important;height:7.5cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-signature-row{margin:2.72cqw 0 0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-signature .sig-render{font-family:'Libre Caslon Text','Cormorant Garamond',Georgia,serif !important;font-style:italic !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .sig-line{border-top-color:#C9A74B !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .sig-caption{font-family:Inter,'Inter Fallback',sans-serif !important;font-size:0.907cqw !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8A7A42 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-footer-note{margin:3.26cqw 0 0 !important;padding:1.995cqw 0 0 !important;border-top:0.091cqw solid #EBE7DA !important;font-style:normal !important;font-family:Inter,'Inter Fallback',sans-serif !important;font-size:0.907cqw !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#8A7A42 !important;text-align:center !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-powered{margin:1.179cqw 0 2.72cqw !important;text-align:center !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-14-editorialgold).tmpl-rf20-14-editorialgold .inv-powered a{color:#8A7A42 !important;font-size:0.816cqw !important;text-decoration:none !important;font-family:Inter,'Inter Fallback',sans-serif !important;}

/* ===== rf20-15-cardgrid (RF-15 "Card Grid Service Type") =====
   Real crops: the two-tone roof-icon logo mark (wordmark excluded) and the full-bleed roof-photo
   hero with its diagonal "Strong roofs, brighter tomorrows" tagline band and the real crop of its
   small roof-mark card-header icon. The Bill To / Project / Service-type card icons (person, pin,
   list) are simple CSS circle glyphs per the master rules doc's "rebuild simple icons with CSS"
   instruction. Roof Details (type/pitch/material/sq ft) and Service Type (checklist) have no
   backing field in invoice-generator's data model -> flagged data-free-edit placeholders, never a
   fabricated value. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid{position:relative !important;container-type:inline-size !important;padding:0 !important;margin:0 !important;background:#FFFFFF !important;color:#1B2735 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;border:0 !important;border-radius:0 !important;overflow:hidden !important;min-height:158cqw !important;height:auto !important;isolation:isolate !important;box-shadow:none !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-head{position:relative !important;display:block !important;min-height:28cqw !important;height:auto !important;margin:0 !important;padding:3.9cqw 4.08cqw 2.17cqw !important;box-sizing:border-box !important;background:transparent !important;border:0 !important;color:inherit !important;gap:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-head::after{content:'' !important;position:absolute !important;right:0 !important;top:0 !important;background:url(/assets/tpl-art/rf20/rf20-15-hero.webp) no-repeat 0 0/100% 100% !important;width:56cqw !important;height:19.1cqw !important;pointer-events:none !important;z-index:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-head-left{position:static !important;width:44cqw !important;max-width:none !important;margin:0 !important;padding:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-head-left::before{content:'' !important;display:block !important;background:url(/assets/tpl-art/rf20/rf20-15-logomark.webp) no-repeat 0 0/100% 100% !important;width:35cqw !important;height:14.65cqw !important;margin:0 0 0.816cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-biz-name{display:block !important;max-width:100% !important;margin:0 !important;font-size:2.72cqw !important;font-weight:900 !important;letter-spacing:-.01em !important;line-height:1.1 !important;color:#13202E !important;overflow-wrap:anywhere !important;position:relative !important;z-index:1 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-biz-contact{display:flex !important;flex-direction:column !important;gap:0.272cqw !important;margin:1.179cqw 0 0 !important;position:relative !important;z-index:1 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-biz-contact>div,.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid  .inv-biz-address{font-size:1.088cqw !important;line-height:1.541cqw !important;color:#57606E !important;overflow-wrap:anywhere !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-biz-address{margin:0.272cqw 0 0 !important;max-width:34cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-logo{position:relative !important;z-index:1 !important;max-width:12cqw !important;max-height:7cqw !important;object-fit:contain !important;margin:0 0 0.816cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-head-right{position:absolute !important;right:4.08cqw !important;top:20.4cqw !important;width:48cqw !important;margin:0 !important;padding:0 !important;text-align:right !important;z-index:1 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-doc-title{font-size:3.99cqw !important;font-weight:900 !important;letter-spacing:-.01em !important;color:#13202E !important;margin:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-doc-title::after{content:'QUALITY WORK. LASTING PROTECTION.' !important;display:block !important;margin:0.816cqw 0 0 !important;font-size:0.907cqw !important;font-weight:700 !important;letter-spacing:.14em !important;color:#8F97A3 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-doc-num{display:flex !important;justify-content:flex-end !important;gap:2.17cqw !important;margin:1.179cqw 0 0 !important;font-size:0.95cqw !important;line-height:1.541cqw !important;color:#57606E !important;opacity:1 !important;}
/* 4-card row */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-body{position:static !important;display:block !important;margin:0 !important;padding:0 4.08cqw !important;box-sizing:border-box !important;background:transparent !important;border:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-parties{position:relative !important;display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:1.36cqw !important;margin:2.72cqw 0 0 !important;padding:0 !important;border:0 !important;background:transparent !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-bill-to{order:1 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-shipping{order:2 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-label{display:flex !important;align-items:center !important;gap:0.635cqw !important;font-size:1.088cqw !important;font-weight:800 !important;letter-spacing:0 !important;text-transform:none !important;color:#13202E !important;margin:0 0 0.907cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-label::before{content:'' !important;display:inline-block !important;width:2.17cqw !important;height:2.17cqw !important;border-radius:50% !important;background:#13202E !important;flex:0 0 auto !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-bill-to{max-width:none !important;width:auto !important;padding:1.72cqw !important;background:#F7F8FA !important;box-sizing:border-box !important;font-size:1.088cqw !important;line-height:1.63cqw !important;color:#57606E !important;border-radius:0.454cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-client-name{font-size:1.179cqw !important;font-weight:800 !important;color:#13202E !important;margin:0 0 0.272cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-shipping{width:auto !important;padding:1.72cqw !important;background:#F7F8FA !important;box-sizing:border-box !important;border:0 !important;font-size:1.088cqw !important;line-height:1.63cqw !important;color:#57606E !important;margin:0 !important;border-radius:0.454cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-shipping .inv-label-inline{display:flex !important;align-items:center !important;gap:0.635cqw !important;font-size:0 !important;margin:0 0 0.907cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-shipping .inv-label-inline::before{content:'' !important;display:inline-block !important;width:2.17cqw !important;height:2.17cqw !important;border-radius:50% !important;background:#13202E !important;flex:0 0 auto !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-shipping .inv-label-inline::after{content:'Project / Site Address' !important;font-size:1.088cqw !important;font-weight:800 !important;color:#13202E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-details{display:none !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-parties::before{content:'ROOF DETAILS\A— roof type, pitch,\A material, sq ft —' !important;order:3 !important;white-space:pre-line !important;display:block !important;padding:1.72cqw !important;background:#F7F8FA !important;border-radius:0.454cqw !important;box-sizing:border-box !important;background-image:url(/assets/tpl-art/rf20/rf20-15-ic-roof.webp) !important;background-repeat:no-repeat !important;background-position:1.72cqw 1.5cqw !important;background-size:3.17cqw auto !important;padding-top:4.8cqw !important;font-size:0.85cqw !important;font-weight:700 !important;letter-spacing:.04em !important;color:#3D4650 !important;line-height:1.72cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-parties::after{content:'SERVICE TYPE\A☑ Roof Replacement\A☐ Repair\A☐ Inspection\A☐ Maintenance' !important;order:4 !important;white-space:pre-line !important;display:block !important;padding:1.72cqw !important;background:#F7F8FA !important;border-radius:0.454cqw !important;box-sizing:border-box !important;font-size:0.85cqw !important;font-weight:700 !important;letter-spacing:.04em !important;color:#3D4650 !important;line-height:1.88cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-parties::before::first-line,.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-parties::after::first-line{font-size:1.088cqw !important;font-weight:800 !important;letter-spacing:0 !important;color:#13202E !important;}
/* table */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-table{order:2 !important;width:100% !important;margin:2.72cqw 0 0 !important;border:0 !important;border-collapse:collapse !important;table-layout:fixed !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-table thead th{height:3.9cqw !important;padding:0 1.088cqw !important;background:#13202E !important;border:0 !important;font-size:1cqw !important;font-weight:800 !important;letter-spacing:.06em !important;color:#FFFFFF !important;text-align:right !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-table thead th:first-child{text-align:left !important;padding-left:1.36cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-table thead th:nth-child(2){width:11cqw !important;text-align:center !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-table thead th:nth-child(3){width:14cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-table thead th:last-child{width:15cqw !important;padding-right:1.36cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-table tbody td{padding:1.088cqw !important;border:0 !important;border-bottom:0.091cqw solid #E5E8EC !important;font-size:1.179cqw !important;color:#3D4650 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-table tbody td.td-desc{text-align:left !important;padding-left:1.36cqw !important;font-weight:700 !important;color:#13202E !important;overflow-wrap:anywhere !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-table tbody td.td-num{text-align:center !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-table tbody td:last-child{padding-right:1.36cqw !important;text-align:right !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-table tr.ige-addrow td{padding:0.635cqw 0 !important;border:0 !important;background:transparent !important;text-align:left !important;}
/* notes2/totals row */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-block{order:3 !important;width:56cqw !important;margin:2.72cqw 0 0 !important;padding:1.72cqw !important;border:0 !important;background:#F7F8FA !important;border-radius:0.454cqw !important;box-sizing:border-box !important;box-shadow:none !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-terms,.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid  .inv-bank{font-size:1.088cqw !important;line-height:1.63cqw !important;color:#57606E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-totals{width:38cqw !important;margin:2.72cqw 0 0 auto !important;padding:0 !important;border:0 !important;background:transparent !important;box-sizing:border-box !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-totals>div{display:flex !important;justify-content:space-between !important;margin:0 !important;padding:0.635cqw 0 !important;border:0 !important;font-size:1.088cqw !important;color:#57606E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-totals>div b{font-weight:700 !important;color:#13202E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-totals>div.inv-total-grand{margin-top:0.816cqw !important;padding:1.72cqw 2.17cqw !important;background:#13202E !important;border-radius:1.5cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-totals>div.inv-total-grand span{font-size:1.269cqw !important;font-weight:800 !important;color:#FFFFFF !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-totals>div.inv-total-grand b{font-size:2.45cqw !important;font-weight:800 !important;color:#FFFFFF !important;white-space:nowrap !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-payrow{order:5 !important;clear:both !important;position:static !important;display:block !important;margin:2.72cqw 0 0 !important;padding:0 !important;border:0 !important;background:transparent !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid [data-f="payment.methods"] .pm-doc-h{font-size:1.088cqw !important;font-weight:800 !important;letter-spacing:.06em !important;color:#13202E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .pm-qr{width:8cqw !important;height:8cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-signature-row{order:6 !important;margin:2.72cqw 0 0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .sig-caption{font-size:0.98cqw !important;color:#57606E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-footer-note{order:7 !important;margin:2.72cqw 0 0 !important;padding:1.995cqw 0 0 !important;border-top:0.091cqw solid #E5E8EC !important;font-style:normal !important;font-size:0.98cqw !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8F97A3 !important;text-align:center !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-footer-note::after{content:'  •  LICENSED / INSURED / TRUSTED' !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-powered{order:8 !important;margin:1.179cqw 0 2.72cqw !important;text-align:center !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-15-cardgrid).tmpl-rf20-15-cardgrid .inv-powered a{color:#8F97A3 !important;font-size:0.907cqw !important;text-decoration:none !important;}

/* ===== rf20-16-phasebilling (RF-16 "Phase Billing Progress") =====
   Real crops: the roof-icon logo mark with chimney (wordmark excluded) and the triangle-cutout
   gable roof photo hero. The 5-phase progress timeline (Deposit/Materials/Installation/Inspection/
   Completion) has per-phase amounts and a paid/current/pending status with NO backing field in
   invoice-generator's data model -- rendered as flagged, un-fabricated placeholders (phase names are
   kept, since those are generic process labels, not invoice data; amounts/status are muted
   em-dashes, never a fabricated number). The live document's own real subtotal/tax/total still
   drive the Billing Summary card. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling{position:relative !important;container-type:inline-size !important;padding:0 !important;margin:0 !important;background:#FFFFFF !important;color:#1B2735 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;border:0 !important;border-radius:0 !important;overflow:hidden !important;min-height:160cqw !important;height:auto !important;isolation:isolate !important;box-shadow:none !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-head{position:relative !important;display:block !important;height:24cqw !important;margin:0 !important;padding:3.9cqw 4.08cqw 0 !important;box-sizing:border-box !important;background:transparent !important;border:0 !important;color:inherit !important;min-height:0 !important;gap:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-head::after{content:'' !important;position:absolute !important;left:33cqw !important;top:0 !important;background:url(/assets/tpl-art/rf20/rf20-16-hero.webp) no-repeat 0 0/100% 100% !important;width:33cqw !important;height:19.1cqw !important;pointer-events:none !important;z-index:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-head-left{position:static !important;width:33cqw !important;max-width:none !important;margin:0 !important;padding:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-head-left::before{content:'' !important;display:block !important;background:url(/assets/tpl-art/rf20/rf20-16-logomark.webp) no-repeat 0 0/100% 100% !important;width:24cqw !important;height:8.66cqw !important;margin:0 0 0.907cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-biz-name{display:block !important;max-width:100% !important;margin:0 !important;font-size:2.17cqw !important;font-weight:900 !important;letter-spacing:-.01em !important;line-height:1.1 !important;color:#13202E !important;overflow-wrap:anywhere !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-biz-address{margin:0.907cqw 0 0 !important;max-width:30cqw !important;font-size:1cqw !important;line-height:1.541cqw !important;color:#57606E !important;overflow-wrap:anywhere !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-biz-contact{display:flex !important;flex-direction:column !important;gap:0.272cqw !important;margin:0.544cqw 0 0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-biz-contact>div{font-size:1cqw !important;line-height:1.541cqw !important;color:#57606E !important;overflow-wrap:anywhere !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-logo{max-width:10cqw !important;max-height:6cqw !important;object-fit:contain !important;margin:0 0 0.816cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-head-right{position:static !important;width:33cqw !important;margin:0 !important;padding:0 !important;text-align:right !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-doc-title{font-size:3.17cqw !important;font-weight:900 !important;letter-spacing:-.01em !important;color:#13202E !important;margin:0 0 1.36cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-doc-num{display:block !important;font-size:1cqw !important;line-height:1.72cqw !important;color:#57606E !important;opacity:1 !important;}
/* bill-to / project / roof details */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-body{position:static !important;display:block !important;margin:0 !important;padding:0 4.08cqw !important;box-sizing:border-box !important;background:transparent !important;border:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-parties{position:static !important;display:flex !important;gap:3.26cqw !important;margin:2.72cqw 0 0 !important;padding:0 0 1.995cqw !important;border-bottom:0.091cqw solid #E5E8EC !important;background:transparent !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-label{font-size:0.98cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#13202E !important;margin:0 0 0.816cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-bill-to{max-width:none !important;width:28cqw !important;font-size:1.088cqw !important;line-height:1.63cqw !important;color:#57606E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-client-name{font-size:1.179cqw !important;font-weight:800 !important;color:#13202E !important;margin:0 0 0.272cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-shipping{width:28cqw !important;padding:0 !important;border:0 !important;font-size:1.088cqw !important;line-height:1.63cqw !important;color:#57606E !important;margin:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-shipping .inv-label-inline{display:block !important;font-size:0 !important;margin:0 0 0.816cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-shipping .inv-label-inline::after{content:'PROJECT / SITE ADDRESS' !important;font-size:0.98cqw !important;font-weight:800 !important;letter-spacing:.06em !important;color:#13202E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-head{display:flex !important;flex-wrap:nowrap !important;justify-content:space-between !important;align-items:flex-start !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-head-right{margin-left:auto !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-details{display:none !important;}
/* progress phases strip (flagged placeholders, real phase labels only). Built on .inv-parties'
   own pseudo-elements, not .inv-notes -- .inv-notes only exists in the DOM when the notes field
   has real text, so on a fresh/empty invoice (the generator's own default state) this whole strip
   was silently never rendered at all. .inv-parties always renders (it holds Bill To), so anchoring
   here guarantees the strip is never silently dropped regardless of notes content. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-parties{flex-wrap:wrap !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-parties::before{content:'PROJECT PROGRESS & BILLING PHASES' !important;order:5 !important;flex:1 0 100% !important;display:block !important;box-sizing:border-box !important;margin:2.17cqw 0 0 !important;padding:2.45cqw 2.72cqw 0 !important;background:#EEF1F4 !important;border-radius:0.544cqw 0.544cqw 0 0 !important;font-size:1.179cqw !important;font-weight:800 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#13202E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-parties::after{content:'①  DEPOSIT        ②  MATERIALS        ③  INSTALLATION        ④  INSPECTION        ⑤  COMPLETION\A\APhase amounts and status shown on the approved proposal — see project paperwork for the current phase.' !important;order:6 !important;flex:1 0 100% !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:1.36cqw 2.72cqw 2.45cqw !important;background:#EEF1F4 !important;border-radius:0 0 0.544cqw 0.544cqw !important;white-space:pre-line !important;word-spacing:0.3cqw !important;font-size:0.95cqw !important;font-weight:800 !important;letter-spacing:.04em !important;line-height:2.17cqw !important;color:#3D4650 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-parties::after::first-line{font-size:0.95cqw !important;}
/* the .inv-notes rules below still apply on the rare state where the notes field genuinely has
   text -- kept so real note content isn't suppressed, it just renders as a second, separate block. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-notes{position:relative !important;margin:1.36cqw 0 0 !important;padding:1.72cqw 2.17cqw !important;background:#F7F8FA !important;border-radius:0.454cqw !important;box-sizing:border-box !important;font-size:0.98cqw !important;font-style:italic !important;color:#8F97A3 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-notes>.inv-label{font-size:0.98cqw !important;letter-spacing:.04em !important;text-transform:uppercase !important;margin-bottom:0.635cqw !important;font-style:normal !important;color:#13202E !important;}
/* table */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-table{width:100% !important;margin:2.72cqw 0 0 !important;border:0 !important;border-collapse:collapse !important;table-layout:fixed !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-table thead th{height:3.9cqw !important;padding:0 1.088cqw !important;background:#13202E !important;border:0 !important;font-size:1cqw !important;font-weight:800 !important;letter-spacing:.06em !important;color:#FFFFFF !important;text-align:right !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-table thead th:first-child{text-align:left !important;padding-left:1.36cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-table thead th:nth-child(2){width:9cqw !important;text-align:center !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-table thead th:nth-child(3){width:14cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-table thead th:last-child{width:15cqw !important;padding-right:1.36cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-table tbody td{padding:1.088cqw !important;border:0 !important;border-bottom:0.091cqw solid #E5E8EC !important;font-size:1.179cqw !important;color:#3D4650 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-table tbody td.td-desc{text-align:left !important;padding-left:1.36cqw !important;font-weight:700 !important;color:#13202E !important;overflow-wrap:anywhere !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-table tbody td.td-num{text-align:right !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-table tbody td:last-child{padding-right:1.36cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-table tr.ige-addrow td{padding:0.635cqw 0 !important;border:0 !important;background:transparent !important;text-align:left !important;}
/* billing summary / payment / signature / footer */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-block{margin:2.72cqw 0 0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-terms,.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling  .inv-bank{width:46cqw !important;font-size:1.088cqw !important;line-height:1.63cqw !important;color:#57606E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-totals{width:38cqw !important;margin:2.72cqw 0 0 auto !important;padding:0 !important;border:0 !important;background:transparent !important;box-sizing:border-box !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-totals::before{content:'BILLING SUMMARY' !important;display:block !important;padding:0.907cqw 1.36cqw !important;background:#13202E !important;color:#FFFFFF !important;font-size:1cqw !important;font-weight:800 !important;letter-spacing:.08em !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-totals>div{display:flex !important;justify-content:space-between !important;margin:0 !important;padding:0.635cqw 1.36cqw !important;border:0 !important;border-bottom:0.091cqw solid #E5E8EC !important;background:#F7F8FA !important;font-size:1.088cqw !important;color:#3D4650 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-totals>div b{font-weight:700 !important;color:#13202E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-totals>div.inv-total-grand{margin-top:0 !important;padding:1.36cqw !important;background:#EEF1F4 !important;border-bottom:0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-totals>div.inv-total-grand span{font-size:1.179cqw !important;font-weight:800 !important;color:#13202E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-totals>div.inv-total-grand b{font-size:2.17cqw !important;font-weight:800 !important;color:#13202E !important;white-space:nowrap !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-payrow{position:static !important;display:block !important;margin:1.995cqw 0 0 !important;padding:0 !important;border:0 !important;background:transparent !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling [data-f="payment.methods"] .pm-doc-h{font-size:1.088cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#13202E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .pm-qr{width:8cqw !important;height:8cqw !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-signature-row{margin:2.72cqw 0 0 !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .sig-caption{font-size:0.98cqw !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#57606E !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-footer-note{margin:2.72cqw 0 0 !important;padding:1.995cqw 0 0 !important;border-top:0.091cqw solid #E5E8EC !important;font-style:normal !important;font-size:0.98cqw !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8F97A3 !important;text-align:center !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-powered{margin:1.179cqw 0 2.72cqw !important;text-align:center !important;}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-16-phasebilling).tmpl-rf20-16-phasebilling .inv-powered a{color:#8F97A3 !important;font-size:0.907cqw !important;text-decoration:none !important;}