/* Roofer 20-pack, batch 3 (RF-09..RF-12): built to the owner's reference package
   (tools/trades10/pack-templates/roofer/02_TEMPLATES_US_LETTER + 04_TEMPLATE_SPECS) on
   invoice-generator's .invoice-preview DOM. Every logo mark, icon circle and photo/watermark
   graphic is a real crop of the reference PNG in /assets/tpl-art/rf20/; CSS draws only flat
   fills, rules, boxes and the live text. All geometry is in container-query units (1cqw = 1%
   of the sheet width = 2550px reference, the pack's own 300dpi US Letter master), so the same
   layout holds at the 794px screen sheet, the 690px export and the 847px print width. Built
   following the established lg20/hv20/eg20 batch pattern (compound :is() selector to beat the
   page's own #invoicePreview !important base rules, every declaration !important).

   HONEST GAP, all 4 designs (no backing field anywhere in invoice-generator's real data model,
   needs follow-up it-free-edit-v1.js wiring on specific DOM positions in a markup-capable pass):
   roof type, roof pitch, roofing material/shingle brand, square footage/squares, work-type
   checkboxes (Repair/Replacement/Inspection Only), inspection date/result, permit/job reference,
   warranty, tear-off layers. None of these have a matching field in invoice-generator's state, so
   none is rendered or fabricated here - every design uses only the real fields the DOM already
   carries (business identity, bill-to, one shipping/property line, invoice meta, line items,
   notes, terms, bank/payment, totals, signature, contact footer), per this project's own "never
   invent data" rule. Decorative crop assets for the unused roof-detail icon row (RF-11's housetype/
   pitch/material/sqft/service icons) are included in /assets/tpl-art/rf20/ for a future pass that
   adds the matching markup. */

