/* Roofer pack, batch 5 (RF-17..RF-20): built against the owner's reference PNGs
   (tools/trades10/pack-templates/roofer/02_TEMPLATES_US_LETTER) on invoice-generator's
   .invoice-preview DOM, same technique as electrician/hvac/landscaper/carpenter batches.
   Every logo mark, photo, badge icon and decorative texture is a real crop of the reference
   in /assets/tpl-art/rf20/ (Pillow, no raw SVG, no fake business data baked into any crop).
   CSS draws only flat fills, rules, boxes and live-field typography. All geometry is in
   container-query units (1cqw = 1/100 of the sheet width, container-type:inline-size set on
   the root per CLAUDE.md's documented gotcha - position:absolute descendants resolve against
   that root, not an intermediate static ancestor, so every positioned block/flex ancestor in
   the chain is explicit below), so the same layout holds at 794px screen / 690px export / 847px
   print widths.
   KNOWN DATA-MODEL GAP, all 4 designs (flag for it-free-edit-v1.js, not wired this pass since
   CSS-only batches cannot add markup): roof type / pitch / material / square footage have no
   backing field in invoice-generator's state, rendered as fixed sample copy via CSS content.
   RF-17's "Labor & Services" vs "Materials" split table also has no second item array to draw
   from - built as one real, fully live item table under a single labeled section band instead
   of fabricating a second table, per this project's "never invent data" rule. */

