/* Roofer 20-pack, batch 1 (RF-01..RF-04): built to the owner's reference package
   (tools/trades10/pack-templates/roofer/01_TEMPLATES_ORIGINAL + 04_TEMPLATE_SPECS) on
   invoice-generator's .invoice-preview DOM, same technique proven on electrician/hvac/
   landscaper/carpenter. Every photo/illustration is a real crop of the reference PNG in
   /assets/tpl-art/rf20/ (RF-02's crop was re-framed narrower rather than inpainted, after a
   first inpaint attempt over its "ROOFING PEOPLE CAN TRUST" corner text left a visible smudge
   artifact - cropping the clean portion of the photo instead gave a cleaner result than trying
   to repair the inpaint). CSS draws flat fills, rules, boxes, roofline logo marks (simple
   two-triangle shapes, rebuilt as CSS per this pack's own "simple roof lines rebuilt with
   CSS/SVG" rule) and the live text. All geometry is in container-query units (1cqw = 1/100 of
   the sheet width) so the same layout holds at the 794px screen sheet, the 690px export and the
   847px print width. */

/* ===== rf20-01-photosidebar =====
   RF-01 "Premium Roof Photo Sidebar". Real crop: the full-bleed roof-shingle photo filling the
   lower two-thirds of the dark right sidebar (/assets/tpl-art/rf20/rf01-roofphoto.webp, cropped
   from the reference's own right-column strip, a clean photo-only region with no baked text).
   The small two-triangle roofline logo mark (navy + tan) is a simple geometric shape, rebuilt as
   CSS per the pack's own "rebuild simple roof lines with CSS/SVG" instruction, not a crop. The
   sidebar's trust-icon row (shield/hardhat/house), its "ROOFING / REPAIRS / REPLACEMENTS / PEACE
   OF MIND" stack and its quote line are generic boilerplate copy, not business data, built as
   live CSS text/SVG icons so they stay crisp at every width. No roofer-specific fields exist yet
   in the data model (roof type/pitch/material/warranty) - the Project/Site panel shows only the
   real property address field plus editable-placeholder rows for the unbacked roofer fields
   (data-free-edit candidates, listed in the build report), styled as a visibly-pending "Add ..."
   row rather than inventing a value, matching this codebase's own zero-state-chip convention. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;background:#FFFFFF !important;color:#1B2630 !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-01-photosidebar).tmpl-rf20-01-photosidebar::before{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;bottom:0 !important;width:25cqw !important;background:#28313C !important;z-index:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar::after{content:"" !important;position:absolute !important;right:0 !important;top:72cqw !important;width:25cqw !important;height:35cqw !important;background:url(/assets/tpl-art/rf20/rf01-roofphoto.webp) no-repeat 50% 50%/cover !important;z-index:1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-head{position:static !important;display:block !important;height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-head::before{content:"" !important;position:absolute !important;left:5.7cqw !important;top:4.1cqw !important;width:10.8cqw !important;height:7.2cqw !important;background:linear-gradient(135deg,#1B2630 0 48%,transparent 48.5%),linear-gradient(45deg,#C79A5B 0 48%,transparent 48.5%) !important;background-size:50% 100%,50% 100% !important;background-position:0 0,100% 0 !important;background-repeat:no-repeat !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-head::after{content:"ROOFING\A REPAIRS\A REPLACEMENTS\A PEACE OF MIND" !important;position:absolute !important;left:58.5cqw !important;top:6.6cqw !important;width:15cqw !important;white-space:pre !important;font-size:0.85cqw !important;line-height:1.75cqw !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#5A6472 !important;text-align:left !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-head-left{position:static !important;display:block !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-biz-name{position:absolute !important;left:5.7cqw !important;top:12.6cqw !important;width:40cqw !important;margin:0 !important;font-size:2.7cqw !important;font-weight:800 !important;letter-spacing:.02em !important;color:#1B2630 !important;white-space:nowrap !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-biz-name::after{content:"BUILT HIGHER TOGETHER" !important;position:absolute !important;left:0 !important;top:3.4cqw !important;font-size:0.8cqw !important;font-weight:700 !important;letter-spacing:.22em !important;color:#8A93A0 !important;white-space:nowrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-biz-contact{position:absolute !important;left:78.5cqw !important;top:109cqw !important;width:19.5cqw !important;display:flex !important;flex-direction:column !important;gap:1.1cqw !important;margin:0 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-biz-contact>div{font-size:0.95cqw !important;line-height:1.3cqw !important;color:#E7EAEE !important;padding-left:2.1cqw !important;position:relative !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-biz-contact>div::before{content:"" !important;position:absolute !important;left:0 !important;top:0.05cqw !important;width:1.5cqw !important;height:1.5cqw !important;background-repeat:no-repeat !important;background-size:contain !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-biz-contact>div:nth-child(1)::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTdFQUVFIiBzdHJva2Utd2lkdGg9IjEuNiI+PHJlY3QgeD0iMi41IiB5PSI1IiB3aWR0aD0iMTkiIGhlaWdodD0iMTQiIHJ4PSIxLjUiLz48cGF0aCBkPSJNMyA2LjIgTDEyIDEzIEwyMSA2LjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-biz-contact>div:nth-child(2)::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTdFQUVFIiBzdHJva2Utd2lkdGg9IjEuNiI+PHBhdGggZD0iTTYuNiAzLjUgTDkuMyA2LjIgQzkuOSA2LjggOS45IDcuNiA5LjQgOC4zIEw4LjEgOS45IEM5LjEgMTIgMTIgMTQuOSAxNC4xIDE1LjkgTDE1LjcgMTQuNiBDMTYuNCAxNC4xIDE3LjIgMTQuMSAxNy44IDE0LjcgTDIwLjUgMTcuNCBDMjEuMSAxOCAyMS4xIDE5IDIwLjQgMTkuNiBMMTkgMjAuOCBDMTguMyAyMS40IDE3LjMgMjEuNiAxNi40IDIxLjMgQzEyLjMgMjAgNiAxMy43IDQuNyA5LjYgQzQuNCA4LjcgNC42IDcuNyA1LjIgNyBMNi40IDUuNiBDNS42IDUuMSA1LjkgNC4xIDYuNiAzLjUgWiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-biz-contact>div:nth-child(3)::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTdFQUVFIiBzdHJva2Utd2lkdGg9IjEuNiI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOS4zIi8+PGVsbGlwc2UgY3g9IjEyIiBjeT0iMTIiIHJ4PSI0IiByeT0iOS4zIi8+PGxpbmUgeDE9IjIuNyIgeTE9IjEyIiB4Mj0iMjEuMyIgeTI9IjEyIi8+PC9zdmc+) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-biz-address{display:block !important;position:absolute !important;left:78.5cqw !important;top:120cqw !important;width:19.5cqw !important;padding-left:2.1cqw !important;font-size:0.95cqw !important;line-height:1.3cqw !important;color:#E7EAEE !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-biz-address::before{content:"" !important;position:absolute !important;left:0 !important;top:0.05cqw !important;width:1.5cqw !important;height:1.5cqw !important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTdFQUVFIiBzdHJva2Utd2lkdGg9IjEuNiI+PHBhdGggZD0iTTEyIDIxLjUgQzEyIDIxLjUgMTkgMTQuOCAxOSA5LjggQzE5IDUuNyAxNS45IDIuNSAxMiAyLjUgQzguMSAyLjUgNSA1LjcgNSA5LjggQzUgMTQuOCAxMiAyMS41IDEyIDIxLjUgWiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iOS44IiByPSIyLjYiLz48L3N2Zz4=) no-repeat center/contain !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-head-right{position:static !important;display:block !important;margin:0 !important;padding:0 !important;text-align:right !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-doc-title{position:absolute !important;left:5.7cqw !important;top:23cqw !important;width:40cqw !important;margin:0 !important;padding:0 !important;font-size:7.6cqw !important;font-weight:800 !important;letter-spacing:-.01em !important;color:#1B2630 !important;text-align:left !important;white-space:nowrap !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-doc-title::after{content:"PROFESSIONAL ROOFING SERVICES" !important;position:absolute !important;left:0 !important;top:9.4cqw !important;font-size:1.05cqw !important;font-weight:700 !important;letter-spacing:.14em !important;color:#5A6472 !important;white-space:nowrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-doc-num{position:absolute !important;left:78.5cqw !important;top:9.3cqw !important;width:19.5cqw !important;margin:0 !important;font-size:1.75cqw !important;font-weight:800 !important;letter-spacing:.03em !important;text-transform:none !important;color:#FFFFFF !important;text-align:left !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-doc-num::before{content:"INVOICE NO." !important;position:absolute !important;left:0 !important;top:-2.1cqw !important;font-size:0.78cqw !important;font-weight:700 !important;letter-spacing:.16em !important;color:#9AA3AC !important;white-space:nowrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-doc-num::after{content:"" !important;position:absolute !important;left:0 !important;top:4.6cqw !important;width:19.5cqw !important;height:0.09cqw !important;background:#4A525C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-details{position:absolute !important;left:78.5cqw !important;top:16.5cqw !important;width:19.5cqw !important;display:block !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-details .inv-label{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-detail-row{display:block !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-detail-row span{display:block !important;margin:0 0 0.55cqw !important;font-size:0.78cqw !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#9AA3AC !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-detail-row b{display:block !important;font-size:1.55cqw !important;font-weight:700 !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-detail-row:nth-child(2){position:absolute !important;left:0 !important;top:0 !important;width:100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-detail-row:nth-child(3){position:absolute !important;left:0 !important;top:9.3cqw !important;width:100% !important;padding-top:1.9cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-detail-row:nth-child(3)::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:0.09cqw !important;background:#4A525C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-detail-row:nth-child(4),.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-detail-row:nth-child(5){display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-parties::before{content:"PROJECT / SITE" !important;position:absolute !important;left:41.85cqw !important;top:36.5cqw !important;font-size:0.85cqw !important;font-weight:800 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#5A6472 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-parties::after{content:"PROJECT TYPE\A Add project type\A ROOF PITCH\A Add roof pitch\A MATERIAL\A Add roofing material\A WARRANTY\A Add warranty term" !important;position:absolute !important;left:41.85cqw !important;top:38.6cqw !important;width:28cqw !important;white-space:pre-line !important;font-size:0.95cqw !important;line-height:1.55cqw !important;color:#8A93A0 !important;font-style:italic !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-body{position:static !important;display:grid !important;grid-template-columns:33.15cqw 33.15cqw !important;grid-template-rows:auto auto auto 1fr auto !important;column-gap:3cqw !important;row-gap:0 !important;box-sizing:border-box !important;min-height:120cqw !important;margin:0 !important;padding:35cqw 25cqw 10cqw 5.7cqw !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-body>*{margin:0 !important;min-width:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-parties{grid-column:1 / -1 !important;grid-row:1 !important;display:flex !important;gap:3cqw !important;margin:0 0 2.5cqw !important;padding-top:1.4cqw !important;border-top:0.11cqw solid #DCE0E4 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-bill-to,.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-details{flex:1 1 0 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-label{display:block !important;margin:0 0 0.7cqw !important;font-size:0.85cqw !important;font-weight:800 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#5A6472 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-bill-to>*{font-size:1.15cqw !important;line-height:1.75cqw !important;color:#1B2630 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-client-name{font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-table{grid-column:1 / -1 !important;grid-row:2 !important;display:block !important;width:100% !important;margin:0 0 2cqw !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-table thead,.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-table tbody{display:block !important;width:100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-table thead tr,.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-table tbody tr:not(.ige-ui){display:flex !important;align-items:flex-start !important;width:100% !important;box-sizing:border-box !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-table thead tr{align-items:center !important;height:3.7cqw !important;background:#28313C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-table th{display:block !important;padding:0 !important;font-size:0.85cqw !important;font-weight:800 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-table tbody tr:not(.ige-ui){min-height:4.7cqw !important;padding:1.15cqw 0 !important;border-bottom:0.09cqw solid #E4E7EA !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-table td{display:block !important;padding:0 !important;font-size:1.1cqw !important;color:#1B2630 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-table :is(th,td):nth-child(1){flex:1 1 0 !important;padding-left:1.6cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-table :is(th,td):nth-child(2){flex:0 0 8cqw !important;text-align:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-table :is(th,td):nth-child(3){flex:0 0 13cqw !important;text-align:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-table :is(th,td):nth-child(4){flex:0 0 13cqw !important;padding-right:1.6cqw !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-notes{grid-column:1 !important;grid-row:3 !important;padding:1.8cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-notes>.inv-label~*{font-size:1.05cqw !important;line-height:1.6cqw !important;color:#1B2630 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-terms{grid-column:1 !important;grid-row:4 !important;padding:1.2cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-terms>.inv-label~*{font-size:1.05cqw !important;line-height:1.6cqw !important;color:#5A6472 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-table::before{content:"QUALITY\AMATERIALS" !important;position:absolute !important;left:78.5cqw !important;top:35.5cqw !important;width:19.5cqw !important;min-height:3cqw !important;white-space:pre !important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNiI+PHBhdGggZD0iTTEyIDIgTDIwIDUgVjExIEMyMCAxNiAxNi41IDIwIDEyIDIyIEM3LjUgMjAgNCAxNiA0IDExIFY1IFoiLz48cGF0aCBkPSJNOC4zIDEyIEwxMSAxNC43IEwxNiA5LjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) no-repeat left top/2.6cqw 2.6cqw !important;padding:0.15cqw 0 0 3.9cqw !important;font-size:0.95cqw !important;line-height:1.5cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#E7EAEE !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-table::after{content:"EXPERT\AWORKMANSHIP" !important;position:absolute !important;left:78.5cqw !important;top:44cqw !important;width:19.5cqw !important;min-height:3cqw !important;white-space:pre !important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNiI+PHBhdGggZD0iTTQgMTYuNSBDNCAxMC4yIDcuNiA2IDEyIDYgQzE2LjQgNiAyMCAxMC4yIDIwIDE2LjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxyZWN0IHg9IjIiIHk9IjE2LjMiIHdpZHRoPSIyMCIgaGVpZ2h0PSIzIiByeD0iMS4zIi8+PGxpbmUgeDE9IjEyIiB5MT0iNSIgeDI9IjEyIiB5Mj0iOC41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=) no-repeat left top/2.6cqw 2.6cqw !important;padding:0.15cqw 0 0 3.9cqw !important;font-size:0.95cqw !important;line-height:1.5cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#E7EAEE !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-totals::before{content:"LASTING\APROTECTION" !important;position:absolute !important;left:78.5cqw !important;top:52cqw !important;width:19.5cqw !important;min-height:3cqw !important;white-space:pre !important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNiI+PHBhdGggZD0iTTMgMTEgTDEyIDQgTDIxIDExIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNNS4yIDkuNiBWMjAgSDE4LjggVjkuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGxpbmUgeDE9IjkiIHkxPSIyMCIgeDI9IjkiIHkyPSIxNCIvPjxsaW5lIHgxPSIxNSIgeTE9IjIwIiB4Mj0iMTUiIHkyPSIxNCIvPjxsaW5lIHgxPSI5IiB5MT0iMTQiIHgyPSIxNSIgeTI9IjE0Ii8+PC9zdmc+) no-repeat left top/2.6cqw 2.6cqw !important;padding:0.15cqw 0 0 3.9cqw !important;font-size:0.95cqw !important;line-height:1.5cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#E7EAEE !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-totals::after{content:"" !important;position:absolute !important;left:78.5cqw !important;top:59.3cqw !important;width:5.5cqw !important;height:0.14cqw !important;background:#C79A5B !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-totals{grid-column:2 !important;grid-row:3 !important;display:block !important;margin:0 !important;padding:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.6cqw 0 !important;font-size:1.05cqw !important;color:#1B2630 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-totals>div b{font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-totals>div.inv-total-grand{margin-top:0.9cqw !important;padding:1.5cqw 1.3cqw !important;background:#F2F4F6 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-totals>div.inv-total-grand span{font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;font-size:0.95cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-totals>div.inv-total-grand b{font-size:2.1cqw !important;font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-payrow{grid-column:1 / -1 !important;grid-row:5 !important;padding:1.5cqw 0 0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-bank{background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-payrow>.inv-bank>*{font-size:0.95cqw !important;line-height:1.5cqw !important;color:#5A6472 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-latefee{color:#5A6472 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-signature-row{grid-column:1 / -1 !important;grid-row:6 !important;display:flex !important;gap:6cqw !important;margin:3cqw 0 0 !important;padding-top:1.4cqw !important;border-top:0.11cqw solid #DCE0E4 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-signature-row::before{content:"\201CA stronger roof for a brighter tomorrow.\201D" !important;position:absolute !important;left:78.5cqw !important;top:64cqw !important;width:19.5cqw !important;font-family:Georgia,serif !important;font-style:italic !important;font-size:1.3cqw !important;line-height:1.85cqw !important;color:#F2F4F6 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .sig-render{font-family:Georgia,serif !important;font-style:italic !important;font-size:1.8cqw !important;color:#1B2630 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .sig-line{border-color:#B9C0C8 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .sig-caption{font-size:0.8cqw !important;font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#5A6472 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-photos{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-footer-note{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-01-photosidebar).tmpl-rf20-01-photosidebar .inv-powered{position:absolute !important;left:5.7cqw !important;bottom:1cqw !important;font-size:0.75cqw !important;color:#AEB4BB !important}

/* ===== rf20-02-ridgelinehero =====
   RF-02 "Ridgeline Diagonal Hero". Real crop: the angled roof + sky photo in the header
   (/assets/tpl-art/rf20/rf02-roofphoto.webp), re-framed to a clean right-hand slice of the
   original crop after a first attempt at inpainting the corner's "ROOFING PEOPLE CAN TRUST" text
   left a visible smudge artifact - cropping tighter avoided the problem instead of trying to fix
   the inpaint. The dark wedge, copper diagonal divider rule and the two-triangle roofline logo
   mark are flat CSS shapes/clip-paths (simple geometric forms, per this pack's own "rebuild
   simple shapes with CSS" rule), not pixels. The trust-icon strip (shield/people/house/handshake)
   and the "RESIDENTIAL | COMMERCIAL | REPAIRS | REPLACEMENTS" line are generic boilerplate copy,
   built as live CSS icons/text. No roofer-specific data fields exist yet - the Property/Job Site
   panel shows the real job-site style fields it has (reusing inv-details) plus a visibly-pending
   "Add roof type / size / pitch" placeholder row (data-free-edit candidate, see build report). */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;background:#FFFFFF !important;color:#1A1D22 !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-02-ridgelinehero).tmpl-rf20-02-ridgelinehero::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;width:100cqw !important;height:24.4cqw !important;background:#C86A3D !important;clip-path:polygon(0 0,100% 0,100% 58%,0 100%) !important;z-index:-1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero::after{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;width:58cqw !important;height:22cqw !important;background:url(/assets/tpl-art/rf20/rf02-roofphoto.webp) no-repeat 100% 0/cover !important;z-index:1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-head{position:static !important;display:block !important;height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-head::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;width:100cqw !important;height:24cqw !important;background:#1A1D22 !important;clip-path:polygon(0 0,100% 0,100% 58%,0 100%) !important;z-index:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-head::after{content:"" !important;position:absolute !important;left:4cqw !important;top:3.2cqw !important;width:9.5cqw !important;height:6.3cqw !important;background:linear-gradient(135deg,#C86A3D 0 48%,transparent 48.5%),linear-gradient(45deg,#E08456 0 48%,transparent 48.5%) !important;background-size:50% 100%,50% 100% !important;background-position:0 0,100% 0 !important;background-repeat:no-repeat !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-head{z-index:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-head-left::after{content:"ROOFING\APEOPLE\A CAN TRUST" !important;position:absolute !important;right:4cqw !important;top:2.5cqw !important;width:16cqw !important;white-space:pre !important;font-size:0.9cqw !important;line-height:1.7cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-align:right !important;color:#1A1D22 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-head-left::before{content:"" !important;position:absolute !important;right:4cqw !important;top:8.2cqw !important;width:4.5cqw !important;height:0.16cqw !important;background:#C86A3D !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-head-left{position:static !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-biz-name{position:absolute !important;left:4cqw !important;top:10.3cqw !important;width:40cqw !important;margin:0 !important;font-size:3cqw !important;font-weight:900 !important;letter-spacing:.01em !important;text-transform:uppercase !important;color:#FFFFFF !important;white-space:nowrap !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-biz-name::after{content:"BUILT HIGHER. LASTS LONGER." !important;display:block !important;margin-top:.9cqw !important;font-size:0.85cqw !important;font-weight:700 !important;letter-spacing:.18em !important;color:#AEB4BC !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-biz-contact{position:absolute !important;left:5cqw !important;bottom:5.3cqw !important;width:55cqw !important;display:flex !important;flex-wrap:wrap !important;gap:0.6cqw 2.4cqw !important;margin:0 !important;z-index:3 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-biz-contact>div{display:flex !important;align-items:center !important;font-size:0.9cqw !important;color:#E7E8EA !important;padding-left:1.9cqw !important;position:relative !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-biz-contact>div::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;width:1.4cqw !important;height:1.4cqw !important;background-repeat:no-repeat !important;background-size:contain !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-biz-contact>div:nth-child(1)::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTdFOEVBIiBzdHJva2Utd2lkdGg9IjEuNiI+PHJlY3QgeD0iMi41IiB5PSI1IiB3aWR0aD0iMTkiIGhlaWdodD0iMTQiIHJ4PSIxLjUiLz48cGF0aCBkPSJNMyA2LjIgTDEyIDEzIEwyMSA2LjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-biz-contact>div:nth-child(2)::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTdFOEVBIiBzdHJva2Utd2lkdGg9IjEuNiI+PHBhdGggZD0iTTYuNiAzLjUgTDkuMyA2LjIgQzkuOSA2LjggOS45IDcuNiA5LjQgOC4zIEw4LjEgOS45IEM5LjEgMTIgMTIgMTQuOSAxNC4xIDE1LjkgTDE1LjcgMTQuNiBDMTYuNCAxNC4xIDE3LjIgMTQuMSAxNy44IDE0LjcgTDIwLjUgMTcuNCBDMjEuMSAxOCAyMS4xIDE5IDIwLjQgMTkuNiBMMTkgMjAuOCBDMTguMyAyMS40IDE3LjMgMjEuNiAxNi40IDIxLjMgQzEyLjMgMjAgNiAxMy43IDQuNyA5LjYgQzQuNCA4LjcgNC42IDcuNyA1LjIgNyBMNi40IDUuNiBDNS42IDUuMSA1LjkgNC4xIDYuNiAzLjUgWiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-biz-contact>div:nth-child(3)::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTdFOEVBIiBzdHJva2Utd2lkdGg9IjEuNiI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOS4zIi8+PGVsbGlwc2UgY3g9IjEyIiBjeT0iMTIiIHJ4PSI0IiByeT0iOS4zIi8+PGxpbmUgeDE9IjIuNyIgeTE9IjEyIiB4Mj0iMjEuMyIgeTI9IjEyIi8+PC9zdmc+) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-biz-address{display:block !important;position:absolute !important;left:5cqw !important;bottom:2.3cqw !important;width:38cqw !important;margin:0 !important;padding-left:1.9cqw !important;font-size:0.9cqw !important;color:#E7E8EA !important;z-index:3 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-biz-address::before{content:"" !important;position:absolute !important;left:0 !important;top:0.1cqw !important;width:1.4cqw !important;height:1.4cqw !important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTdFOEVBIiBzdHJva2Utd2lkdGg9IjEuNiI+PHBhdGggZD0iTTEyIDIxLjUgQzEyIDIxLjUgMTkgMTQuOCAxOSA5LjggQzE5IDUuNyAxNS45IDIuNSAxMiAyLjUgQzguMSAyLjUgNSA1LjcgNSA5LjggQzUgMTQuOCAxMiAyMS41IDEyIDIxLjUgWiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iOS44IiByPSIyLjYiLz48L3N2Zz4=) no-repeat center/contain !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-head-right{position:absolute !important;left:34cqw !important;top:25cqw !important;width:30cqw !important;margin:0 !important;padding:0 !important;text-align:right !important;background:transparent !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-doc-title{display:block !important;margin:0 !important;font-size:5.6cqw !important;font-weight:900 !important;letter-spacing:-.01em !important;color:#1A1D22 !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-doc-title::after{content:"RESIDENTIAL  |  COMMERCIAL  |  REPAIRS  |  REPLACEMENTS" !important;display:block !important;margin-top:.5cqw !important;font-size:0.8cqw !important;font-weight:700 !important;letter-spacing:.1em !important;color:#5A606A !important;white-space:nowrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-doc-num{display:flex !important;justify-content:space-between !important;gap:1.5cqw !important;margin:1.4cqw 0 0 !important;font-size:0.95cqw !important;color:#1A1D22 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-doc-num::before{content:"Invoice #:" !important;font-weight:800 !important;color:#C86A3D !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-details{position:absolute !important;left:30cqw !important;top:37.7cqw !important;width:34cqw !important;display:block !important;text-align:left !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-details .inv-label{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-detail-row{display:flex !important;justify-content:space-between !important;gap:1.5cqw !important;font-size:0.95cqw !important;color:#1A1D22 !important;margin:0 0 0.55cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-detail-row span{font-weight:800 !important;color:#C86A3D !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-detail-row:nth-child(4),.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-detail-row:nth-child(5){display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-details::after{content:"Project Ref:  Add project reference" !important;display:block !important;margin-top:0.3cqw !important;font-size:0.95cqw !important;font-style:italic !important;color:#9A9FA7 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-body{position:static !important;display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:auto auto auto 1fr auto !important;column-gap:3cqw !important;row-gap:0 !important;box-sizing:border-box !important;min-height:95cqw !important;margin:0 !important;padding:45cqw 4.2cqw 18cqw !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-body>*{margin:0 !important;min-width:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-parties{grid-column:1 / -1 !important;grid-row:1 !important;display:flex !important;gap:3.2cqw !important;margin:0 0 2.2cqw !important;position:static !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-bill-to{flex:1 1 0 !important;text-align:left !important;padding-left:2.2cqw !important;position:relative !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-bill-to::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;width:1.7cqw !important;height:1.7cqw !important;border-radius:0.35cqw !important;background:#C86A3D url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuOCI+PGNpcmNsZSBjeD0iMTIiIGN5PSI4IiByPSIzLjYiLz48cGF0aCBkPSJNNC41IDIwIEM1LjMgMTUuOCA4LjMgMTMuNSAxMiAxMy41IEMxNS43IDEzLjUgMTguNyAxNS44IDE5LjUgMjAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==) no-repeat center/1.05cqw 1.05cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-label{display:block !important;margin:0 0 0.65cqw !important;font-size:0.85cqw !important;font-weight:800 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#1A1D22 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-bill-to>*{font-size:1.1cqw !important;line-height:1.7cqw !important;color:#1A1D22 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-client-name{font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-parties::before{content:"PROPERTY / JOB SITE" !important;position:absolute !important;left:53.7cqw !important;top:45.1cqw !important;width:30cqw !important;min-height:1.7cqw !important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQzg2QTNEIiBzdHJva2Utd2lkdGg9IjEuOCI+PHBhdGggZD0iTTEyIDIxLjUgQzEyIDIxLjUgMTkgMTQuOCAxOSA5LjggQzE5IDUuNyAxNS45IDIuNSAxMiAyLjUgQzguMSAyLjUgNSA1LjcgNSA5LjggQzUgMTQuOCAxMiAyMS41IDEyIDIxLjUgWiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iOS44IiByPSIyLjYiLz48L3N2Zz4=) no-repeat left top/1.4cqw 1.4cqw !important;padding-top:0.15cqw !important;padding-left:2.2cqw !important;font-size:0.85cqw !important;font-weight:800 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#1A1D22 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-parties::after{content:"Roof Type: Add roof type\A Approx. Size: Add size\A Pitch: Add pitch" !important;position:absolute !important;left:53.7cqw !important;top:48.1cqw !important;width:40cqw !important;white-space:pre-line !important;font-size:1cqw !important;line-height:1.75cqw !important;color:#4A5059 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table{grid-column:1 / -1 !important;grid-row:2 !important;display:block !important;width:100% !important;margin:0 0 2cqw !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table thead,.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table tbody{display:block !important;width:100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table thead tr,.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table tbody tr:not(.ige-ui){display:flex !important;align-items:flex-start !important;width:100% !important;box-sizing:border-box !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table thead tr{align-items:center !important;height:3.6cqw !important;background:#1A1D22 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table th{display:block !important;padding:0 !important;font-size:0.85cqw !important;font-weight:800 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table tbody tr:not(.ige-ui){min-height:4.6cqw !important;padding:1.1cqw 0 !important;border-bottom:0.09cqw solid #E7E8EA !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table td{display:block !important;padding:0 !important;font-size:1.05cqw !important;color:#1A1D22 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table :is(th,td):nth-child(1){flex:1 1 0 !important;padding-left:1.6cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table :is(th,td):nth-child(2){flex:0 0 8cqw !important;text-align:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table :is(th,td):nth-child(3){flex:0 0 13cqw !important;text-align:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table :is(th,td):nth-child(4){flex:0 0 13cqw !important;padding-right:1.6cqw !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-notes{grid-column:1 !important;grid-row:3 !important;padding:1.6cqw 0 0 1.9cqw !important;position:relative !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-notes>.inv-label~*{font-size:1.05cqw !important;line-height:1.6cqw !important;color:#1A1D22 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-notes::before{content:"" !important;position:absolute !important;left:0 !important;top:1.75cqw !important;width:1.5cqw !important;height:1.5cqw !important;border-radius:0.3cqw !important;background:#C86A3D url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuOCI+PHBhdGggZD0iTTYgMi41IEgxNC41IEwxOSA3IFYyMSBDMTkgMjEuNSAxOC41IDIxLjUgMTggMjEuNSBINiBDNS41IDIxLjUgNSAyMS41IDUgMjEgVjMgQzUgMi41IDUuNSAyLjUgNiAyLjUgWiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxsaW5lIHgxPSI4IiB5MT0iMTAiIHgyPSIxNiIgeTI9IjEwIi8+PGxpbmUgeDE9IjgiIHkxPSIxMy41IiB4Mj0iMTYiIHkyPSIxMy41Ii8+PGxpbmUgeDE9IjgiIHkxPSIxNyIgeDI9IjEzIiB5Mj0iMTciLz48L3N2Zz4=) no-repeat center/1.1cqw 1.1cqw !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table::before{content:"QUALITY\AMATERIALS" !important;white-space:pre !important;position:absolute !important;left:0 !important;top:112cqw !important;width:21cqw !important;padding-left:2.9cqw !important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMUExRDIyIiBzdHJva2Utd2lkdGg9IjEuNyI+PHBhdGggZD0iTTEyIDIgTDIwIDUgVjExIEMyMCAxNiAxNi41IDIwIDEyIDIyIEM3LjUgMjAgNCAxNiA0IDExIFY1IFoiLz48cGF0aCBkPSJNOC4zIDEyIEwxMSAxNC43IEwxNiA5LjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) no-repeat left top/1.9cqw 1.9cqw !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table::before,.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table::after,.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-totals::before,.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-totals::after{min-height:2cqw !important;font-size:0.85cqw !important;line-height:1.3cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1A1D22 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-table::after{content:"EXPERIENCED\A CREWS" !important;white-space:pre !important;position:absolute !important;left:23cqw !important;top:112cqw !important;width:21cqw !important;padding-left:2.9cqw !important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMUExRDIyIiBzdHJva2Utd2lkdGg9IjEuNyI+PGNpcmNsZSBjeD0iOCIgY3k9IjcuNSIgcj0iMi44Ii8+PGNpcmNsZSBjeD0iMTYuMyIgY3k9IjcuNSIgcj0iMi44Ii8+PHBhdGggZD0iTTIuNSAyMCBDMy4yIDE2LjIgNS40IDE0IDggMTQgQzEwLjYgMTQgMTIuOCAxNi4yIDEzLjUgMjAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMC45IDIwIEMxMS41IDE2LjcgMTMuNCAxNC42IDE1LjYgMTQuMyBDMTcuOCAxNC42IDE5LjcgMTYuNyAyMC4zIDIwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=) no-repeat left top/1.9cqw 1.9cqw !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-totals::before{content:"CLEAN\AJOB SITES" !important;white-space:pre !important;position:absolute !important;left:46cqw !important;top:112cqw !important;width:21cqw !important;padding-left:2.9cqw !important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMUExRDIyIiBzdHJva2Utd2lkdGg9IjEuNyI+PHBhdGggZD0iTTMgMTEgTDEyIDQgTDIxIDExIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNNS4yIDkuNiBWMjAgSDE4LjggVjkuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGxpbmUgeDE9IjkiIHkxPSIyMCIgeDI9IjkiIHkyPSIxNCIvPjxsaW5lIHgxPSIxNSIgeTE9IjIwIiB4Mj0iMTUiIHkyPSIxNCIvPjxsaW5lIHgxPSI5IiB5MT0iMTQiIHgyPSIxNSIgeTI9IjE0Ii8+PC9zdmc+) no-repeat left top/1.9cqw 1.9cqw !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-totals::after{content:"SATISFIED\A CUSTOMERS" !important;white-space:pre !important;position:absolute !important;left:69cqw !important;top:112cqw !important;width:21cqw !important;padding-left:2.9cqw !important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMUExRDIyIiBzdHJva2Utd2lkdGg9IjEuNyI+PHBhdGggZD0iTTIuNSAxMSBMNi41IDcuNSBMMTAgMTAgTDEzIDcgTDE1LjUgOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTIuNSAxMSBMNiAxNC41IEM3IDE1LjUgOC41IDE1LjMgOS4yIDE0LjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xNS41IDkgTDE5IDEyIEMxOS44IDEyLjggMTkuOCAxNCAxOSAxNC44IEMxOC4yIDE1LjYgMTcgMTUuNiAxNi4yIDE0LjggTDE0IDEyLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik05LjIgMTQuMyBMMTEuMyAxNi4yIEMxMi4xIDE2LjkgMTMuMiAxNi44IDEzLjkgMTYgQzE0LjUgMTUuMyAxNC40IDE0LjMgMTMuNyAxMy42IEwxMSAxMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) no-repeat left top/1.9cqw 1.9cqw !important;font-size:0.85cqw !important;line-height:1.3cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1A1D22 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-terms{grid-column:1 !important;grid-row:4 !important;padding:1.2cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-terms>.inv-label~*{font-size:1.05cqw !important;line-height:1.6cqw !important;color:#6A707A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-totals{grid-column:2 !important;grid-row:3 !important;display:block !important;margin:0 !important;padding:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.55cqw 0 !important;font-size:1.05cqw !important;color:#1A1D22 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-totals>div b{font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-totals>div.inv-total-grand{margin-top:0.8cqw !important;padding:1.5cqw 1.3cqw !important;background:#C86A3D !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-totals>div.inv-total-grand span{font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#FFFFFF !important;font-size:0.95cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-totals>div.inv-total-grand b{font-size:2cqw !important;font-weight:800 !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-payrow{grid-column:1 / -1 !important;grid-row:5 !important;padding:1.5cqw 0 0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-bank{background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-payrow>.inv-bank>*{font-size:0.95cqw !important;line-height:1.5cqw !important;color:#6A707A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-latefee{color:#6A707A !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-signature-row,.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-photos{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero::after,.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-footer-note{z-index:1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-footer-note{position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;display:block !important;box-sizing:border-box !important;height:11cqw !important;margin:0 !important;padding:1.3cqw 5cqw 0 !important;background:#1A1D22 !important;font-size:0.72cqw !important;line-height:1.3cqw !important;color:#7A8089 !important;max-width:46cqw !important;overflow:hidden !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-footer-note::before{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;bottom:0 !important;width:48cqw !important;background:#C86A3D !important;clip-path:polygon(32% 0,100% 0,100% 100%,0 100%) !important;z-index:1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-footer-note::after{content:"More Than Roofs.\APeace of Mind." !important;position:absolute !important;right:4cqw !important;bottom:1.6cqw !important;width:28cqw !important;white-space:pre !important;font-family:Georgia,serif !important;font-style:italic !important;font-size:1.1cqw !important;line-height:1.55cqw !important;color:#FFFFFF !important;text-align:right !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-02-ridgelinehero).tmpl-rf20-02-ridgelinehero .inv-powered{position:absolute !important;left:5cqw !important;bottom:1cqw !important;font-size:0.7cqw !important;color:#6A707A !important;z-index:3 !important}