/* ===== rf20-09-inspectioncards =====
   RF-09 "Inspection Repair Cards". Real crops: the navy/blue roof-mark logo icon (logo fallback),
   a real gable-roof photo for the header-right band, and 4 navy icon circles (person/house/gear/
   document) used as the card-row bullet icons. Flat CSS: white page, pale blue-gray card panels,
   navy table header/total-pill/footer band, light-blue accent for labels. Work-type checkboxes and
   roof-inspection date/result (reference's 3rd card) have no backing field - that card slot is
   filled with the real Notes field instead (a roof repair job's own description), labelled "Job
   details" rather than inventing checkbox state; Invoice #/date/due date fill the 4th card via the
   real inv-details block. Business phone/email/website render as live text in the footer band. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards{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;border-radius:0 !important;background:#FFFFFF !important;color:#1E3A5C !important;font-family:"Inter",system-ui,sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-head{position:relative !important;display:block !important;min-height:28cqw !important;margin:0 !important;padding:3.137cqw 4.31cqw 0 !important;background:url(/assets/tpl-art/rf20/rf20-09-logo.webp) no-repeat 4.31cqw 3.14cqw/18.04cqw 6.39cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-biz-contact::after{content:"Roofing  \2022  Repairs  \2022  Replacements  \2022  Inspections" !important;display:block !important;margin:0.98cqw 0 0 !important;padding-top:0.78cqw !important;border-top:0.08cqw solid #C7D4E0 !important;width:100% !important;font-size:0.78cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#39536B !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-biz-address::after{content:"Protecting what matters" !important;display:block !important;margin-top:0.59cqw !important;font-size:0.76cqw !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#8498AA !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-head-left{position:relative !important;box-sizing:border-box !important;display:block !important;width:36cqw !important;max-width:none !important;margin:0 0 0 20.8cqw !important;padding:0 2cqw 0 0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-biz-name{overflow-wrap:break-word !important;word-break:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-logo{display:block !important;max-width:14cqw !important;max-height:5cqw !important;margin:0 0 0.98cqw !important;object-fit:contain !important;object-position:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-biz-name{display:block !important;margin:0 !important;padding:0 !important;font-family:inherit !important;font-size:2.55cqw !important;font-weight:800 !important;letter-spacing:-.01em !important;color:#1E3A5C !important;line-height:1.1 !important;overflow-wrap:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-biz-contact{display:flex !important;flex-wrap:wrap !important;gap:0 1.18cqw !important;margin:0.98cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-biz-contact>div{display:block !important;font-size:1.06cqw !important;line-height:1.6cqw !important;color:#4A6378 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-biz-address{display:block !important;margin:0.39cqw 0 0 !important;font-size:1.06cqw !important;line-height:1.6cqw !important;color:#4A6378 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-biz-tax{display:block !important;margin:0.39cqw 0 0 !important;font-size:0.94cqw !important;letter-spacing:.08em !important;color:#7C90A0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-head-right{position:absolute !important;right:0 !important;top:0 !important;width:40.4cqw !important;height:20.08cqw !important;display:block !important;background:url(/assets/tpl-art/rf20/rf20-09-photo.webp) no-repeat 0 0/100% 100% !important;clip-path:polygon(0 0,100% 0,100% 100%,22% 100%) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-head-right::before{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;bottom:0 !important;width:58% !important;background:#1E3A5C !important;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%) !important;z-index:1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-doc-title{position:absolute !important;right:2.35cqw !important;top:3.92cqw !important;z-index:2 !important;display:block !important;margin:0 !important;width:30cqw !important;font-family:inherit !important;font-size:2.94cqw !important;font-weight:900 !important;letter-spacing:.02em !important;text-transform:uppercase !important;color:#FFFFFF !important;line-height:1 !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-doc-title::after{content:"Your roof, our commitment" !important;display:block !important;margin-top:0.98cqw !important;font-size:0.94cqw !important;font-weight:400 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#AFC2D6 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-doc-num{position:absolute !important;right:2.35cqw !important;top:11.37cqw !important;z-index:2 !important;width:30cqw !important;margin:0 !important;font-size:1.02cqw !important;letter-spacing:.04em !important;color:#E2E9F1 !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-body{position:relative !important;display:grid !important;grid-template-columns:repeat(4,1fr) !important;grid-template-rows:auto auto auto auto 1fr auto !important;column-gap:1.57cqw !important;row-gap:1.57cqw !important;box-sizing:border-box !important;margin:0 !important;padding:3.14cqw 4.31cqw 0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-parties{grid-column:1 / 3 !important;grid-row:1 !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:1.57cqw !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-body:not(:has(.inv-notes)) .inv-parties{grid-column:1 / -1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-bill-to,
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-shipping,
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-notes,
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-details{box-sizing:border-box !important;background:#EEF2F6 !important;border-radius:0.78cqw !important;padding:1.57cqw 1.37cqw 1.57cqw 1.37cqw !important;position:relative !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-notes{grid-column:3 !important;grid-row:1 !important;margin:0 !important;min-height:9cqw !important;align-self:start !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-details{margin:0 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-bill-to::before{content:"" !important;position:absolute !important;left:1.1cqw !important;top:1.2cqw !important;width:1.8cqw !important;height:1.8cqw !important;border-radius:50% !important;background:#1E3A5C url(/assets/tpl-art/rf20/rf20-09-ic-person.webp) no-repeat center/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-shipping::before{content:"" !important;position:absolute !important;left:1.1cqw !important;top:1.2cqw !important;width:1.8cqw !important;height:1.8cqw !important;border-radius:50% !important;background:#1E3A5C url(/assets/tpl-art/rf20/rf20-09-ic-house.webp) no-repeat center/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-notes::before{content:"" !important;position:absolute !important;left:1.1cqw !important;top:1.2cqw !important;width:1.8cqw !important;height:1.8cqw !important;border-radius:50% !important;background:#1E3A5C url(/assets/tpl-art/rf20/rf20-09-ic-gear.webp) no-repeat center/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-details::before{content:"" !important;position:absolute !important;left:1.1cqw !important;top:1.2cqw !important;width:1.8cqw !important;height:1.8cqw !important;border-radius:50% !important;background:#3A76AD url(/assets/tpl-art/rf20/rf20-09-ic-doc.webp) no-repeat center/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-bill-to>*,
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-shipping>*{margin:0 0 0.29cqw !important;font-size:0.94cqw !important;line-height:1.45cqw !important;color:#39536B !important;text-align:left !important;overflow-wrap:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-bill-to>.inv-label,
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-shipping>.inv-label-inline{display:block !important;font-size:0.84cqw !important;font-weight:800 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#1E3A5C !important;margin:0.2cqw 0 0.78cqw 3.1cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-bill-to>.inv-client-name{font-size:1.1cqw !important;font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-notes>.inv-label{display:block !important;margin:0.2cqw 0 0.78cqw 3.1cqw !important;font-size:0.84cqw !important;font-weight:800 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#1E3A5C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-notes>.inv-label~*{margin:0 0 0.29cqw !important;font-size:0.9cqw !important;line-height:1.4cqw !important;color:#39536B !important;overflow-wrap:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-details>.inv-label{display:block !important;margin:0.2cqw 0 0.98cqw 3.1cqw !important;font-size:0.84cqw !important;font-weight:800 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#1E3A5C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-detail-row{display:flex !important;flex-direction:column !important;gap:0.1cqw !important;margin:0 0 0.78cqw !important;font-size:0.86cqw !important;line-height:1.3cqw !important;color:#39536B !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-detail-row span{order:-1 !important;font-weight:800 !important;font-size:0.84cqw !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1E3A5C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-table{grid-column:1 / -1 !important;grid-row:2 !important;width:100% !important;border-collapse:collapse !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-table thead tr{background:#233249 !important;height:3.53cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-table th{padding:0 1.18cqw !important;font-size:1.02cqw !important;font-weight:800 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#FFFFFF !important;text-align:left !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-table th:not(:first-child),.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-table td:not(.td-desc){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-table td{padding:1.18cqw !important;font-size:1.06cqw !important;color:#1E3A5C !important;border-bottom:0.08cqw solid #E1E7EC !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-table tbody tr:nth-child(odd) td{background:#F7F9FB !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards [data-f="payment.methods"]{grid-column:1 / 3 !important;grid-row:3 !important;box-sizing:border-box !important;margin:0 !important;padding:1.57cqw !important;background:#EEF2F6 !important;border-radius:0.78cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .pm-doc-h{font-size:1.06cqw !important;font-weight:800 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#1E3A5C !important;margin:0 0 0.98cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .pm-doc-grid{display:flex !important;flex-direction:row !important;gap:1.57cqw !important;flex-wrap:wrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .pm-doc-card{display:flex !important;align-items:flex-start !important;gap:0.78cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .pm-doc-card b{display:block !important;font-size:1.02cqw !important;font-weight:800 !important;color:#1E3A5C !important;margin:0 0 0.2cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .pm-doc-card div{font-size:0.9cqw !important;color:#5F7488 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .pm-doc-card>svg,.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .pm-doc-card>canvas{width:5.1cqw !important;height:5.1cqw !important;border:0.08cqw solid #D7DEE5 !important;background:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-payrow{grid-column:1 / 3 !important;grid-row:4 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-bank{box-sizing:border-box !important;margin:0 !important;padding:1.57cqw !important;background:#F7F9FB !important;border:0.08cqw solid #E1E7EC !important;border-radius:0.78cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-bank>.inv-label{display:block !important;font-size:1.06cqw !important;font-weight:800 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#1E3A5C !important;margin:0 0 0.78cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-bank [data-f]{font-size:1.0cqw !important;line-height:1.57cqw !important;color:#39536B !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-terms{grid-column:1 / 3 !important;grid-row:5 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-terms>.inv-label{display:block !important;font-size:1.06cqw !important;font-weight:800 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#1E3A5C !important;margin:0 0 0.59cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-terms>.inv-label~*{font-size:0.94cqw !important;line-height:1.57cqw !important;color:#5F7488 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-totals{grid-column:3 / 5 !important;grid-row:3 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.59cqw 0.98cqw !important;font-size:1.06cqw !important;color:#39536B !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-totals>div.inv-total-grand{margin-top:0.98cqw !important;padding:1.37cqw 1.76cqw !important;background:#1E3A5C !important;border-radius:999px !important;display:flex !important;align-items:center !important;gap:0.98cqw !important;font-size:1.37cqw !important;font-weight:800 !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-totals>div.inv-total-grand::before{content:"" !important;display:block !important;width:2.75cqw !important;height:2.75cqw !important;border-radius:50% !important;background:#3A76AD !important;flex:0 0 auto !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-totals>div.inv-total-grand span{font-size:0.98cqw !important;letter-spacing:.06em !important;text-transform:uppercase !important;font-weight:700 !important;color:#AFC2D6 !important;display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-totals>div.inv-total-grand b{font-size:1.96cqw !important;display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-signature-row{grid-column:3 / 5 !important;grid-row:5 !important;display:flex !important;justify-content:flex-start !important;gap:3cqw !important;margin:1cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-signature{display:block !important;width:auto !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-signature .sig-render{font-size:1.96cqw !important;color:#1E3A5C !important;min-height:2.94cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-signature .sig-line{border-top:0.08cqw solid #AFC2D6 !important;margin:0.59cqw 0 0.39cqw !important;width:13cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-signature .sig-caption{font-size:0.84cqw !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#7C90A0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-footer-note{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-powered{position:relative !important;grid-column:1 / -1 !important;grid-row:6 !important;box-sizing:border-box !important;margin:2.35cqw -4.31cqw 0 !important;padding:1.76cqw 17cqw 1.76cqw 4.31cqw !important;background:#1E3A5C !important;color:#FFFFFF !important;display:flex !important;justify-content:space-between !important;align-items:center !important;flex-wrap:wrap !important;gap:0.78cqw !important;font-size:1.02cqw !important;font-weight:700 !important;letter-spacing:.04em !important;text-transform:uppercase !important;overflow:hidden !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-powered a{color:#FFFFFF !important;text-decoration:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-powered::after{content:"Residential  \2022  Commercial  \2022  Storm restoration" !important;color:#AFC2D6 !important;font-weight:600 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards .inv-powered::before{content:"Stronger roofs\A brighter tomorrows" !important;white-space:pre !important;position:absolute !important;right:0 !important;top:0 !important;bottom:0 !important;width:16cqw !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;background:#152B45 !important;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%) !important;font-size:0.72cqw !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#AFC2D6 !important;line-height:1.6cqw !important;z-index:1 !important}

/* ===== rf20-10-orangetotal =====
   RF-10 "Orange Total Forward". Real crops: the orange/navy diagonal roof-stripe logo mark (logo
   fallback) and a large pale gray watermark roof illustration used behind the invoice-meta block,
   cropped text-free from the reference (the "ROOFING TODAY..." tagline and a small outline-house
   icon are the other 2 crops, used sparingly). Flat CSS: white page, navy ink, orange accent used
   only on the total band and rules (per the reference's own total-forward motif - one bold navy
   block with a bright orange corner flag). No work-type/roof-detail fields rendered (no backing
   data model - see file header); project/site line uses the real inv-shipping field, invoice meta
   uses the real inv-details block positioned top-right exactly as the reference's clean two-column
   masthead (no card chrome on this design, matching the reference's plain, open layout). */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal{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;border-radius:0 !important;background:#FFFFFF !important;color:#1B2630 !important;font-family:"Inter",system-ui,sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-head{position:relative !important;display:block !important;min-height:35cqw !important;margin:0 !important;padding:3.14cqw 4.31cqw 0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-head::before{content:"" !important;position:absolute !important;right:4cqw !important;top:1cqw !important;width:37cqw !important;height:13.7cqw !important;background:url(/assets/tpl-art/rf20/rf20-10-watermark.webp) no-repeat 0 0/100% 100% !important;opacity:.55 !important;z-index:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-head-left{position:relative !important;z-index:1 !important;display:block !important;width:48cqw !important;max-width:none !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-head-left{background:url(/assets/tpl-art/rf20/rf20-10-logo.webp) no-repeat 0 0/15.7cqw 6.28cqw !important;padding-top:7.1cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-logo{display:block !important;max-width:14.9cqw !important;max-height:3.73cqw !important;margin:0 0 0.98cqw !important;object-fit:contain !important;object-position:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-biz-name{display:block !important;margin:0 !important;padding:0 !important;font-family:inherit !important;font-size:2.35cqw !important;font-weight:900 !important;letter-spacing:-.01em !important;color:#1B2630 !important;line-height:1.1 !important;overflow-wrap:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-biz-name::after{content:"Built higher standards" !important;display:block !important;margin-top:0.59cqw !important;font-size:0.94cqw !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#8A939B !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-biz-contact{display:flex !important;flex-wrap:wrap !important;gap:0 1.18cqw !important;margin:1.57cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-biz-contact>div{display:block !important;font-size:1.06cqw !important;font-weight:700 !important;line-height:1.6cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-biz-address{display:block !important;margin:0.39cqw 0 0 !important;font-size:1.06cqw !important;line-height:1.6cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-biz-tax{display:block !important;margin:0.39cqw 0 0 !important;font-size:0.94cqw !important;letter-spacing:.06em !important;color:#8A939B !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-head-right{position:relative !important;z-index:1 !important;display:block !important;width:auto !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-head-right::before{content:"Roofing today\A for a safer\A tomorrow" !important;position:absolute !important;right:4.31cqw !important;top:1cqw !important;width:17cqw !important;white-space:pre !important;font-size:0.84cqw !important;line-height:1.7cqw !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#49535C !important;text-align:right !important;border-bottom:0.2cqw solid #E8671F !important;padding-bottom:0.78cqw !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-doc-title{position:absolute !important;right:4.31cqw !important;top:8.4cqw !important;display:block !important;margin:0 !important;width:24cqw !important;font-family:inherit !important;font-size:0.9cqw !important;font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#8A939B !important;line-height:1.6cqw !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-doc-num{position:absolute !important;right:4.31cqw !important;top:10.6cqw !important;width:26cqw !important;margin:0 !important;font-size:1.02cqw !important;letter-spacing:.02em !important;color:#49535C !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-doc-num::before{content:"Invoice #  " !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1B2630 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-body{position:relative !important;display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:auto auto auto auto 1fr auto !important;column-gap:2.35cqw !important;row-gap:1.76cqw !important;box-sizing:border-box !important;margin:0 !important;padding:1.76cqw 4.31cqw 0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-parties{position:relative !important;grid-column:1 / -1 !important;grid-row:1 !important;display:block !important;margin:0 !important;padding-top:1.76cqw !important;border-top:0.08cqw solid #E7E9EC !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-bill-to{box-sizing:border-box !important;width:54cqw !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-bill-to>.inv-label{display:block !important;font-size:0.94cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8A939B !important;margin:0 0 0.59cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-bill-to>*{margin:0 0 0.2cqw !important;font-size:1.1cqw !important;line-height:1.7cqw !important;color:#49535C !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-bill-to>.inv-client-name{font-size:1.37cqw !important;font-weight:800 !important;color:#1B2630 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-shipping{box-sizing:border-box !important;margin:1.37cqw 0 0 !important;font-size:1.02cqw !important;line-height:1.6cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-shipping .inv-label-inline{display:block !important;font-size:0.94cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8A939B !important;margin:0 0 0.39cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-details{display:flex !important;position:absolute !important;right:0 !important;top:1.76cqw !important;width:32cqw !important;margin:0 !important;gap:1.37cqw !important;text-align:left !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-details>.inv-label{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-detail-row{display:flex !important;flex-direction:column !important;gap:0.2cqw !important;margin:0 !important;padding-left:1.1cqw !important;border-left:0.08cqw solid #E7E9EC !important;font-size:0.94cqw !important;line-height:1.4cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-detail-row:first-child{padding-left:0 !important;border-left:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-detail-row span{order:-1 !important;font-weight:800 !important;font-size:0.78cqw !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#8A939B !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-table{grid-column:1 / -1 !important;grid-row:2 !important;width:100% !important;border-collapse:collapse !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-table thead tr{background:#1B2630 !important;height:3.33cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-table th{padding:0 1.18cqw !important;font-size:0.98cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#FFFFFF !important;text-align:left !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-table th:not(:first-child),.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-table td:not(.td-desc){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-table td{padding:1.18cqw !important;font-size:1.06cqw !important;color:#1B2630 !important;border-bottom:0.08cqw solid #ECEEF0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-notes{grid-column:1 !important;grid-row:3 !important;margin:0 !important;box-sizing:border-box !important;padding:1.37cqw 1.57cqw !important;background:#F7F7F8 !important;border-left:0.31cqw solid #E8671F !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-notes>.inv-label{display:block !important;font-size:0.94cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#1B2630 !important;margin:0 0 0.39cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-notes>.inv-label~*{font-size:0.98cqw !important;line-height:1.6cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-terms{grid-column:1 !important;grid-row:4 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-terms>.inv-label{display:block !important;font-size:0.94cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#1B2630 !important;margin:0 0 0.39cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-terms>.inv-label~*{font-size:0.9cqw !important;line-height:1.5cqw !important;color:#7C848C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-payrow{grid-column:1 !important;grid-row:5 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-bank>.inv-label{display:block !important;font-size:0.94cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#1B2630 !important;margin:0 0 0.39cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-bank [data-f]{font-size:0.94cqw !important;line-height:1.5cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal [data-f="payment.methods"]{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-totals{grid-column:2 !important;grid-row:3 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-totals::before{content:"Quality roofing.\A Lasting peace of mind." !important;white-space:pre !important;display:block !important;margin:0 0 1.37cqw !important;padding:1.1cqw 0 1.1cqw 1.18cqw !important;border-left:0.31cqw solid #E8671F !important;background:#F7F7F8 !important;font-size:0.94cqw !important;font-weight:700 !important;line-height:1.5cqw !important;letter-spacing:.02em !important;color:#1B2630 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.59cqw 0 !important;font-size:1.06cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-totals>div.inv-total-grand{position:relative !important;margin-top:0.98cqw !important;padding:1.57cqw 1.76cqw !important;background:#1B2630 !important;font-size:1.57cqw !important;font-weight:900 !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-totals>div.inv-total-grand::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;width:0 !important;height:0 !important;border-style:solid !important;border-width:1.37cqw 1.37cqw 0 0 !important;border-color:#E8671F transparent transparent transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-totals>div.inv-total-grand span{font-size:1.1cqw !important;letter-spacing:.06em !important;text-transform:uppercase !important;font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-totals>div.inv-total-grand b{font-size:2.35cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-signature-row{grid-column:2 !important;grid-row:4 / 6 !important;display:block !important;margin:0.98cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-signature{display:block !important;width:100% !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-signature .sig-render{font-size:1.96cqw !important;color:#1B2630 !important;min-height:2.94cqw !important;display:flex !important;align-items:flex-end !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-signature .sig-line{border-top:0.08cqw solid #1B2630 !important;margin:0.59cqw 0 0.39cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-signature .sig-caption{font-size:0.84cqw !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#8A939B !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-footer-note{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-powered{grid-column:1 / -1 !important;grid-row:6 !important;box-sizing:border-box !important;margin:2.35cqw -4.31cqw 0 !important;padding:1.57cqw 4.31cqw !important;background:#1B2630 !important;position:relative !important;display:flex !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:0.78cqw !important;font-size:0.98cqw !important;font-weight:700 !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-powered::before{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;bottom:0 !important;width:30% !important;background:#E8671F !important;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-powered::after{content:"Roofs  \2022  People  \2022  Stronger communities" !important;position:absolute !important;right:2cqw !important;top:50% !important;transform:translateY(-50%) !important;width:26cqw !important;font-size:0.84cqw !important;font-weight:800 !important;letter-spacing:.08em !important;text-transform:uppercase !important;text-align:right !important;color:#FFFFFF !important;z-index:1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-10-orangetotal).tmpl-rf20-10-orangetotal .inv-powered a{color:#FFFFFF !important;text-decoration:none !important;position:relative !important;z-index:1 !important}

/* ===== rf20-11-leftrail =====
   RF-11 "Project Detail Left Rail". Real crops: the navy roof-mark logo (logo fallback) and a real
   gable-roof photo for the top-right diagonal band (the design's "oversized INVOICE word" is the
   live .inv-doc-title, not an image). Flat CSS: white page, oversized uppercase INVOICE title,
   pale-gray left rail card holding the real Bill To + Property/Site fields (the reference's roof-
   detail icon rows - type/pitch/material/sqft/service - have no backing field, see file header;
   the 6 individual icon crops for that row are included in tpl-art for a future markup-capable
   pass but not used live here), wide services table to the right, notes/totals/payment/signature
   on a shared baseline grid beneath. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail{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;border-radius:0 !important;background:#FFFFFF !important;color:#1B2630 !important;font-family:"Inter",system-ui,sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-head{position:relative !important;display:block !important;min-height:38cqw !important;margin:0 !important;padding:2.75cqw 4.31cqw 0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-head::before{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;width:30cqw !important;height:18cqw !important;background:url(/assets/tpl-art/rf20/rf20-11-photo.webp) no-repeat 0 0/100% 100% !important;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-head-left{position:relative !important;display:block !important;width:62cqw !important;max-width:none !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-head-left{background:url(/assets/tpl-art/rf20/rf20-11-logo.webp) no-repeat 0 0/9.5cqw 2.85cqw !important;padding-top:3.6cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-logo{display:block !important;max-width:12.75cqw !important;max-height:4.5cqw !important;margin:0 0 0.98cqw !important;object-fit:contain !important;object-position:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-biz-name{display:block !important;margin:0 !important;padding:0 !important;font-family:inherit !important;font-size:1.96cqw !important;font-weight:900 !important;letter-spacing:-.01em !important;color:#1B2630 !important;line-height:1.1 !important;overflow-wrap:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-biz-name::after{content:"Built higher together" !important;display:block !important;margin-top:0.49cqw !important;font-size:0.84cqw !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#8A939B !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-head::after{content:"Roofing\A Repairs\A Replacements\A Inspections" !important;position:absolute !important;left:33cqw !important;top:3.6cqw !important;width:15cqw !important;white-space:pre !important;padding-left:1.18cqw !important;border-left:0.08cqw solid #D7DCE1 !important;font-size:0.82cqw !important;line-height:1.75cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#49535C !important;text-align:left !important;z-index:1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-biz-contact{display:flex !important;flex-wrap:wrap !important;gap:0 1.18cqw !important;margin:0.78cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-biz-contact>div{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-biz-address{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-biz-tax{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-head-right{position:static !important;display:block !important;width:auto !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-doc-title{position:relative !important;display:block !important;margin:3.5cqw 0 0 !important;font-family:inherit !important;font-size:8.6cqw !important;font-weight:900 !important;letter-spacing:-.03em !important;text-transform:uppercase !important;color:#1B2630 !important;line-height:.85 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-doc-num{display:block !important;position:relative !important;margin:1.57cqw 0 0 !important;width:auto !important;font-size:1.02cqw !important;letter-spacing:.02em !important;color:#49535C !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-doc-num::before{content:"Invoice no.  " !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1B2630 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-details{grid-column:1 !important;grid-row:1 / 4 !important;align-self:end !important;justify-self:stretch !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;gap:0.49cqw !important;margin:0 !important;padding:1.37cqw 1.76cqw 1.76cqw !important;background:#F3F5F7 !important;border-radius:0 0 0.59cqw 0.59cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-details>.inv-label{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-detail-row{display:flex !important;flex-direction:column !important;gap:0.1cqw !important;margin:0 !important;padding-top:0.49cqw !important;border-top:0.08cqw solid #DCE1E5 !important;font-size:0.88cqw !important;line-height:1.15cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-detail-row:first-child{padding-top:0 !important;border-top:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-detail-row span{order:-1 !important;font-weight:800 !important;font-size:0.84cqw !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1B2630 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-body{position:relative !important;display:grid !important;grid-template-columns:22cqw 1fr !important;grid-template-rows:auto auto auto 1fr auto !important;column-gap:2.35cqw !important;row-gap:1.76cqw !important;box-sizing:border-box !important;margin:0 !important;padding:2.75cqw 4.31cqw 0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-parties{grid-column:1 !important;grid-row:1 / 4 !important;box-sizing:border-box !important;margin:0 !important;padding:1.76cqw !important;background:#F3F5F7 !important;border-radius:0.59cqw !important;display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-bill-to{margin:0 0 1.57cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-bill-to>.inv-label{display:block !important;font-size:0.84cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8A939B !important;margin:0 0 0.59cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-bill-to>*{margin:0 0 0.2cqw !important;font-size:0.98cqw !important;line-height:1.5cqw !important;color:#49535C !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-bill-to>.inv-client-name{font-size:1.14cqw !important;font-weight:800 !important;color:#1B2630 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-shipping{box-sizing:border-box !important;margin:0 !important;padding-top:1.57cqw !important;border-top:0.08cqw solid #DCE1E5 !important;font-size:0.94cqw !important;line-height:1.5cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-shipping .inv-label-inline{display:block !important;font-size:0.84cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8A939B !important;margin:0 0 0.39cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-table{grid-column:2 !important;grid-row:1 / 3 !important;width:100% !important;border-collapse:collapse !important;margin:0 !important;align-self:start !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-table thead tr{background:#1B2630 !important;height:3.33cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-table th{padding:0 1.18cqw !important;font-size:0.94cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#FFFFFF !important;text-align:left !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-table th:not(:first-child),.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-table td:not(.td-desc){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-table td{padding:1.1cqw 1.18cqw !important;font-size:1cqw !important;color:#1B2630 !important;border-bottom:0.08cqw solid #ECEEF0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-notes{grid-column:2 !important;grid-row:3 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-notes>.inv-label{display:block !important;font-size:0.84cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8A939B !important;margin:0 0 0.39cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-notes>.inv-label~*{font-size:0.94cqw !important;line-height:1.57cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-terms{grid-column:1 !important;grid-row:4 !important;margin:0 !important;align-self:end !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-terms>.inv-label{display:block !important;font-size:0.84cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8A939B !important;margin:0 0 0.39cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-terms>.inv-label~*{font-size:0.84cqw !important;line-height:1.45cqw !important;color:#7C848C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-payrow{grid-column:2 !important;grid-row:4 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-bank>.inv-label{display:block !important;font-size:0.84cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8A939B !important;margin:0 0 0.39cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-bank [data-f]{font-size:0.9cqw !important;line-height:1.45cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail [data-f="payment.methods"]{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-totals{grid-column:1 !important;grid-row:5 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.49cqw 0 !important;font-size:0.94cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-totals>div.inv-total-grand{margin-top:0.78cqw !important;padding:1.1cqw 1.18cqw !important;background:#1B2630 !important;font-size:1.25cqw !important;font-weight:900 !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-totals>div.inv-total-grand span{font-size:0.9cqw !important;letter-spacing:.04em !important;text-transform:uppercase !important;font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-totals>div.inv-total-grand b{font-size:1.8cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-signature-row{grid-column:2 !important;grid-row:5 !important;display:flex !important;justify-content:flex-end !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-signature{display:block !important;width:16cqw !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-signature .sig-render{font-size:1.76cqw !important;color:#1B2630 !important;min-height:2.55cqw !important;display:flex !important;align-items:flex-end !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-signature .sig-line{border-top:0.08cqw solid #1B2630 !important;margin:0.49cqw 0 0.29cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-signature .sig-caption{font-size:0.78cqw !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#8A939B !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-footer-note{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-powered{grid-column:1 / -1 !important;grid-row:6 !important;box-sizing:border-box !important;margin:2.35cqw -4.31cqw 0 !important;padding:1.37cqw 4.31cqw !important;border-top:0.16cqw solid #1B2630 !important;display:flex !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:0.78cqw !important;font-size:0.9cqw !important;font-weight:700 !important;color:#49535C !important;text-transform:uppercase !important;letter-spacing:.04em !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-powered a{color:#1B2630 !important;text-decoration:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-11-leftrail).tmpl-rf20-11-leftrail .inv-powered::after{content:"Quality work lives above the rest   \25CF \25CF \25CF" !important;color:#8A939B !important;font-weight:700 !important;letter-spacing:.08em !important}

/* ===== rf20-12-photobanner =====
   RF-12 "Photo Banner Three Cards". Real crops: a wide real roof-against-sky photo banner for the
   page header, the navy two-tone roof-mark logo, 3 navy icon circles (person/house/document) for
   the three top cards, and a small mountain footer mark. Flat CSS: white page, dark-navy "INVOICE"
   display title beside the photo, three rounded pale-gray cards (Bill To / Project-Site / Invoice
   Details), simple table, separate Notes block, a strong navy total panel and signature lower
   center, matching the reference's clean 3-card + photo-banner composition. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner{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;border-radius:0 !important;background:#FFFFFF !important;color:#1B2630 !important;font-family:"Inter",system-ui,sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-head{position:relative !important;display:block !important;min-height:30cqw !important;margin:0 !important;padding:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-head::before{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;top:0 !important;height:11.37cqw !important;background:url(/assets/tpl-art/rf20/rf20-12-photo.webp) no-repeat center 15%/cover !important;clip-path:polygon(36% 0,100% 0,100% 100%,20% 100%) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-head-left{position:relative !important;display:block !important;width:62cqw !important;max-width:none !important;margin:0 !important;padding:2.35cqw 4.31cqw 0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-head-left{background:url(/assets/tpl-art/rf20/rf20-12-logo.webp) no-repeat 0 0/10.4cqw 3.3cqw !important;padding-top:4.1cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-logo{display:block !important;max-width:13.33cqw !important;max-height:4.9cqw !important;margin:0 0 0.98cqw !important;object-fit:contain !important;object-position:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-biz-name{display:block !important;margin:0 !important;padding:0 !important;font-family:inherit !important;font-size:2.16cqw !important;font-weight:900 !important;letter-spacing:-.01em !important;color:#1B2630 !important;line-height:1.1 !important;overflow-wrap:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-biz-name::after{content:"Built higher together" !important;display:block !important;margin-top:0.49cqw !important;font-size:0.82cqw !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#8A939B !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-biz-contact{display:flex !important;flex-wrap:wrap !important;gap:0 1.18cqw !important;margin:0.78cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-biz-contact>div{display:block !important;font-size:0.82cqw !important;line-height:1.4cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-biz-address{display:block !important;margin:0.2cqw 0 0 !important;font-size:0.82cqw !important;line-height:1.4cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-biz-tax{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-head-right{position:static !important;display:block !important;width:auto !important;margin:3.1cqw 4.31cqw 0 !important;padding-top:0.98cqw !important;border-top:0.08cqw solid #E7E9EC !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-head-right::before{content:"Roofing  \2022  Repairs  \2022  Replacement  \2022  Inspections" !important;display:block !important;font-size:0.82cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-head-right::after{content:"Your home. Our expertise." !important;display:block !important;margin-top:0.39cqw !important;font-size:0.82cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8A939B !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-doc-title{position:relative !important;display:block !important;margin:3cqw 0 0 4.31cqw !important;font-family:inherit !important;font-size:5.1cqw !important;font-weight:900 !important;letter-spacing:-.02em !important;text-transform:uppercase !important;color:#1B2630 !important;line-height:.9 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-doc-title::after{content:"Thank you for your business" !important;display:block !important;margin-top:0.59cqw !important;font-size:0.9cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8A939B !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-doc-num{display:block !important;position:relative !important;margin:1.37cqw 0 0 4.31cqw !important;width:auto !important;font-size:1.02cqw !important;letter-spacing:.02em !important;color:#49535C !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-doc-num::before{content:"Invoice #  " !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1B2630 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-body{position:relative !important;display:grid !important;grid-template-columns:repeat(3,1fr) !important;grid-template-rows:auto auto auto auto 1fr auto !important;column-gap:1.76cqw !important;row-gap:1.76cqw !important;box-sizing:border-box !important;margin:0 !important;padding:2.35cqw 4.31cqw 0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-parties{grid-column:1 / -1 !important;grid-row:1 !important;display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:1.76cqw !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-bill-to,
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-shipping,
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-details{box-sizing:border-box !important;background:#F3F5F7 !important;border-radius:0.59cqw !important;padding:1.37cqw 1.57cqw !important;position:relative !important;margin:0 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-bill-to::before{content:"" !important;position:absolute !important;left:1.37cqw !important;top:1.17cqw !important;width:1.96cqw !important;height:1.96cqw !important;background:url(/assets/tpl-art/rf20/rf20-12-ic-bill.webp) no-repeat center/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-shipping::before{content:"" !important;position:absolute !important;left:1.37cqw !important;top:1.17cqw !important;width:1.96cqw !important;height:1.96cqw !important;background:url(/assets/tpl-art/rf20/rf20-12-ic-project.webp) no-repeat center/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-details::before{content:"" !important;position:absolute !important;left:1.37cqw !important;top:1.17cqw !important;width:1.96cqw !important;height:1.96cqw !important;background:url(/assets/tpl-art/rf20/rf20-12-ic-details.webp) no-repeat center/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-bill-to>*{margin:0 0 0.2cqw 2.75cqw !important;font-size:0.98cqw !important;line-height:1.5cqw !important;color:#49535C !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-bill-to>.inv-label{display:block !important;font-size:0.9cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1B2630 !important;margin:0.1cqw 0 0.59cqw 2.75cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-bill-to>.inv-client-name{font-size:1.14cqw !important;font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-shipping{font-size:0.98cqw !important;line-height:1.5cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-shipping .inv-label-inline{display:block !important;font-size:0.9cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1B2630 !important;margin:0.1cqw 0 0.59cqw 2.75cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-shipping>*{margin-left:2.75cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-details>.inv-label{display:block !important;font-size:0.9cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1B2630 !important;margin:0.1cqw 0 0.59cqw 2.75cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-detail-row{display:flex !important;justify-content:space-between !important;gap:0.5cqw !important;margin:0 0 0.2cqw 2.75cqw !important;font-size:0.88cqw !important;line-height:1.4cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-detail-row span{font-weight:800 !important;font-size:0.8cqw !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#1B2630 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-table{grid-column:1 / -1 !important;grid-row:2 !important;width:100% !important;border-collapse:collapse !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-table thead tr{background:#1B2630 !important;height:3.33cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-table th{padding:0 1.18cqw !important;font-size:0.98cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#FFFFFF !important;text-align:left !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-table th:not(:first-child),.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-table td:not(.td-desc){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-table td{padding:1.1cqw 1.18cqw !important;font-size:1.02cqw !important;color:#1B2630 !important;border-bottom:0.08cqw solid #ECEEF0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-notes{grid-column:1 / 3 !important;grid-row:3 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-notes>.inv-label{display:block !important;font-size:0.9cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1B2630 !important;margin:0 0 0.39cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-notes>.inv-label~*{font-size:0.94cqw !important;line-height:1.57cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-terms{grid-column:1 / 3 !important;grid-row:4 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-terms>.inv-label{display:block !important;font-size:0.9cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1B2630 !important;margin:0 0 0.39cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-terms>.inv-label~*{font-size:0.86cqw !important;line-height:1.45cqw !important;color:#7C848C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-payrow{grid-column:1 !important;grid-row:5 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-bank>.inv-label{display:block !important;font-size:0.9cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1B2630 !important;margin:0 0 0.39cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-bank [data-f]{font-size:0.9cqw !important;line-height:1.45cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-bank::after{content:"We appreciate your prompt payment" !important;display:block !important;margin-top:0.78cqw !important;font-size:0.78cqw !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#8A939B !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner [data-f="payment.methods"]{grid-column:2 !important;grid-row:5 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .pm-doc-h{font-size:0.9cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1B2630 !important;margin:0 0 0.59cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .pm-doc-grid{display:flex !important;flex-direction:column !important;gap:0.49cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .pm-doc-card{display:flex !important;align-items:center !important;gap:0.59cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .pm-doc-card b{font-size:0.86cqw !important;font-weight:800 !important;color:#1B2630 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .pm-doc-card div{font-size:0.8cqw !important;color:#7C848C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .pm-doc-card>svg,.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .pm-doc-card>canvas{width:3.9cqw !important;height:3.9cqw !important;border:0.08cqw solid #E7E9EC !important;background:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-totals{grid-column:3 !important;grid-row:3 / 5 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.49cqw 0 !important;font-size:0.94cqw !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-totals>div.inv-total-grand{margin-top:0.78cqw !important;padding:1.18cqw 1.37cqw !important;background:#1B2630 !important;border-radius:0.39cqw !important;font-size:1.25cqw !important;font-weight:900 !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-totals>div.inv-total-grand span{font-size:0.9cqw !important;letter-spacing:.04em !important;text-transform:uppercase !important;font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-totals>div.inv-total-grand b{font-size:1.8cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-signature-row{position:relative !important;grid-column:1 / -1 !important;grid-row:6 !important;display:flex !important;justify-content:center !important;margin:1.57cqw 0 0 !important;padding-top:1.57cqw !important;border-top:0.08cqw solid #E7E9EC !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-signature-row::after{content:"\25B2\A Strong roofs\A Brighter tomorrows" !important;white-space:pre !important;position:absolute !important;right:0 !important;top:1.57cqw !important;width:14cqw !important;font-size:0.76cqw !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;text-align:center !important;color:#8A939B !important;line-height:1.55cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-signature{display:block !important;width:16cqw !important;text-align:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-signature .sig-render{font-size:1.76cqw !important;color:#1B2630 !important;min-height:2.55cqw !important;display:flex !important;align-items:flex-end !important;justify-content:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-signature .sig-line{border-top:0.08cqw solid #1B2630 !important;margin:0.49cqw 0 0.29cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-signature .sig-caption{font-size:0.78cqw !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#8A939B !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-footer-note{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-powered{grid-column:1 / -1 !important;grid-row:7 !important;box-sizing:border-box !important;margin:1.57cqw -4.31cqw 0 !important;padding:1.37cqw 4.31cqw !important;background:#F7F7F8 !important;display:flex !important;justify-content:space-between !important;align-items:center !important;flex-wrap:wrap !important;gap:0.78cqw !important;font-size:0.9cqw !important;font-weight:700 !important;color:#49535C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-powered::before{content:"" !important;display:inline-block !important;width:2.35cqw !important;height:1.8cqw !important;margin-right:0.78cqw !important;vertical-align:middle !important;background:url(/assets/tpl-art/rf20/rf20-12-footer-mark.webp) no-repeat center/contain !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner .inv-powered a{color:#1B2630 !important;text-decoration:none !important}

/* Shared safety rule, all 4 designs: the payment.methods block renders unconditionally in the DOM
   but is empty (no pm-doc-h/pm-doc-grid children) until the user turns on at least one payment
   method in the Payment panel - hide the card chrome entirely when empty so no blank styled box
   with no content ever shows (matches this project's "no 0-height or invisible elements left
   visible" verification rule). */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-09-inspectioncards).tmpl-rf20-09-inspectioncards [data-f="payment.methods"]:empty,
.invoice-preview:is(#invoicePreview,.tmpl-rf20-12-photobanner).tmpl-rf20-12-photobanner [data-f="payment.methods"]:empty{display:none !important}