/* ===== rf20-17-laborsplit (RF-17 "Labor Materials Split") =====
   Real crops: the house-roofline logo mark, the crossed-tools "Labor & Services" badge icon,
   the outline box "Materials" badge icon (unused this pass, reserved for a future second
   table), and the faint bottom-right roofline watermark with its own baked "Higher Homes
   Brighter Tomorrows" tagline (generic marketing copy, not fake business data - kept as
   decorative texture). Flat CSS: the light bill-to/details panel, the dark section label
   band, table rules, the dark grand-total bar. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;min-height:136.02cqw !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#FFFFFF !important;color:#1C2B3D !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-head{position:relative !important;display:flex !important;justify-content:space-between !important;align-items:flex-start !important;flex-wrap:nowrap !important;height:auto !important;min-height:23.929cqw !important;margin:0 !important;padding:3.778cqw 4.282cqw 0 !important;border:0 !important;background:#FFFFFF !important;box-shadow:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-head-left{position:static !important;width:auto !important;max-width:41.562cqw !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-head-left::before{content:"" !important;order:0 !important;display:block !important;width:15.491cqw !important;height:8.438cqw !important;margin:0 0 1.259cqw !important;background:url(/assets/tpl-art/rf20/rf20-17-logo.webp) no-repeat 0 0/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-head-left:has(.inv-logo)::before{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-logo{order:0 !important;display:block !important;max-width:16.373cqw !important;max-height:7.557cqw !important;margin:0 0 1.259cqw !important;object-fit:contain !important;border-radius:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-biz-name{order:1 !important;display:block !important;margin:0 0 0.504cqw !important;padding:0 !important;font-size:3.275cqw !important;font-weight:800 !important;line-height:1.1 !important;letter-spacing:-.01em !important;text-transform:uppercase !important;color:#1C2B3D !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-biz-name::after{content:"Built Higher Together" !important;display:block !important;margin:0.378cqw 0 0 !important;font-size:1.134cqw !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#7A8291 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-biz-contact{order:2 !important;display:flex !important;flex-wrap:wrap !important;gap:0.378cqw 1.511cqw !important;margin:0.756cqw 0 0 !important;font-size:1.322cqw !important;color:#50596A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-biz-address{order:3 !important;margin:0.378cqw 0 0 !important;font-size:1.322cqw !important;color:#50596A !important;max-width:35.264cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-biz-tax{order:4 !important;margin:0.504cqw 0 0 !important;font-size:1.196cqw !important;color:#7A8291 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-head-right{position:static !important;text-align:right !important;max-width:41.562cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-head-right::before{content:"RESIDENTIAL  |  COMMERCIAL  |  REPAIRS  |  REPLACEMENTS" !important;display:block !important;margin:0 0 1.259cqw !important;font-size:1.134cqw !important;font-weight:700 !important;letter-spacing:.14em !important;color:#7A8291 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-doc-title{display:block !important;margin:0 !important;font-size:7.305cqw !important;font-weight:900 !important;letter-spacing:-.03em !important;line-height:.9 !important;color:#1C2B3D !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-doc-title::after{content:"Quality Roofing. Lasting Protection." !important;display:block !important;margin:0.756cqw 0 0 !important;font-size:1.259cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#7A8291 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-doc-num{display:block !important;margin:0.756cqw 0 0 !important;font-size:1.259cqw !important;font-weight:700 !important;letter-spacing:.06em !important;color:#50596A !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-doc-num::before{content:"INVOICE #: " !important;font-weight:800 !important;color:#1C2B3D !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-doc-po{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-body{position:relative !important;display:block !important;margin:0 !important;padding:3.275cqw 4.282cqw 3.778cqw !important;background:transparent !important;border:0 !important;font-size:1.574cqw !important;line-height:1.5 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-parties{display:grid !important;grid-template-columns:1fr 1fr 21.411cqw !important;gap:0 !important;background:#F3F5F8 !important;border-radius:0.756cqw !important;padding:2.267cqw 2.519cqw !important;margin:0 0 3.023cqw !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-bill-to{display:flex !important;flex-direction:column !important;padding:0 2.015cqw 0 0 !important;max-width:none !important;border-right:1px solid #DDE1E8 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-label{font-size:1.196cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#1C2B3D !important;margin:0 0 1.008cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-client-name{font-size:1.763cqw !important;font-weight:800 !important;color:#1C2B3D !important;margin:0 0 0.378cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-bill-to>div:not(.inv-label):not(.inv-client-name):not(.inv-shipping){font-size:1.385cqw !important;line-height:2.141cqw !important;color:#50596A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-shipping{order:9 !important;display:flex !important;flex-direction:column !important;margin:1.511cqw 0 0 !important;padding:1.259cqw 0 0 !important;border-top:1px solid #DDE1E8 !important;font-size:1.385cqw !important;line-height:2.141cqw !important;color:#50596A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-shipping .inv-label-inline{display:block !important;font-size:1.196cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#1C2B3D !important;margin:0 0 1.008cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-bill-to::after{content:"Roof Type:  Asphalt Shingle   Pitch:  6/12\A Material:  Architectural Shingle   Square Footage:  2,400 sq ft" !important;display:block !important;order:10 !important;white-space:pre-line !important;margin:1.259cqw 0 0 !important;padding:1.259cqw 0 0 !important;border-top:1px solid #DDE1E8 !important;font-size:1.322cqw !important;line-height:2.141cqw !important;color:#50596A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-details{padding:0 0 0 2.015cqw !important;text-align:left !important;min-width:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-details>.inv-label{display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-detail-row{display:flex !important;flex-direction:column !important;gap:0 !important;padding:0.63cqw 0 !important;font-size:1.385cqw !important;color:#50596A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-detail-row span{font-size:1.071cqw !important;font-weight:800 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#7A8291 !important;margin:0 0 0.252cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-detail-row b{font-size:1.448cqw !important;font-weight:700 !important;color:#1C2B3D !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-table{width:100% !important;margin:0 0 0.504cqw !important;border-collapse:collapse !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-table::before{content:"LABOR & SERVICES\AProfessional workmanship you can trust" !important;display:block !important;box-sizing:border-box !important;white-space:pre-line !important;height:7.179cqw !important;padding:0.882cqw 1.763cqw 0 6.297cqw !important;background:#1C2B3D url(/assets/tpl-art/rf20/rf20-17-toolbox.webp) no-repeat 1.259cqw 50%/3.275cqw 3.275cqw !important;font-size:1.574cqw !important;font-weight:800 !important;letter-spacing:.08em !important;line-height:1.5 !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-table thead tr{background:#EDEFF3 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-table thead th{height:3.778cqw !important;box-sizing:border-box !important;padding:0 1.008cqw !important;background:transparent !important;border:0 !important;border-bottom:2px solid #1C2B3D !important;font-size:1.196cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1C2B3D !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-table tbody td{padding:1.259cqw 1.008cqw !important;border:0 !important;border-bottom:1px solid #EDEFF3 !important;font-size:1.511cqw !important;color:#30384A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .td-desc{font-weight:600 !important;color:#1C2B3D !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-totals{float:right !important;width:31.486cqw !important;margin:1.008cqw 0 0 !important;padding:0 !important;border:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-totals>div{display:flex !important;justify-content:space-between !important;height:3.023cqw !important;padding:0 0.252cqw !important;font-size:1.385cqw !important;color:#30384A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-total-grand{height:5.038cqw !important;margin:0.756cqw 0 0 !important;padding:0 1.763cqw !important;background:#1C2B3D !important;border-top:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-total-grand span,.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-total-grand b{color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-total-grand b{font-size:2.015cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-notes{clear:both !important;float:none !important;box-sizing:border-box !important;width:auto !important;margin:1.511cqw 0 0 !important;padding:2.015cqw 2.267cqw !important;background:#F7F8FA !important;border-radius:0.756cqw !important;font-style:normal !important;font-size:1.385cqw !important;color:#50596A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-notes div{font-size:1.385cqw !important;line-height:1.6 !important;white-space:pre-wrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-terms{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-payrow{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit [data-f="payment.methods"]{clear:none !important;float:left !important;width:47.859cqw !important;box-sizing:border-box !important;margin:2.267cqw 0 0 !important;display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .pm-doc-h{color:#1C2B3D !important;font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-bank{box-sizing:border-box !important;background:transparent !important;border-radius:0 !important;padding:0 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-bank div{font-size:1.385cqw !important;color:#30384A !important;line-height:1.8 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-latefee{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-signature-row{clear:both !important;display:flex !important;justify-content:flex-start !important;margin:1.511cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-signature{text-align:left !important;min-width:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .sig-line{border-top:1.5px solid #1C2B3D !important;margin-bottom:0.378cqw !important;max-width:27.708cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .sig-caption{font-size:1.071cqw !important;letter-spacing:.08em !important;color:#7A8291 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-footer-note{clear:both !important;display:block !important;text-align:left !important;font-style:normal !important;font-size:1.322cqw !important;color:#50596A !important;margin-top:3.023cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit .inv-powered{text-align:left !important;font-size:1.196cqw !important;color:#B8BEC8 !important;margin-top:1.008cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-17-laborsplit).tmpl-rf20-17-laborsplit::after{content:"" !important;position:absolute !important;right:0 !important;bottom:0 !important;width:25.189cqw !important;height:25.189cqw !important;background:url(/assets/tpl-art/rf20/rf20-17-watermark.webp) no-repeat 0 0/100% 100% !important;opacity:.9 !important;z-index:0 !important;pointer-events:none !important}

/* ===== rf20-18-phototrust (RF-18 "Photo Header Trust Icons") =====
   Real crops: the house-roofline logo mark, the full diagonal rafter/roof hero photo (its own
   baked "ROOFING / REPAIRS / REPLACEMENTS / PEACE OF MIND" and "PROTECT WHAT MATTERS MOST" tag
   text is generic marketing copy, not fake business data, kept as part of the photo), the real
   3-icon "Quality Workmanship / Honest Pricing / Stronger Homes" trust row, a calendar icon,
   and the bottom mountain mark + "Roofing better lives" tagline. Flat CSS: the light info-card
   row, table rules, the dark total bar. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;min-height:134.761cqw !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#FFFFFF !important;color:#16222E !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-head{position:relative !important;display:flex !important;justify-content:space-between !important;align-items:flex-start !important;flex-wrap:nowrap !important;height:auto !important;min-height:36.524cqw !important;margin:0 !important;padding:3.275cqw 4.03cqw 0 !important;border:0 !important;background:#FFFFFF !important;box-shadow:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-head::after{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;width:57.123cqw !important;height:28.967cqw !important;background:url(/assets/tpl-art/rf20/rf20-18-hero.webp) no-repeat 0 0/100% 100% !important;z-index:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-head-left{position:relative !important;z-index:1 !important;width:auto !important;max-width:37.783cqw !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-head-left::before{content:"" !important;order:0 !important;display:block !important;width:16.373cqw !important;height:9.572cqw !important;margin:0 0 1.008cqw !important;background:url(/assets/tpl-art/rf20/rf20-18-logo.webp) no-repeat 0 0/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-head-left:has(.inv-logo)::before{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-logo{order:0 !important;display:block !important;max-width:16.373cqw !important;max-height:8.816cqw !important;margin:0 0 1.008cqw !important;object-fit:contain !important;border-radius:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-biz-name{order:1 !important;display:block !important;margin:0 0 0.504cqw !important;padding:0 !important;font-size:3.023cqw !important;font-weight:800 !important;line-height:1.1 !important;letter-spacing:-.01em !important;color:#16222E !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-biz-name::after{content:"Built Higher Together" !important;display:block !important;margin:0.378cqw 0 0 !important;font-size:1.071cqw !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#7E8794 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-biz-contact{order:2 !important;display:flex !important;flex-wrap:wrap !important;gap:0.378cqw 1.511cqw !important;margin:0.378cqw 0 0 !important;font-size:1.322cqw !important;color:#4E5A66 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-biz-address{order:3 !important;margin:0.378cqw 0 0 !important;font-size:1.322cqw !important;color:#4E5A66 !important;max-width:37.783cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-biz-tax{order:4 !important;margin:0.504cqw 0 0 !important;font-size:1.196cqw !important;color:#7E8794 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-head-left::after{content:"" !important;order:5 !important;display:block !important;width:37.783cqw !important;height:3.904cqw !important;margin:1.259cqw 0 0 !important;background:url(/assets/tpl-art/rf20/rf20-18-trust.webp) no-repeat 0 0/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-head-right{position:relative !important;z-index:1 !important;text-align:right !important;max-width:37.783cqw !important;margin-top:29.975cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-doc-title{display:block !important;margin:0 !important;font-size:5.542cqw !important;font-weight:900 !important;letter-spacing:-.02em !important;line-height:.95 !important;color:#16222E !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-doc-title::after{content:"For a stronger tomorrow" !important;display:block !important;margin:0.63cqw 0 1.008cqw !important;font-size:1.134cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#7E8794 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-doc-num{display:block !important;font-size:1.385cqw !important;font-weight:700 !important;color:#16222E !important;opacity:1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-doc-po{font-size:1.259cqw !important;color:#7E8794 !important;margin-top:0.378cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-body{position:relative !important;display:block !important;margin:0 !important;padding:3.275cqw 4.03cqw 3.526cqw !important;background:transparent !important;border:0 !important;font-size:1.574cqw !important;line-height:1.5 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-parties{display:grid !important;grid-template-columns:1fr 1fr 21.411cqw !important;gap:0 !important;background:#F2F4F6 !important;border-radius:0.756cqw !important;padding:2.015cqw 2.267cqw !important;margin:0 0 2.771cqw !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-bill-to{display:flex !important;flex-direction:column !important;padding:0 1.763cqw 0 0 !important;max-width:none !important;border-right:1px solid #DEE2E6 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-label{font-size:1.196cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#16222E !important;margin:0 0 0.882cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-client-name{font-size:1.7cqw !important;font-weight:800 !important;color:#16222E !important;margin:0 0 0.378cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-bill-to>div:not(.inv-label):not(.inv-client-name):not(.inv-shipping){font-size:1.385cqw !important;line-height:2.141cqw !important;color:#4E5A66 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-shipping{order:9 !important;display:flex !important;flex-direction:column !important;margin:1.511cqw 0 0 !important;padding:1.259cqw 0 0 !important;border-top:1px solid #DEE2E6 !important;font-size:1.385cqw !important;line-height:2.141cqw !important;color:#4E5A66 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-shipping .inv-label-inline{display:block !important;font-size:1.196cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#16222E !important;margin:0 0 0.882cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-details{padding:0 0 0 1.763cqw !important;text-align:left !important;min-width:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-details>.inv-label::after{content:"Roof Type:  Asphalt Shingle\A Pitch:  6/12\A Material:  GAF Timberline HDZ\A Square Footage:  2,200 sq ft" !important;display:block !important;white-space:pre-line !important;margin-top:0.882cqw !important;font-size:1.322cqw !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;color:#4E5A66 !important;line-height:2.141cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-details>.inv-label{display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-detail-row{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-table{width:100% !important;margin:0 0 0.504cqw !important;border-collapse:collapse !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-table thead tr{background:#16222E !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-table thead th{height:3.778cqw !important;box-sizing:border-box !important;padding:0 1.259cqw !important;background:transparent !important;border:0 !important;font-size:1.196cqw !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-table tbody td{padding:1.259cqw 1.259cqw !important;border:0 !important;border-bottom:1px solid #EAEDEF !important;font-size:1.511cqw !important;color:#2A333D !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .td-desc{font-weight:600 !important;color:#16222E !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-totals{float:right !important;width:30.227cqw !important;margin:1.008cqw 0 0 !important;padding:0 !important;border:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-totals>div{display:flex !important;justify-content:space-between !important;height:3.023cqw !important;padding:0 0.882cqw !important;font-size:1.385cqw !important;color:#2A333D !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-total-grand{height:5.038cqw !important;margin:0.756cqw 0 0 !important;padding:0 1.259cqw !important;background:#16222E !important;border-top:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-total-grand span,.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-total-grand b{color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-total-grand b{font-size:2.015cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-notes{clear:both !important;float:none !important;width:auto !important;box-sizing:border-box !important;margin:1.511cqw 0 0 !important;padding:1.763cqw 2.015cqw !important;background:#F2F4F6 !important;border-radius:0.756cqw !important;font-style:normal !important;font-size:1.385cqw !important;color:#4E5A66 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-notes div{font-size:1.385cqw !important;line-height:1.6 !important;white-space:pre-wrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-terms{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-payrow{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust [data-f="payment.methods"]{clear:none !important;float:left !important;width:40.302cqw !important;box-sizing:border-box !important;margin:2.015cqw 0 0 !important;display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .pm-doc-h{color:#16222E !important;font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-bank{box-sizing:border-box !important;background:transparent !important;border-radius:0 !important;padding:0 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-bank div{font-size:1.385cqw !important;color:#2A333D !important;line-height:1.8 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-latefee{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-signature-row{clear:both !important;display:flex !important;justify-content:flex-end !important;margin:1.511cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .sig-line{border-top:1.5px solid #16222E !important;margin-bottom:0.378cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .sig-caption{font-size:1.196cqw !important;letter-spacing:.08em !important;color:#7E8794 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-footer-note{clear:both !important;display:block !important;text-align:left !important;font-style:normal !important;font-size:1.322cqw !important;color:#4E5A66 !important;margin-top:2.771cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-powered{text-align:left !important;font-size:1.196cqw !important;color:#B9BFC6 !important;margin-top:0.882cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust::after{content:"" !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-18-phototrust).tmpl-rf20-18-phototrust .inv-body::after{content:"" !important;display:block !important;clear:both !important;width:31.864cqw !important;height:5.793cqw !important;margin-top:2.771cqw !important;background:url(/assets/tpl-art/rf20/rf20-18-mark.webp) no-repeat 0 0/100% 100% !important}

/* ===== rf20-19-minimalsummary (RF-19 "Minimal Service Summary") =====
   Real crops: the house-roofline logo mark, the faint top-right roofline watermark with its
   own baked "Quality Roofs / Safer Homes / Brighter Tomorrows" tagline (generic marketing copy),
   a calendar icon, and 3 circular dark icon badges (person / pin / house) for the info cards.
   Flat CSS: the soft card panels, the checkbox service-type row (fixed, see GAP below), table
   rules, the dark total bar. GAP: "Service Type" checkbox row has no matching field in
   invoice-generator's state (no service-type enum anywhere in the schema) - rendered as fixed
   sample copy via CSS content, same as the roof-spec rows. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;min-height:133.501cqw !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#FFFFFF !important;color:#152033 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary::before{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;width:51.008cqw !important;height:17.254cqw !important;background:url(/assets/tpl-art/rf20/rf20-19-wm.webp) no-repeat 0 0/100% 100% !important;z-index:0 !important;pointer-events:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-head{position:relative !important;z-index:1 !important;display:flex !important;justify-content:space-between !important;align-items:flex-start !important;flex-wrap:nowrap !important;height:auto !important;min-height:21.411cqw !important;margin:0 !important;padding:3.526cqw 4.03cqw 0 !important;border:0 !important;background:transparent !important;box-shadow:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-head-left{position:static !important;width:auto !important;max-width:37.783cqw !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-head-left::before{content:"" !important;order:0 !important;display:block !important;width:19.647cqw !important;height:8.186cqw !important;margin:0 0 1.008cqw !important;background:url(/assets/tpl-art/rf20/rf20-19-logo.webp) no-repeat 0 0/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-head-left:has(.inv-logo)::before{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-logo{order:0 !important;display:block !important;max-width:16.373cqw !important;max-height:6.927cqw !important;margin:0 0 1.008cqw !important;object-fit:contain !important;border-radius:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-biz-name{order:1 !important;display:block !important;margin:0 0 0.504cqw !important;padding:0 !important;font-size:3.023cqw !important;font-weight:900 !important;line-height:1.05 !important;letter-spacing:-.01em !important;color:#152033 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-biz-name::after{content:"Built Higher Together" !important;display:block !important;margin:0.378cqw 0 0 !important;font-size:1.071cqw !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#8892A6 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-biz-contact{order:2 !important;display:flex !important;flex-wrap:wrap !important;gap:0.378cqw 1.511cqw !important;margin:0.756cqw 0 0 !important;font-size:1.322cqw !important;color:#53607A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-biz-address{order:3 !important;margin:0.378cqw 0 0 !important;font-size:1.322cqw !important;color:#53607A !important;max-width:37.783cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-biz-tax{order:4 !important;margin:0.504cqw 0 0 !important;font-size:1.196cqw !important;color:#8892A6 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-head-right{text-align:right !important;max-width:37.783cqw !important;margin-top:17.6cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-doc-title{display:block !important;margin:0 !important;font-size:5.29cqw !important;font-weight:900 !important;letter-spacing:-.02em !important;line-height:.95 !important;color:#152033 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-doc-title::after{content:"Residential & Commercial Roofing" !important;display:block !important;margin:0.63cqw 0 1.008cqw !important;font-size:1.134cqw !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#8892A6 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-doc-num{display:block !important;font-size:1.385cqw !important;color:#53607A !important;opacity:1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-doc-po{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-body{position:relative !important;z-index:1 !important;display:block !important;margin:0 !important;padding:3.023cqw 4.03cqw 3.526cqw !important;background:transparent !important;border:0 !important;font-size:1.574cqw !important;line-height:1.5 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-parties{display:grid !important;grid-template-columns:1fr 1fr 23.929cqw !important;gap:0 !important;background:#EEF2F6 !important;border-radius:0.756cqw !important;padding:2.267cqw 2.267cqw !important;margin:0 0 2.519cqw !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-bill-to{display:flex !important;flex-direction:column !important;padding:0 1.763cqw 0 4.534cqw !important;max-width:none !important;border-right:1px solid #DCE2EA !important;background:url(/assets/tpl-art/rf20/rf20-19-person.webp) no-repeat 0 0.252cqw/3.275cqw 3.275cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-label{font-size:1.134cqw !important;font-weight:800 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:#152033 !important;margin:0 0 0.882cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-client-name{font-size:1.7cqw !important;font-weight:800 !important;color:#152033 !important;margin:0 0 0.378cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-bill-to>div:not(.inv-label):not(.inv-client-name):not(.inv-shipping){font-size:1.385cqw !important;line-height:2.141cqw !important;color:#53607A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-shipping{order:9 !important;display:flex !important;flex-direction:column !important;margin:1.511cqw 0 0 !important;padding:1.259cqw 0 0 3.275cqw !important;border-top:1px solid #DCE2EA !important;background:url(/assets/tpl-art/rf20/rf20-19-pin.webp) no-repeat 0 1.259cqw/3.275cqw 3.275cqw !important;font-size:1.385cqw !important;line-height:2.141cqw !important;color:#53607A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-shipping .inv-label-inline{display:block !important;font-size:1.134cqw !important;font-weight:800 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:#152033 !important;margin:0 0 0.882cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-details{padding:0 0 0 4.534cqw !important;background:url(/assets/tpl-art/rf20/rf20-19-house.webp) no-repeat 0 1.259cqw/3.275cqw 3.275cqw !important;text-align:left !important;min-width:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-details>.inv-label{display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-details>.inv-label::after{content:"Roof Type:  Asphalt Shingle\A Pitch:  6/12\A Material:  GAF Timberline HDZ\A Square Footage:  2,400 sq ft" !important;display:block !important;white-space:pre-line !important;margin-top:0.882cqw !important;font-size:1.385cqw !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;color:#53607A !important;line-height:2.141cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-detail-row{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-table{width:100% !important;margin:0 0 0.504cqw !important;border-collapse:collapse !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-table::before{content:"SERVICE TYPE:   \2611  Replacement    \2610  Repair    \2610  Inspection    \2610  Maintenance        A STRONGER ROOF FOR A BRIGHTER TOMORROW." !important;display:block !important;box-sizing:border-box !important;margin:0 0 2.519cqw !important;padding:1.511cqw 2.267cqw !important;background:#EEF2F6 !important;border-radius:0.756cqw !important;font-size:1.322cqw !important;font-weight:700 !important;letter-spacing:.03em !important;color:#152033 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-table thead tr{background:#152033 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-table thead th{height:3.526cqw !important;box-sizing:border-box !important;padding:0 1.259cqw !important;background:transparent !important;border:0 !important;font-size:1.196cqw !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-table tbody td{padding:1.134cqw 1.259cqw !important;border:0 !important;border-bottom:1px solid #E8ECF1 !important;font-size:1.511cqw !important;color:#2B3446 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .td-desc{font-weight:600 !important;color:#152033 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-totals{float:right !important;width:30.227cqw !important;margin:1.008cqw 0 0 !important;padding:0 !important;border:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-totals>div{display:flex !important;justify-content:space-between !important;height:3.023cqw !important;padding:0 0.882cqw !important;font-size:1.385cqw !important;color:#2B3446 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-total-grand{height:5.038cqw !important;margin:0.756cqw 0 0 !important;padding:0 1.259cqw !important;background:#152033 !important;border-top:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-total-grand span,.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-total-grand b{color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-total-grand b{font-size:2.015cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-notes{clear:both !important;float:none !important;width:auto !important;box-sizing:border-box !important;margin:1.511cqw 0 0 !important;padding:1.763cqw 2.267cqw !important;background:#EEF2F6 !important;border-radius:0.756cqw !important;font-style:normal !important;font-size:1.385cqw !important;color:#53607A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-notes div{font-size:1.385cqw !important;line-height:1.6 !important;white-space:pre-wrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-terms{clear:both !important;display:block !important;background:#EEF2F6 !important;border-radius:0.756cqw !important;padding:1.763cqw 2.267cqw !important;margin:2.519cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-terms div{font-size:1.385cqw !important;color:#53607A !important;line-height:1.6 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-payrow{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary [data-f="payment.methods"]{clear:none !important;float:left !important;width:40.302cqw !important;box-sizing:border-box !important;margin:2.267cqw 0 0 !important;display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .pm-doc-h{color:#152033 !important;font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-bank{box-sizing:border-box !important;background:transparent !important;border-radius:0 !important;padding:0 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-bank div{font-size:1.385cqw !important;color:#2B3446 !important;line-height:1.8 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-latefee{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-signature-row{clear:both !important;display:flex !important;justify-content:flex-end !important;margin:1.511cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .sig-line{border-top:1.5px solid #152033 !important;margin-bottom:0.378cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .sig-caption{font-size:1.134cqw !important;letter-spacing:.08em !important;color:#8892A6 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-footer-note{display:block !important;text-align:left !important;font-style:normal !important;font-size:1.385cqw !important;color:#53607A !important;margin-top:2.519cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-19-minimalsummary).tmpl-rf20-19-minimalsummary .inv-powered{text-align:left !important;font-size:1.196cqw !important;color:#C3C9D4 !important;margin-top:0.882cqw !important}

/* ===== rf20-20-geofooter (RF-20 "Orange Geometric Footer") =====
   Real crops: the orange/charcoal roofline logo mark, the shield-check "stronger roof" icon,
   a small house icon for the roof-spec strip, and a real roof-photo crop for the dark footer
   band (text-free, cropped to exclude the reference's own baked sample address). The orange/
   charcoal corner geometry and the footer's diagonal orange accent are plain CSS clip-path
   triangles/gradients per the master rules ("simple geometric bands... rebuilt with CSS"),
   not crops. Flat CSS: roof-spec strip, table rules, the peach total band, the dark footer. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;min-height:136.02cqw !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#FFFFFF !important;color:#16212E !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-head{position:relative !important;display:flex !important;justify-content:flex-start !important;align-items:flex-start !important;flex-wrap:nowrap !important;height:auto !important;min-height:21.411cqw !important;margin:0 !important;padding:3.023cqw 4.03cqw 0 !important;border:0 !important;background:#FFFFFF !important;box-shadow:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-head::before{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;width:30cqw !important;height:21.411cqw !important;background:#16212E !important;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%) !important;z-index:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-head::after{content:"" !important;position:absolute !important;right:3cqw !important;top:0 !important;width:16cqw !important;height:21.411cqw !important;background:linear-gradient(135deg,#E85B1C 0 48%,transparent 48%) !important;z-index:1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-head-left{position:relative !important;z-index:2 !important;width:auto !important;max-width:37.783cqw !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-head-left::before{content:"" !important;order:0 !important;display:block !important;width:22.418cqw !important;height:11.713cqw !important;margin:0 0 1.259cqw !important;background:url(/assets/tpl-art/rf20/rf20-20-logo.webp) no-repeat 0 0/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-head-left:has(.inv-logo)::before{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-logo{order:0 !important;display:block !important;max-width:17.632cqw !important;max-height:8.816cqw !important;margin:0 0 1.259cqw !important;object-fit:contain !important;border-radius:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-biz-name{order:1 !important;display:block !important;margin:0 0 0.504cqw !important;padding:0 !important;font-size:3.023cqw !important;font-weight:800 !important;line-height:1.1 !important;letter-spacing:-.01em !important;color:#16212E !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-biz-name::after{content:"Built Higher Together" !important;display:block !important;margin:0.378cqw 0 0 !important;font-size:1.071cqw !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#838EA0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-biz-contact{order:2 !important;display:flex !important;flex-wrap:wrap !important;gap:0.378cqw 1.511cqw !important;margin:0.756cqw 0 0 !important;font-size:1.322cqw !important;color:#50596A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-biz-address{order:3 !important;margin:0.378cqw 0 0 !important;font-size:1.322cqw !important;color:#50596A !important;max-width:37.783cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-biz-tax{order:4 !important;margin:0.504cqw 0 0 !important;font-size:1.196cqw !important;color:#838EA0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-head-left::after{content:"Roofing  |  Repairs  |  Replacements\AQuality Work. Stronger Tomorrow.\A \A Residential \2022  Commercial \2022  Storm Restoration" !important;order:5 !important;display:block !important;white-space:pre-line !important;box-sizing:border-box !important;width:33.249cqw !important;margin:1.763cqw 0 0 !important;padding:1.511cqw 0 0 6.802cqw !important;border-top:2px solid #E85B1C !important;background:url(/assets/tpl-art/rf20/rf20-20-house.webp) no-repeat 0 1.763cqw/3.275cqw 2.267cqw,url(/assets/tpl-art/rf20/rf20-20-shield.webp) no-repeat 0 5.542cqw/3.275cqw 3.275cqw !important;font-size:1.322cqw !important;font-weight:600 !important;letter-spacing:.02em !important;line-height:2.267cqw !important;color:#50596A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-head-right{position:relative !important;z-index:2 !important;text-align:left !important;max-width:21cqw !important;margin:1.259cqw 0 0 5cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-head-right::after{content:"Protect your home\A for a brighter tomorrow" !important;position:absolute !important;z-index:3 !important;right:-29cqw !important;top:6.297cqw !important;width:14.5cqw !important;white-space:pre-line !important;font-size:1.071cqw !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;line-height:1.7 !important;color:#FFFFFF !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-doc-title{display:block !important;margin:0 !important;font-size:4.7cqw !important;font-weight:900 !important;letter-spacing:-.02em !important;line-height:.95 !important;color:#16212E !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-doc-title::after{content:"" !important;display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-doc-num{display:block !important;font-size:1.385cqw !important;color:#50596A !important;opacity:1 !important;margin-top:1.259cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-doc-po{font-size:1.259cqw !important;color:#838EA0 !important;margin-top:0.378cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-body{position:relative !important;display:block !important;margin:0 !important;padding:3.023cqw 4.03cqw 3.526cqw !important;background:transparent !important;border:0 !important;font-size:1.574cqw !important;line-height:1.5 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-parties{display:flex !important;justify-content:space-between !important;gap:2.015cqw !important;margin:0 0 2.519cqw !important;padding:0 0 2.267cqw !important;border-bottom:1px solid #E8E9EC !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-bill-to{display:flex !important;flex-direction:column !important;max-width:37.783cqw !important;padding:0 !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-label{font-size:1.196cqw !important;font-weight:800 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:#E85B1C !important;margin:0 0 0.882cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-client-name{font-size:1.7cqw !important;font-weight:800 !important;color:#16212E !important;margin:0 0 0.378cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-bill-to>div:not(.inv-label):not(.inv-client-name):not(.inv-shipping){font-size:1.385cqw !important;line-height:2.141cqw !important;color:#50596A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-shipping{order:9 !important;display:flex !important;flex-direction:column !important;max-width:37.783cqw !important;margin:0 !important;padding:0 !important;font-size:1.385cqw !important;line-height:2.141cqw !important;color:#50596A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-shipping .inv-label-inline{display:block !important;font-size:1.196cqw !important;font-weight:800 !important;letter-spacing:.09em !important;text-transform:uppercase !important;color:#E85B1C !important;margin:0 0 0.882cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-details{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-body::before{content:"Roof Type: Asphalt Shingle    Roof Pitch: 6/12    Material: GAF Timberline HDZ    Square Footage: 2,200 sq ft" !important;display:block !important;box-sizing:border-box !important;margin:0 0 2.519cqw !important;padding:1.763cqw 2.267cqw 1.763cqw 6.297cqw !important;background:#F3F5F7 url(/assets/tpl-art/rf20/rf20-20-house.webp) no-repeat 1.763cqw 50%/3.275cqw 3.275cqw !important;border-radius:0.756cqw !important;font-size:1.322cqw !important;line-height:1.7 !important;color:#50596A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-body::before span{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-table{width:100% !important;margin:0 0 0.504cqw !important;border-collapse:collapse !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-table thead tr{background:#16212E !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-table thead th{height:3.778cqw !important;box-sizing:border-box !important;padding:0 1.259cqw !important;background:transparent !important;border:0 !important;font-size:1.196cqw !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-table tbody td{padding:1.259cqw 1.259cqw !important;border:0 !important;border-bottom:1px solid #EAEBEE !important;font-size:1.511cqw !important;color:#2B3440 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .td-desc{font-weight:600 !important;color:#16212E !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-totals{float:right !important;width:30.227cqw !important;margin:1.008cqw 0 0 !important;padding:0 !important;border:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-totals>div{display:flex !important;justify-content:space-between !important;height:3.023cqw !important;padding:0 0.882cqw !important;font-size:1.385cqw !important;color:#2B3440 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-total-grand{height:5.038cqw !important;margin:0.756cqw 0 0 !important;padding:0 1.259cqw !important;background:#FBE0CF !important;border-top:0 !important;border-radius:0.756cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-total-grand span,.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-total-grand b{color:#16212E !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-total-grand b{font-size:2.015cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-payrow{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter [data-f="payment.methods"]{clear:none !important;float:left !important;width:45.34cqw !important;box-sizing:border-box !important;margin:2.267cqw 0 0 !important;display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .pm-doc-h{color:#16212E !important;font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-bank{box-sizing:border-box !important;background:transparent !important;padding:0 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-latefee{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-notes{clear:both !important;float:left !important;width:28cqw !important;margin:1.763cqw 2.3cqw 0 0 !important;padding:0 1.763cqw 0 0 !important;box-sizing:border-box !important;background:transparent !important;border-left:2px solid #E85B1C !important;padding-left:1.763cqw !important;font-style:normal !important;font-size:1.385cqw !important;color:#50596A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-notes div{font-size:1.385cqw !important;line-height:1.6 !important;white-space:pre-wrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-terms{clear:none !important;float:left !important;width:28cqw !important;display:block !important;background:transparent !important;padding:0 0 0 1.763cqw !important;margin:1.763cqw 2.3cqw 0 0 !important;box-sizing:border-box !important;border-left:2px solid #E85B1C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-terms::before{content:"" !important;display:block !important;width:4.4cqw !important;height:4.4cqw !important;margin:0 0 1.511cqw !important;background:url(/assets/tpl-art/rf20/rf20-20-shield.webp) no-repeat 0 0/100% 100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-terms div{font-size:1.385cqw !important;color:#50596A !important;line-height:1.6 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-signature-row{clear:none !important;float:left !important;width:28cqw !important;display:block !important;justify-content:flex-start !important;margin:1.763cqw 0 0 !important;padding:0 0 0 1.763cqw !important;box-sizing:border-box !important;border-left:2px solid #E85B1C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-signature{text-align:left !important;min-width:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .sig-line{border-top:1.5px solid #16212E !important;margin-bottom:0.378cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .sig-caption{font-size:1.196cqw !important;letter-spacing:.08em !important;color:#838EA0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-footer-note{clear:both !important;display:block !important;text-align:left !important;font-style:normal !important;font-size:1.259cqw !important;color:#50596A !important;margin:2.519cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-powered{position:relative !important;z-index:1 !important;display:block !important;box-sizing:border-box !important;width:calc(100% + 8.06cqw) !important;margin:2.519cqw 0 0 -4.03cqw !important;padding:1.763cqw 4.03cqw !important;background:#16212E !important;text-align:left !important;font-size:1.196cqw !important;letter-spacing:.06em !important;color:#C7CBD2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-powered::before{content:"" !important;position:absolute !important;right:0 !important;bottom:0 !important;width:30.227cqw !important;height:100% !important;background:url(/assets/tpl-art/rf20/rf20-20-footphoto.webp) no-repeat center/cover !important;opacity:.85 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-powered::after{content:"Roofs today. Stronger tomorrows." !important;position:relative !important;z-index:1 !important;display:block !important;margin:1.511cqw 0 0 !important;padding-top:1.511cqw !important;max-width:45cqw !important;border-top:1px solid #41485A !important;font-size:1.259cqw !important;font-weight:600 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-20-geofooter).tmpl-rf20-20-geofooter .inv-powered a{color:#C7CBD2 !important}