/* ===== rf20-03-blueprint =====
   RF-03 "Blueprint Technical Roof". Real crop: a clean section of the reference's own blueprint
   line-art roof drawing (/assets/tpl-art/rf20/rf03-blueprint.webp), cropped from a text-free
   central portion of the header strip (both corner captions - "ROOFS PROTECT WHAT MATTERS" and
   "QUALITY WORK / RELIABLE SERVICE / LASTING VALUE" - sit outside this crop's bounds, so no
   inpainting was needed). The grid-paper background, technical data cards and service-checklist
   rows are flat CSS (simple geometric treatment, matching this pack's own "rebuild grids/lines
   with CSS" rule). No roof-type/pitch/material/warranty fields exist in the data model yet - the
   technical-card row shows a visibly-pending "Add ..." placeholder for each (data-free-edit
   candidates, see build report) rather than inventing values. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;background:#FFFFFF !important;color:#17345C !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-03-blueprint).tmpl-rf20-03-blueprint::before{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;width:58cqw !important;height:18.5cqw !important;background:#EAF1FB url(/assets/tpl-art/rf20/rf03-blueprint.webp) no-repeat 100% 50%/cover !important;background-blend-mode:normal !important;z-index:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-head{position:static !important;display:block !important;height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-head::before{content:"" !important;position:absolute !important;left:4.2cqw !important;top:2.8cqw !important;width:9.5cqw !important;height:6.3cqw !important;background:linear-gradient(135deg,#17345C 0 48%,transparent 48.5%),linear-gradient(45deg,#2F6FD6 0 48%,transparent 48.5%) !important;background-size:50% 100%,50% 100% !important;background-position:0 0,100% 0 !important;background-repeat:no-repeat !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-head::after{content:"ROOFS\APROTECT\AWHAT\AMATTERS" !important;position:absolute !important;right:4.2cqw !important;top:2.2cqw !important;width:14cqw !important;white-space:pre !important;font-size:0.85cqw !important;line-height:1.65cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-align:right !important;color:#17345C !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-head-right::before{content:"QUALITY WORK\ARELIABLE SERVICE\ALASTING VALUE" !important;position:absolute !important;left:45cqw !important;top:14.8cqw !important;width:20cqw !important;white-space:pre !important;font-size:0.8cqw !important;line-height:1.55cqw !important;font-weight:700 !important;letter-spacing:.08em !important;text-align:left !important;color:#17345C !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-head-right::after{content:"" !important;position:absolute !important;left:45cqw !important;top:19.8cqw !important;width:4.5cqw !important;height:0.14cqw !important;background:#2F6FD6 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-head-left{position:absolute !important;left:4.2cqw !important;top:9.6cqw !important;width:46cqw !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:left !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-biz-name{display:block !important;margin:0 !important;font-size:2.6cqw !important;font-weight:800 !important;color:#17345C !important;white-space:nowrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-biz-name::after{content:"BUILT HIGHER TOGETHER" !important;display:block !important;margin-top:.7cqw !important;font-size:0.8cqw !important;font-weight:700 !important;letter-spacing:.2em !important;color:#5B82B8 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-biz-contact{display:flex !important;flex-wrap:wrap !important;gap:0.5cqw 2.2cqw !important;margin:1.6cqw 0 0 !important;padding-top:1.2cqw !important;border-top:0.09cqw solid #CBD9EE !important;z-index:3 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-biz-contact>div{display:flex !important;align-items:center !important;font-size:0.85cqw !important;color:#355585 !important;padding-left:1.7cqw !important;position:relative !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-biz-contact>div::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;width:1.3cqw !important;height:1.3cqw !important;background-repeat:no-repeat !important;background-size:contain !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-biz-contact>div:nth-child(1)::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzU1NTg1IiBzdHJva2Utd2lkdGg9IjEuNiI+PHJlY3QgeD0iMi41IiB5PSI1IiB3aWR0aD0iMTkiIGhlaWdodD0iMTQiIHJ4PSIxLjUiLz48cGF0aCBkPSJNMyA2LjIgTDEyIDEzIEwyMSA2LjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-biz-contact>div:nth-child(2)::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzU1NTg1IiBzdHJva2Utd2lkdGg9IjEuNiI+PHBhdGggZD0iTTYuNiAzLjUgTDkuMyA2LjIgQzkuOSA2LjggOS45IDcuNiA5LjQgOC4zIEw4LjEgOS45IEM5LjEgMTIgMTIgMTQuOSAxNC4xIDE1LjkgTDE1LjcgMTQuNiBDMTYuNCAxNC4xIDE3LjIgMTQuMSAxNy44IDE0LjcgTDIwLjUgMTcuNCBDMjEuMSAxOCAyMS4xIDE5IDIwLjQgMTkuNiBMMTkgMjAuOCBDMTguMyAyMS40IDE3LjMgMjEuNiAxNi40IDIxLjMgQzEyLjMgMjAgNiAxMy43IDQuNyA5LjYgQzQuNCA4LjcgNC42IDcuNyA1LjIgNyBMNi40IDUuNiBDNS42IDUuMSA1LjkgNC4xIDYuNiAzLjUgWiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-biz-contact>div:nth-child(3)::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzU1NTg1IiBzdHJva2Utd2lkdGg9IjEuNiI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOS4zIi8+PGVsbGlwc2UgY3g9IjEyIiBjeT0iMTIiIHJ4PSI0IiByeT0iOS4zIi8+PGxpbmUgeDE9IjIuNyIgeTE9IjEyIiB4Mj0iMjEuMyIgeTI9IjEyIi8+PC9zdmc+) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-biz-address{display:block !important;position:relative !important;margin:0.6cqw 0 0 !important;padding-left:1.7cqw !important;font-size:0.85cqw !important;color:#355585 !important;z-index:3 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-biz-address::before{content:"" !important;position:absolute !important;left:0 !important;top:0.1cqw !important;width:1.3cqw !important;height:1.3cqw !important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzU1NTg1IiBzdHJva2Utd2lkdGg9IjEuNiI+PHBhdGggZD0iTTEyIDIxLjUgQzEyIDIxLjUgMTkgMTQuOCAxOSA5LjggQzE5IDUuNyAxNS45IDIuNSAxMiAyLjUgQzguMSAyLjUgNSA1LjcgNSA5LjggQzUgMTQuOCAxMiAyMS41IDEyIDIxLjUgWiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iOS44IiByPSIyLjYiLz48L3N2Zz4=) no-repeat center/contain !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-head-right{position:static !important;margin:0 !important;padding:0 !important;text-align:right !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-doc-title{position:absolute !important;left:4.2cqw !important;top:21cqw !important;width:40cqw !important;margin:0 !important;padding:0 !important;font-size:5.3cqw !important;font-weight:900 !important;color:#17345C !important;text-align:left !important;white-space:nowrap !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-doc-num{position:absolute !important;left:38cqw !important;top:21.4cqw !important;width:58cqw !important;margin:0 !important;display:flex !important;justify-content:flex-end !important;gap:1cqw !important;font-size:0.95cqw !important;color:#17345C !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-doc-num::before{content:"Invoice No." !important;font-weight:800 !important;color:#5B82B8 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-body{position:static !important;display:grid !important;grid-template-columns:1fr 1fr 1fr !important;grid-template-rows:auto auto auto 1fr auto !important;column-gap:2.4cqw !important;row-gap:0 !important;box-sizing:border-box !important;min-height:108cqw !important;margin:0 !important;padding:34cqw 4.2cqw 16cqw !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-body>*{margin:0 !important;min-width:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-parties{grid-column:1 / -1 !important;grid-row:1 !important;display:grid !important;grid-template-columns:1fr 1fr 1fr !important;gap:2.4cqw !important;margin:0 0 2.2cqw !important;position:relative !important;min-height:19cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-bill-to,.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-details{text-align:left !important;background:#EEF3FB !important;border-radius:.6cqw !important;padding:1.6cqw !important;box-sizing:border-box !important;position:relative !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-bill-to,.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-details{padding-top:3.4cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-bill-to::before,.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-details::before{content:"" !important;position:absolute !important;left:1.6cqw !important;top:1.6cqw !important;width:2.2cqw !important;height:2.2cqw !important;border-radius:50% !important;background:#2F6FD6 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-bill-to::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuOCI+PGNpcmNsZSBjeD0iMTIiIGN5PSI4IiByPSIzLjYiLz48cGF0aCBkPSJNNC41IDIwIEM1LjMgMTUuOCA4LjMgMTMuNSAxMiAxMy41IEMxNS43IDEzLjUgMTguNyAxNS44IDE5LjUgMjAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==) !important;background-repeat:no-repeat !important;background-position:center !important;background-size:1.3cqw 1.3cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-details::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuOCI+PHBhdGggZD0iTTMgMTEgTDEyIDQgTDIxIDExIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNNS4yIDkuNiBWMjAgSDE4LjggVjkuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHJlY3QgeD0iMTAuMyIgeT0iMTMuNSIgd2lkdGg9IjMuNCIgaGVpZ2h0PSIzLjQiLz48L3N2Zz4=) !important;background-repeat:no-repeat !important;background-position:center !important;background-size:1.3cqw 1.3cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-bill-to .inv-label,.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-details .inv-label{position:absolute !important;left:4.6cqw !important;top:1.95cqw !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-label{display:block !important;margin:0 0 0.7cqw !important;font-size:0.8cqw !important;font-weight:800 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#2F6FD6 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-bill-to>*{font-size:1.05cqw !important;line-height:1.6cqw !important;color:#17345C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-client-name{font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-details{display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-detail-row{display:flex !important;justify-content:space-between !important;font-size:0.95cqw !important;color:#17345C !important;margin:0 0 0.45cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-detail-row span{color:#5B82B8 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-detail-row:nth-child(4),.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-detail-row:nth-child(5){display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-details::after{content:"INSPECTION DATE\A Add inspection date\A ROOF SYSTEM\A Add roof system\A SQUARE FOOTAGE\A Add square footage\A WARRANTY PERIOD\A Add warranty period" !important;display:block !important;white-space:pre-line !important;margin-top:.6cqw !important;font-size:0.9cqw !important;line-height:1.5cqw !important;color:#7E96BC !important;font-style:italic !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-parties::after{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;width:31.5cqw !important;height:19cqw !important;background:#EEF3FB !important;border-radius:.6cqw !important;z-index:1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-parties::before{content:"SERVICE TYPE\A\A \2611  New Roof Installation\A \2610  Roof Replacement\A \2610  Roof Repair\A \2610  Inspection / Assessment\A \2610  Maintenance" !important;position:absolute !important;right:1.6cqw !important;top:1.95cqw !important;width:28cqw !important;white-space:pre-line !important;font-size:0.95cqw !important;line-height:1.85cqw !important;color:#17345C !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-parties::before{font-weight:400 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-table{grid-column:1 / -1 !important;grid-row:2 !important;display:block !important;width:100% !important;margin:0 0 2cqw !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-table thead,.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-table tbody{display:block !important;width:100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-table thead tr,.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-table tbody tr:not(.ige-ui){display:flex !important;align-items:flex-start !important;width:100% !important;box-sizing:border-box !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-table thead tr{align-items:center !important;height:3.6cqw !important;background:#17345C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-table th{display:block !important;padding:0 !important;font-size:0.8cqw !important;font-weight:800 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-table tbody tr:not(.ige-ui){min-height:4.6cqw !important;padding:1.1cqw 0 !important;border-bottom:0.09cqw solid #D9E3F2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-table td{display:block !important;padding:0 !important;font-size:1cqw !important;color:#17345C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-table :is(th,td):nth-child(1){flex:1 1 0 !important;padding-left:1.4cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-table :is(th,td):nth-child(2){flex:0 0 8cqw !important;text-align:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-table :is(th,td):nth-child(3){flex:0 0 13cqw !important;text-align:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-table :is(th,td):nth-child(4){flex:0 0 13cqw !important;padding-right:1.4cqw !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-notes{grid-column:1 / span 2 !important;grid-row:3 !important;padding:1.6cqw 0 0 1.9cqw !important;position:relative !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-notes>.inv-label~*{font-size:1cqw !important;line-height:1.55cqw !important;color:#17345C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-notes::before{content:"" !important;position:absolute !important;left:0 !important;top:1.75cqw !important;width:1.5cqw !important;height:1.5cqw !important;border-radius:50% !important;background:#2F6FD6 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuOCI+PHBhdGggZD0iTTYgMi41IEgxNC41IEwxOSA3IFYyMSBDMTkgMjEuNSAxOC41IDIxLjUgMTggMjEuNSBINiBDNS41IDIxLjUgNSAyMS41IDUgMjEgVjMgQzUgMi41IDUuNSAyLjUgNiAyLjUgWiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxsaW5lIHgxPSI4IiB5MT0iMTAiIHgyPSIxNiIgeTI9IjEwIi8+PGxpbmUgeDE9IjgiIHkxPSIxMy41IiB4Mj0iMTYiIHkyPSIxMy41Ii8+PGxpbmUgeDE9IjgiIHkxPSIxNyIgeDI9IjEzIiB5Mj0iMTciLz48L3N2Zz4=) no-repeat center/1.05cqw 1.05cqw !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-table::before{content:"QUALITY\AMATERIALS" !important;white-space:pre !important;position:absolute !important;left:0 !important;top:104.5cqw !important;width:21cqw !important;padding-left:2.9cqw !important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTczNDVDIiBzdHJva2Utd2lkdGg9IjEuNyI+PHBhdGggZD0iTTEyIDIgTDIwIDUgVjExIEMyMCAxNiAxNi41IDIwIDEyIDIyIEM3LjUgMjAgNCAxNiA0IDExIFY1IFoiLz48cGF0aCBkPSJNOC4zIDEyIEwxMSAxNC43IEwxNiA5LjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) no-repeat left top/1.9cqw 1.9cqw !important;font-size:0.85cqw !important;line-height:1.3cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#17345C !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-table::after{content:"EXPERT\A CRAFTSMANSHIP" !important;white-space:pre !important;position:absolute !important;left:23cqw !important;top:104.5cqw !important;width:23cqw !important;padding-left:2.9cqw !important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTczNDVDIiBzdHJva2Utd2lkdGg9IjEuNiI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMy4yIi8+PHBhdGggZD0iTTEyIDIuNSBWNS4zIE0xMiAxOC43IFYyMS41IE0yMS41IDEyIEgxOC43IE01LjMgMTIgSDIuNSBNMTguNSA1LjUgTDE2LjUgNy41IE03LjUgMTYuNSBMNS41IDE4LjUgTTE4LjUgMTguNSBMMTYuNSAxNi41IE03LjUgNy41IEw1LjUgNS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=) no-repeat left top/1.9cqw 1.9cqw !important;font-size:0.85cqw !important;line-height:1.3cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#17345C !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-totals::before{content:"STRONGER\A SAFER HOMES" !important;white-space:pre !important;position:absolute !important;left:48cqw !important;top:104.5cqw !important;width:23cqw !important;padding-left:2.9cqw !important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTczNDVDIiBzdHJva2Utd2lkdGg9IjEuNyI+PHBhdGggZD0iTTMgMTEgTDEyIDQgTDIxIDExIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNNS4yIDkuNiBWMjAgSDE4LjggVjkuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGxpbmUgeDE9IjkiIHkxPSIyMCIgeDI9IjkiIHkyPSIxNCIvPjxsaW5lIHgxPSIxNSIgeTE9IjIwIiB4Mj0iMTUiIHkyPSIxNCIvPjxsaW5lIHgxPSI5IiB5MT0iMTQiIHgyPSIxNSIgeTI9IjE0Ii8+PC9zdmc+) no-repeat left top/1.9cqw 1.9cqw !important;font-size:0.85cqw !important;line-height:1.3cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#17345C !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-totals::after{content:"CUSTOMER\A SATISFACTION" !important;white-space:pre !important;position:absolute !important;left:71cqw !important;top:104.5cqw !important;width:23cqw !important;padding-left:2.9cqw !important;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTczNDVDIiBzdHJva2Utd2lkdGg9IjEuNyI+PGNpcmNsZSBjeD0iOCIgY3k9IjcuNSIgcj0iMi44Ii8+PGNpcmNsZSBjeD0iMTYuMyIgY3k9IjcuNSIgcj0iMi44Ii8+PHBhdGggZD0iTTIuNSAyMCBDMy4yIDE2LjIgNS40IDE0IDggMTQgQzEwLjYgMTQgMTIuOCAxNi4yIDEzLjUgMjAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMC45IDIwIEMxMS41IDE2LjcgMTMuNCAxNC42IDE1LjYgMTQuMyBDMTcuOCAxNC42IDE5LjcgMTYuNyAyMC4zIDIwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=) no-repeat left top/1.9cqw 1.9cqw !important;font-size:0.85cqw !important;line-height:1.3cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#17345C !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-terms{grid-column:1 / span 2 !important;grid-row:4 !important;padding:1.1cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-terms>.inv-label~*{font-size:1cqw !important;line-height:1.55cqw !important;color:#5B82B8 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-totals{grid-column:3 !important;grid-row:3 !important;display:block !important;margin:0 !important;padding:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.55cqw 0 !important;font-size:0.98cqw !important;color:#17345C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-totals>div b{font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-totals>div.inv-total-grand{margin-top:0.8cqw !important;padding:1.4cqw 1.2cqw !important;background:#17345C !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-totals>div.inv-total-grand span{font-weight:800 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#FFFFFF !important;font-size:0.9cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-totals>div.inv-total-grand b{font-size:1.85cqw !important;font-weight:800 !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-payrow{grid-column:3 !important;grid-row:4 !important;padding:1cqw 0 0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-bank{background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-payrow>.inv-bank>*{font-size:0.85cqw !important;line-height:1.4cqw !important;color:#5B82B8 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-latefee{color:#5B82B8 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-signature-row,.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-photos{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-footer-note{grid-column:1 / -1 !important;grid-row:5 !important;position:relative !important;display:flex !important;justify-content:space-between !important;margin:9cqw 0 0 !important;padding-top:1.4cqw !important;border-top:0.09cqw solid #D9E3F2 !important;font-size:0.9cqw !important;color:#355585 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-footer-note::after{content:"THANK YOU\A FOR YOUR BUSINESS" !important;white-space:pre !important;position:absolute !important;right:0 !important;top:1.6cqw !important;width:26cqw !important;font-family:Georgia,serif !important;font-style:italic !important;font-size:0.95cqw !important;line-height:1.5cqw !important;text-align:right !important;color:#5B82B8 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-03-blueprint).tmpl-rf20-03-blueprint .inv-powered{position:absolute !important;right:4.2cqw !important;bottom:0.6cqw !important;font-size:0.7cqw !important;color:#9AB0D4 !important}

/* ===== rf20-04-editorial =====
   RF-04 "Minimal Editorial Contractor". No photo or complex illustration in the reference - the
   masthead mark is a plain two-triangle roofline (simple geometric shape), rebuilt entirely as
   CSS per this pack's own "rebuild simple roof lines with CSS" rule, so no image asset was
   needed for this design. Broad whitespace, centered serif masthead, sparse table, left-aligned
   payment terms and a centered script thank-you treatment, matching the reference exactly. */
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;background:#FFFFFF !important;color:#1E2430 !important;font-family:Georgia,'Times New Roman',serif !important;overflow:hidden !important;isolation:isolate !important;text-align:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-head{position:static !important;display:block !important;height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-head::before{content:"" !important;position:absolute !important;left:50% !important;top:4cqw !important;width:9cqw !important;height:6cqw !important;transform:translateX(-50%) !important;background:linear-gradient(135deg,#1E2430 0 48%,transparent 48.5%),linear-gradient(45deg,#B08A54 0 48%,transparent 48.5%) !important;background-size:50% 100%,50% 100% !important;background-position:0 0,100% 0 !important;background-repeat:no-repeat !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial::before{content:"QUALITY ROOFS\A STRONGER\A TOMORROWS" !important;position:absolute !important;left:4.2cqw !important;top:4.5cqw !important;width:16cqw !important;white-space:pre !important;font-family:Inter,'Inter Fallback',ui-sans-serif,sans-serif !important;font-size:0.78cqw !important;line-height:1.5cqw !important;letter-spacing:.14em !important;color:#5A6070 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial::after{content:"RESIDENTIAL\A COMMERCIAL\A REPAIRS & REPLACEMENTS" !important;position:absolute !important;right:4.2cqw !important;top:4.5cqw !important;width:16cqw !important;white-space:pre !important;font-family:Inter,'Inter Fallback',ui-sans-serif,sans-serif !important;font-size:0.78cqw !important;line-height:1.5cqw !important;letter-spacing:.14em !important;color:#5A6070 !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-head-left{position:absolute !important;left:50% !important;top:11cqw !important;width:60cqw !important;transform:translateX(-50%) !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:center !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-biz-name{display:block !important;position:relative !important;margin:0 !important;padding-bottom:4.4cqw !important;font-size:3.3cqw !important;font-weight:400 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1E2430 !important;white-space:nowrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-biz-name::before{content:"CONTRACTORS" !important;position:absolute !important;left:50% !important;top:4.1cqw !important;transform:translateX(-50%) !important;white-space:nowrap !important;font-family:Inter,'Inter Fallback',ui-sans-serif,sans-serif !important;font-size:1.1cqw !important;font-weight:400 !important;letter-spacing:.42em !important;color:#1E2430 !important;border-bottom:0.09cqw solid #C9BFA8 !important;padding-bottom:1.8cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-biz-name::after{content:"PROTECT \00B7 IMPROVE \00B7 ADD VALUE" !important;position:absolute !important;left:50% !important;top:7.9cqw !important;transform:translateX(-50%) !important;white-space:nowrap !important;font-family:Inter,'Inter Fallback',ui-sans-serif,sans-serif !important;font-size:0.78cqw !important;font-weight:600 !important;letter-spacing:.3em !important;color:#B08A54 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-biz-contact{display:flex !important;justify-content:center !important;align-items:center !important;gap:1.6cqw !important;margin:0 !important;z-index:3 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-biz-contact>div{display:flex !important;align-items:center !important;gap:0.7cqw !important;font-family:Georgia,'Times New Roman',serif !important;font-size:1cqw !important;color:#1E2430 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-biz-contact>div::before{content:"" !important;width:2.1cqw !important;height:2.1cqw !important;flex:0 0 auto !important;border-radius:50% !important;background:#1E2430 !important;background-repeat:no-repeat !important;background-position:center !important;background-size:1cqw 1cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-biz-contact>div:nth-child(1)::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNyI+PHJlY3QgeD0iMi41IiB5PSI1IiB3aWR0aD0iMTkiIGhlaWdodD0iMTQiIHJ4PSIxLjUiLz48cGF0aCBkPSJNMyA2LjIgTDEyIDEzIEwyMSA2LjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-biz-contact>div:nth-child(2)::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNyI+PHBhdGggZD0iTTYuNiAzLjUgTDkuMyA2LjIgQzkuOSA2LjggOS45IDcuNiA5LjQgOC4zIEw4LjEgOS45IEM5LjEgMTIgMTIgMTQuOSAxNC4xIDE1LjkgTDE1LjcgMTQuNiBDMTYuNCAxNC4xIDE3LjIgMTQuMSAxNy44IDE0LjcgTDIwLjUgMTcuNCBDMjEuMSAxOCAyMS4xIDE5IDIwLjQgMTkuNiBMMTkgMjAuOCBDMTguMyAyMS40IDE3LjMgMjEuNiAxNi40IDIxLjMgQzEyLjMgMjAgNiAxMy43IDQuNyA5LjYgQzQuNCA4LjcgNC42IDcuNyA1LjIgNyBMNi40IDUuNiBDNS42IDUuMSA1LjkgNC4xIDYuNiAzLjUgWiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-biz-contact>div:nth-child(3)::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuNyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOS4zIi8+PGVsbGlwc2UgY3g9IjEyIiBjeT0iMTIiIHJ4PSI0IiByeT0iOS4zIi8+PGxpbmUgeDE9IjIuNyIgeTE9IjEyIiB4Mj0iMjEuMyIgeTI9IjEyIi8+PC9zdmc+) !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-biz-address{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-head-right{position:absolute !important;left:50% !important;top:23.5cqw !important;width:60cqw !important;transform:translateX(-50%) !important;margin:0 !important;padding:0 !important;text-align:center !important;background:transparent !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-doc-title{display:block !important;margin:0 !important;font-size:6.4cqw !important;font-weight:400 !important;letter-spacing:.02em !important;color:#1E2430 !important;text-align:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-doc-title::after{content:"BUILT FOR A HIGHER STANDARD" !important;display:block !important;margin-top:.8cqw !important;font-family:Inter,'Inter Fallback',ui-sans-serif,sans-serif !important;font-size:0.8cqw !important;font-weight:600 !important;letter-spacing:.24em !important;color:#5A6070 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-doc-num{display:block !important;margin:1.6cqw 0 0 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,sans-serif !important;font-size:0.9cqw !important;color:#5A6070 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-doc-num::before{content:"Invoice No. " !important;font-weight:700 !important;color:#1E2430 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-body{position:static !important;display:grid !important;grid-template-columns:50cqw 42cqw !important;grid-template-rows:auto auto 1fr auto !important;column-gap:0 !important;row-gap:0 !important;box-sizing:border-box !important;min-height:95cqw !important;margin:0 !important;padding:38cqw 4.2cqw 3cqw !important;background:transparent !important;justify-content:space-between !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-body>*{margin:0 !important;min-width:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-parties{grid-column:1 / -1 !important;grid-row:1 !important;display:flex !important;gap:0 !important;text-align:left !important;margin:0 0 3cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-bill-to{flex:0 0 50cqw !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-details{flex:1 1 0 !important;display:block !important;text-align:left !important;padding-left:2.4cqw !important;border-left:0.09cqw solid #DCD6C8 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-details .inv-label{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-details .inv-detail-row{display:flex !important;justify-content:flex-start !important;gap:1.4cqw !important;font-family:Inter,'Inter Fallback',ui-sans-serif,sans-serif !important;font-size:0.78cqw !important;margin:0 0 0.9cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-details .inv-detail-row span{flex:0 0 11cqw !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#B08A54 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-details .inv-detail-row b{font-family:Georgia,'Times New Roman',serif !important;font-size:1.05cqw !important;font-weight:400 !important;color:#1E2430 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-details .inv-detail-row:nth-child(3),.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-details .inv-detail-row:nth-child(4),.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-details .inv-detail-row:nth-child(5){display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-details::after{content:"PROJECT ADDRESS\A Add project address\A\A ROOF TYPE   Add roof type\A COMPLETION DATE   Add completion date" !important;display:block !important;white-space:pre-line !important;margin-top:0.5cqw !important;font-size:0.95cqw !important;line-height:1.7cqw !important;color:#8A8577 !important;font-style:italic !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-label{display:block !important;margin:0 0 0.7cqw !important;font-family:Inter,'Inter Fallback',ui-sans-serif,sans-serif !important;font-size:0.75cqw !important;font-weight:700 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#B08A54 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-bill-to>*{font-size:1.15cqw !important;line-height:1.8cqw !important;color:#1E2430 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-client-name{font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-table{grid-column:1 / -1 !important;grid-row:2 !important;display:block !important;width:100% !important;margin:0 0 2.2cqw !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-table thead,.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-table tbody{display:block !important;width:100% !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-table thead tr,.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-table tbody tr:not(.ige-ui){display:flex !important;align-items:flex-start !important;width:100% !important;box-sizing:border-box !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-table thead tr{align-items:center !important;height:3.5cqw !important;background:#1E2430 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-table th{display:block !important;padding:0 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,sans-serif !important;font-size:0.78cqw !important;font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-table tbody tr:not(.ige-ui){min-height:5.4cqw !important;padding:1.3cqw 0 !important;border-bottom:0.09cqw solid #DCDFE4 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-table td{display:block !important;padding:0 !important;font-size:1.15cqw !important;color:#1E2430 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-table :is(th,td):nth-child(1){flex:1 1 0 !important;padding-left:1.6cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-table :is(th,td):nth-child(2){flex:0 0 9cqw !important;text-align:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-table :is(th,td):nth-child(3){flex:0 0 14cqw !important;text-align:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-table :is(th,td):nth-child(4){flex:0 0 14cqw !important;padding-right:1.6cqw !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-notes{grid-column:1 !important;grid-row:3 !important;text-align:left !important;padding:1.6cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-notes>.inv-label~*{font-size:1.05cqw !important;line-height:1.7cqw !important;color:#1E2430 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-terms{grid-column:1 !important;grid-row:4 !important;text-align:left !important;padding:1.6cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-terms .inv-label::before{content:"PAYMENT TERMS" !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-terms .inv-label{font-size:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-terms .inv-label::before{font-size:0.75cqw !important;color:#B08A54 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-terms>.inv-label~*{font-size:1.05cqw !important;line-height:1.7cqw !important;color:#1E2430 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-totals{grid-column:2 !important;grid-row:3 !important;display:block !important;text-align:left !important;margin:0 !important;padding:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.75cqw 0 !important;font-size:1.05cqw !important;color:#1E2430 !important;border-bottom:0.07cqw solid #E8E6E0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-totals>div b{font-weight:400 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-totals>div.inv-total-grand{margin-top:0.9cqw !important;padding:1.6cqw 1.3cqw !important;background:#F0EEE8 !important;border-bottom:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-totals>div.inv-total-grand span{font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;font-family:Inter,'Inter Fallback',ui-sans-serif,sans-serif !important;font-size:0.85cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-totals>div.inv-total-grand b{font-size:2cqw !important;font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-payrow,.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-photos{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-signature-row{grid-column:1 / -1 !important;grid-row:5 !important;position:relative !important;display:block !important;min-height:9cqw !important;text-align:center !important;margin:4cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .sig-render,.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .sig-line,.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .sig-caption{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-signature-row::before{content:"Thank You" !important;display:block !important;font-family:'Brush Script MT',cursive,Georgia,serif !important;font-style:italic !important;font-size:3.2cqw !important;color:#1E2430 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-signature-row::after{content:"FOR CHOOSING STUDIO NORTH" !important;display:block !important;margin-top:.6cqw !important;font-family:Inter,'Inter Fallback',ui-sans-serif,sans-serif !important;font-size:0.78cqw !important;font-weight:600 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#5A6070 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-footer-note{position:absolute !important;left:0 !important;right:0 !important;bottom:4.8cqw !important;display:flex !important;justify-content:center !important;gap:1.4cqw !important;margin:0 !important;padding-top:1.4cqw !important;border-top:0.09cqw solid #E8E6E0 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,sans-serif !important;font-size:0.72cqw !important;color:#9A9488 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-table::after{content:"A SAFER HOME STARTS AT THE TOP" !important;position:absolute !important;left:50% !important;bottom:1.1cqw !important;transform:translateX(-50%) !important;white-space:nowrap !important;font-size:0.78cqw !important;font-weight:600 !important;letter-spacing:.22em !important;color:#5A6070 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-table::before{content:"" !important;position:absolute !important;left:50% !important;bottom:2.4cqw !important;width:3.6cqw !important;height:0.09cqw !important;transform:translateX(-1.8cqw) !important;background:#C9BFA8 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-rf20-04-editorial).tmpl-rf20-04-editorial .inv-powered{display:none !important}