/* it-tradeport-rm-rf20-v1.css * Identity-level Switch port of the 20 new roofer (rf20-*) invoice-generator * template ids onto receipt-maker's .paper DOM. Same technique and selector pattern * as it-tradeport-rm-lg20-v1.css (landscaper lg20 port): each design's real accent hex * drives background, ink, pill badge, meta label, line-item border, totals block, * note block, signature rule and 'by' label. Not a shared palette and not a full * bespoke pixel-perfect recreation - a real accent/font identity carried through * receipt-maker's own DOM, matching this project's established identity-level-port * pattern (see CLAUDE.md 'Pixel-perfect rollout' / 'Reusable components' notes). * * All 20 designs use the sans font stack (tools/audit/out/rf20_accents.json: font * "sans" for all 20; receipt-maker's RM_TRADEPORT_TEMPLATES registry has no font * key, matching the already-shipped lg20/hv20/el20/ph20 entries). * * Dark-mode threshold: following the lg20 reference file's own rule (near-black * accent, HSL lightness under ~0.16, gets a genuine dark-mode treatment - dark page * bg #0B0E14, light ink #EEF2F7), 7 of the 20 roofer accents measured strictly below * that threshold and are treated as dark-mode: rf20-11-leftrail / rf20-12-photobanner * (#1B2630, L~0.147), rf20-13-techstrip / rf20-15-cardgrid / rf20-16-phasebilling * (#13202E, L~0.127), rf20-18-phototrust (#16222E, L~0.133) and rf20-19-minimalsummary * (#152033, L~0.141). For these 7, the given accent is too close to the dark page * background to read as a visible border/pill color, so each accent was brightened * (channels doubled, hue preserved, same exact technique the lg20 file uses) purely * for the border-top/pill background/total-rule role. * * 4 more roofer accents are dark navy but measured ABOVE the 0.16 threshold (rf20-06- * photocards / rf20-09-inspectioncards #1E3A5C L~0.239, rf20-07-progresstimeline * #17304E L~0.198, rf20-17-laborsplit #1C2B3D L~0.175) - these stay light-mode (pale * page background) with the navy accent used as given, not brightened, matching the * lg20 file's own strict lightness cutoff rather than a looser "looks navy" judgment. * * Pill text color (white vs dark ink) chosen per design by perceived luminance of the * accent (same formula/threshold precedent as lg20/hv20): rf20-01/02/04/08/10/14/20 * (brighter gold/orange/tan accents) get dark pill text; rf20-05/06/07/09/17 (muted * brown or dark navy) get white. rf20-03-blueprint (#2F6FD6, a vivid mid blue sitting * right at the luminance threshold) was given white pill text as a judgment call - * a saturated primary blue reads better with white text than the formula's borderline * "dark" call, the same kind of per-design luminance override lg20/hv20 already made. * * rf20-06-photocards and rf20-09-inspectioncards share the identical owner-given * accent hex (#1E3A5C); their background/border/total tints were derived with * slightly different blend ratios so the two designs don't render as literally * identical sheets, while both still carry the exact same accent on the border/pill/ * rule. rf20-11-leftrail/rf20-12-photobanner share #1B2630 and rf20-13-techstrip/ * rf20-15-cardgrid/rf20-16-phasebilling share #13202E - these dark-mode duplicates * were left identical (same treatment as lg20-15/lg20-16's own identical-accent pair). * * Additive only: this file does not touch RM_TRADEPORT_TEMPLATES (registered * separately in receipt-maker/index.html) or any other page/registry. */ .paper[class*="tmpl-rf20-"]{position:relative;isolation:isolate !important;overflow:hidden !important;box-sizing:border-box !important} .paper[class*="tmpl-rf20-"]>*{position:relative;z-index:1} .paper[class*="tmpl-rf20-"] .p-line .qty{display:block !important;font-weight:400 !important} .paper[class*="tmpl-rf20-"] .p-line .qty.rce-q1{display:none !important} .rce-canvas .paper[class*="tmpl-rf20-"] .p-line .qty.rce-q1{display:block !important} .paper[class*="tmpl-rf20-"] .p-biz-wrap>span,.paper[class*="tmpl-rf20-"] .p-biz>span:not([data-f]){display:block !important;font:inherit !important;letter-spacing:inherit !important;text-transform:inherit !important;margin:0 !important} /* rf20-01-photosidebar | Premium Roof Photo Sidebar | #C79A5B | light, dark pill text */ .paper.tmpl-rf20-01-photosidebar{background:#F9F5EF !important;color:#1D232D !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #C79A5B !important;padding:28px !important} .paper.tmpl-rf20-01-photosidebar .p-top{border-bottom:1px solid #F5EDE1 !important;padding-bottom:14px !important} .paper.tmpl-rf20-01-photosidebar .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.03em !important;color:#1D232D !important} .paper.tmpl-rf20-01-photosidebar .p-biz-wrap>span{color:#5B6370 !important} .paper.tmpl-rf20-01-photosidebar .pill{background:#C79A5B !important;border-color:#C79A5B !important;color:#1D232D !important} .paper.tmpl-rf20-01-photosidebar .p-meta>div>span{color:#7B6446 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-01-photosidebar .p-meta>div>b{color:#1D232D !important} .paper.tmpl-rf20-01-photosidebar #pLines>.p-line{border-bottom:1px solid #F5EDE1 !important;color:#1D232D !important} .paper.tmpl-rf20-01-photosidebar #pLines>.p-line>b{color:#1D232D !important} .paper.tmpl-rf20-01-photosidebar .p-sum>.total{background:#F3E9DB !important;color:#1D232D !important;border-top:2px solid #C79A5B !important} .paper.tmpl-rf20-01-photosidebar .p-sum>.total>:last-child{color:#7B6446 !important} .paper.tmpl-rf20-01-photosidebar .p-note{background:#FCF9F5 !important;border:1px solid #F5EDE1 !important;color:#1D232D !important} .paper.tmpl-rf20-01-photosidebar .p-sig-in .rule{border-top:1px solid #C79A5B !important;color:#7B6446 !important} .paper.tmpl-rf20-01-photosidebar .p-by{color:#7B6446 !important} /* rf20-02-ridgelinehero | Ridgeline Diagonal Hero | #E08456 | light, dark pill text */ .paper.tmpl-rf20-02-ridgelinehero{background:#FCF3EE !important;color:#1D232D !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #E08456 !important;padding:28px !important} .paper.tmpl-rf20-02-ridgelinehero .p-top{border-bottom:1px solid #F9E9E1 !important;padding-bottom:14px !important} .paper.tmpl-rf20-02-ridgelinehero .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.03em !important;color:#1D232D !important} .paper.tmpl-rf20-02-ridgelinehero .p-biz-wrap>span{color:#5B6370 !important} .paper.tmpl-rf20-02-ridgelinehero .pill{background:#E08456 !important;border-color:#E08456 !important;color:#1D232D !important} .paper.tmpl-rf20-02-ridgelinehero .p-meta>div>span{color:#885844 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-02-ridgelinehero .p-meta>div>b{color:#1D232D !important} .paper.tmpl-rf20-02-ridgelinehero #pLines>.p-line{border-bottom:1px solid #F9E9E1 !important;color:#1D232D !important} .paper.tmpl-rf20-02-ridgelinehero #pLines>.p-line>b{color:#1D232D !important} .paper.tmpl-rf20-02-ridgelinehero .p-sum>.total{background:#F8E4DA !important;color:#1D232D !important;border-top:2px solid #E08456 !important} .paper.tmpl-rf20-02-ridgelinehero .p-sum>.total>:last-child{color:#885844 !important} .paper.tmpl-rf20-02-ridgelinehero .p-note{background:#FDF8F5 !important;border:1px solid #F9E9E1 !important;color:#1D232D !important} .paper.tmpl-rf20-02-ridgelinehero .p-sig-in .rule{border-top:1px solid #E08456 !important;color:#885844 !important} .paper.tmpl-rf20-02-ridgelinehero .p-by{color:#885844 !important} /* rf20-03-blueprint | Blueprint Technical Roof | #2F6FD6 | light, white pill text (judgment call) */ .paper.tmpl-rf20-03-blueprint{background:#EAF1FB !important;color:#1D232D !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #2F6FD6 !important;padding:28px !important} .paper.tmpl-rf20-03-blueprint .p-top{border-bottom:1px solid #DAE5F8 !important;padding-bottom:14px !important} .paper.tmpl-rf20-03-blueprint .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.03em !important;color:#1D232D !important} .paper.tmpl-rf20-03-blueprint .p-biz-wrap>span{color:#5B6370 !important} .paper.tmpl-rf20-03-blueprint .pill{background:#2F6FD6 !important;border-color:#2F6FD6 !important;color:#FFFFFF !important} .paper.tmpl-rf20-03-blueprint .p-meta>div>span{color:#274D8A !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-03-blueprint .p-meta>div>b{color:#1D232D !important} .paper.tmpl-rf20-03-blueprint #pLines>.p-line{border-bottom:1px solid #DAE5F8 !important;color:#1D232D !important} .paper.tmpl-rf20-03-blueprint #pLines>.p-line>b{color:#1D232D !important} .paper.tmpl-rf20-03-blueprint .p-sum>.total{background:#D1DFF6 !important;color:#1D232D !important;border-top:2px solid #2F6FD6 !important} .paper.tmpl-rf20-03-blueprint .p-sum>.total>:last-child{color:#274D8A !important} .paper.tmpl-rf20-03-blueprint .p-note{background:#F3F6FD !important;border:1px solid #DAE5F8 !important;color:#1D232D !important} .paper.tmpl-rf20-03-blueprint .p-sig-in .rule{border-top:1px solid #2F6FD6 !important;color:#274D8A !important} .paper.tmpl-rf20-03-blueprint .p-by{color:#274D8A !important} /* rf20-04-editorial | Minimal Editorial Contractor | #B08A54 | light, dark pill text */ .paper.tmpl-rf20-04-editorial{background:#F7F3EE !important;color:#1D232D !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #B08A54 !important;padding:28px !important} .paper.tmpl-rf20-04-editorial .p-top{border-bottom:1px solid #F1EAE0 !important;padding-bottom:14px !important} .paper.tmpl-rf20-04-editorial .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.03em !important;color:#1D232D !important} .paper.tmpl-rf20-04-editorial .p-biz-wrap>span{color:#5B6370 !important} .paper.tmpl-rf20-04-editorial .pill{background:#B08A54 !important;border-color:#B08A54 !important;color:#1D232D !important} .paper.tmpl-rf20-04-editorial .p-meta>div>span{color:#6E5C42 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-04-editorial .p-meta>div>b{color:#1D232D !important} .paper.tmpl-rf20-04-editorial #pLines>.p-line{border-bottom:1px solid #F1EAE0 !important;color:#1D232D !important} .paper.tmpl-rf20-04-editorial #pLines>.p-line>b{color:#1D232D !important} .paper.tmpl-rf20-04-editorial .p-sum>.total{background:#EEE5D9 !important;color:#1D232D !important;border-top:2px solid #B08A54 !important} .paper.tmpl-rf20-04-editorial .p-sum>.total>:last-child{color:#6E5C42 !important} .paper.tmpl-rf20-04-editorial .p-note{background:#FAF8F5 !important;border:1px solid #F1EAE0 !important;color:#1D232D !important} .paper.tmpl-rf20-04-editorial .p-sig-in .rule{border-top:1px solid #B08A54 !important;color:#6E5C42 !important} .paper.tmpl-rf20-04-editorial .p-by{color:#6E5C42 !important} /* rf20-05-darksidebar | Dark Contractor Sidebar | #5A4A3A | light (muted brown, white pill text) */ .paper.tmpl-rf20-05-darksidebar{background:#EEEDEB !important;color:#1D232D !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #5A4A3A !important;padding:28px !important} .paper.tmpl-rf20-05-darksidebar .p-top{border-bottom:1px solid #E1DEDC !important;padding-bottom:14px !important} .paper.tmpl-rf20-05-darksidebar .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.03em !important;color:#1D232D !important} .paper.tmpl-rf20-05-darksidebar .p-biz-wrap>span{color:#5B6370 !important} .paper.tmpl-rf20-05-darksidebar .pill{background:#5A4A3A !important;border-color:#5A4A3A !important;color:#FFFFFF !important} .paper.tmpl-rf20-05-darksidebar .p-meta>div>span{color:#3F3834 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-05-darksidebar .p-meta>div>b{color:#1D232D !important} .paper.tmpl-rf20-05-darksidebar #pLines>.p-line{border-bottom:1px solid #E1DEDC !important;color:#1D232D !important} .paper.tmpl-rf20-05-darksidebar #pLines>.p-line>b{color:#1D232D !important} .paper.tmpl-rf20-05-darksidebar .p-sum>.total{background:#DBD7D4 !important;color:#1D232D !important;border-top:2px solid #5A4A3A !important} .paper.tmpl-rf20-05-darksidebar .p-sum>.total>:last-child{color:#3F3834 !important} .paper.tmpl-rf20-05-darksidebar .p-note{background:#F5F4F3 !important;border:1px solid #E1DEDC !important;color:#1D232D !important} .paper.tmpl-rf20-05-darksidebar .p-sig-in .rule{border-top:1px solid #5A4A3A !important;color:#3F3834 !important} .paper.tmpl-rf20-05-darksidebar .p-by{color:#3F3834 !important} /* rf20-06-photocards | Photo Header Service Cards | #1E3A5C | light navy (L~0.239, above dark-mode cutoff), white pill text */ .paper.tmpl-rf20-06-photocards{background:#E8EBEF !important;color:#1D232D !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #1E3A5C !important;padding:28px !important} .paper.tmpl-rf20-06-photocards .p-top{border-bottom:1px solid #D6DCE2 !important;padding-bottom:14px !important} .paper.tmpl-rf20-06-photocards .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.03em !important;color:#1D232D !important} .paper.tmpl-rf20-06-photocards .p-biz-wrap>span{color:#5B6370 !important} .paper.tmpl-rf20-06-photocards .pill{background:#1E3A5C !important;border-color:#1E3A5C !important;color:#FFFFFF !important} .paper.tmpl-rf20-06-photocards .p-meta>div>span{color:#1E3047 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-06-photocards .p-meta>div>b{color:#1D232D !important} .paper.tmpl-rf20-06-photocards #pLines>.p-line{border-bottom:1px solid #D6DCE2 !important;color:#1D232D !important} .paper.tmpl-rf20-06-photocards #pLines>.p-line>b{color:#1D232D !important} .paper.tmpl-rf20-06-photocards .p-sum>.total{background:#CED4DB !important;color:#1D232D !important;border-top:2px solid #1E3A5C !important} .paper.tmpl-rf20-06-photocards .p-sum>.total>:last-child{color:#1E3047 !important} .paper.tmpl-rf20-06-photocards .p-note{background:#F2F3F5 !important;border:1px solid #D6DCE2 !important;color:#1D232D !important} .paper.tmpl-rf20-06-photocards .p-sig-in .rule{border-top:1px solid #1E3A5C !important;color:#1E3047 !important} .paper.tmpl-rf20-06-photocards .p-by{color:#1E3047 !important} /* rf20-07-progresstimeline | Progress Billing Timeline | #17304E | light navy (L~0.198, above dark-mode cutoff), white pill text */ .paper.tmpl-rf20-07-progresstimeline{background:#E8EAED !important;color:#1D232D !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #17304E !important;padding:28px !important} .paper.tmpl-rf20-07-progresstimeline .p-top{border-bottom:1px solid #D5DADF !important;padding-bottom:14px !important} .paper.tmpl-rf20-07-progresstimeline .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.03em !important;color:#1D232D !important} .paper.tmpl-rf20-07-progresstimeline .p-biz-wrap>span{color:#5B6370 !important} .paper.tmpl-rf20-07-progresstimeline .pill{background:#17304E !important;border-color:#17304E !important;color:#FFFFFF !important} .paper.tmpl-rf20-07-progresstimeline .p-meta>div>span{color:#1A2A3F !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-07-progresstimeline .p-meta>div>b{color:#1D232D !important} .paper.tmpl-rf20-07-progresstimeline #pLines>.p-line{border-bottom:1px solid #D5DADF !important;color:#1D232D !important} .paper.tmpl-rf20-07-progresstimeline #pLines>.p-line>b{color:#1D232D !important} .paper.tmpl-rf20-07-progresstimeline .p-sum>.total{background:#CCD1D8 !important;color:#1D232D !important;border-top:2px solid #17304E !important} .paper.tmpl-rf20-07-progresstimeline .p-sum>.total>:last-child{color:#1A2A3F !important} .paper.tmpl-rf20-07-progresstimeline .p-note{background:#F1F3F4 !important;border:1px solid #D5DADF !important;color:#1D232D !important} .paper.tmpl-rf20-07-progresstimeline .p-sig-in .rule{border-top:1px solid #17304E !important;color:#1A2A3F !important} .paper.tmpl-rf20-07-progresstimeline .p-by{color:#1A2A3F !important} /* rf20-08-luxurygold | Classic Luxury Gold | #D9CFAE | light, dark pill text */ .paper.tmpl-rf20-08-luxurygold{background:#FBFAF7 !important;color:#1D232D !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #D9CFAE !important;padding:28px !important} .paper.tmpl-rf20-08-luxurygold .p-top{border-bottom:1px solid #F8F6F0 !important;padding-bottom:14px !important} .paper.tmpl-rf20-08-luxurygold .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.03em !important;color:#1D232D !important} .paper.tmpl-rf20-08-luxurygold .p-biz-wrap>span{color:#5B6370 !important} .paper.tmpl-rf20-08-luxurygold .pill{background:#D9CFAE !important;border-color:#D9CFAE !important;color:#1D232D !important} .paper.tmpl-rf20-08-luxurygold .p-meta>div>span{color:#848274 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-08-luxurygold .p-meta>div>b{color:#1D232D !important} .paper.tmpl-rf20-08-luxurygold #pLines>.p-line{border-bottom:1px solid #F8F6F0 !important;color:#1D232D !important} .paper.tmpl-rf20-08-luxurygold #pLines>.p-line>b{color:#1D232D !important} .paper.tmpl-rf20-08-luxurygold .p-sum>.total{background:#F7F4ED !important;color:#1D232D !important;border-top:2px solid #D9CFAE !important} .paper.tmpl-rf20-08-luxurygold .p-sum>.total>:last-child{color:#848274 !important} .paper.tmpl-rf20-08-luxurygold .p-note{background:#FDFCFA !important;border:1px solid #F8F6F0 !important;color:#1D232D !important} .paper.tmpl-rf20-08-luxurygold .p-sig-in .rule{border-top:1px solid #D9CFAE !important;color:#848274 !important} .paper.tmpl-rf20-08-luxurygold .p-by{color:#848274 !important} /* rf20-09-inspectioncards | Inspection Cards | #1E3A5C | light navy (same given accent as rf20-06, different tint ratio), white pill text */ .paper.tmpl-rf20-09-inspectioncards{background:#E0E3E8 !important;color:#1D232D !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #1E3A5C !important;padding:28px !important} .paper.tmpl-rf20-09-inspectioncards .p-top{border-bottom:1px solid #C9D0D8 !important;padding-bottom:14px !important} .paper.tmpl-rf20-09-inspectioncards .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.03em !important;color:#1D232D !important} .paper.tmpl-rf20-09-inspectioncards .p-biz-wrap>span{color:#5B6370 !important} .paper.tmpl-rf20-09-inspectioncards .pill{background:#1E3A5C !important;border-color:#1E3A5C !important;color:#FFFFFF !important} .paper.tmpl-rf20-09-inspectioncards .p-meta>div>span{color:#1E3047 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-09-inspectioncards .p-meta>div>b{color:#1D232D !important} .paper.tmpl-rf20-09-inspectioncards #pLines>.p-line{border-bottom:1px solid #C9D0D8 !important;color:#1D232D !important} .paper.tmpl-rf20-09-inspectioncards #pLines>.p-line>b{color:#1D232D !important} .paper.tmpl-rf20-09-inspectioncards .p-sum>.total{background:#C0C8D1 !important;color:#1D232D !important;border-top:2px solid #1E3A5C !important} .paper.tmpl-rf20-09-inspectioncards .p-sum>.total>:last-child{color:#1E3047 !important} .paper.tmpl-rf20-09-inspectioncards .p-note{background:#EBEDF0 !important;border:1px solid #C9D0D8 !important;color:#1D232D !important} .paper.tmpl-rf20-09-inspectioncards .p-sig-in .rule{border-top:1px solid #1E3A5C !important;color:#1E3047 !important} .paper.tmpl-rf20-09-inspectioncards .p-by{color:#1E3047 !important} /* rf20-10-orangetotal | Roofline Total Forward | #E8671F | light, dark pill text */ .paper.tmpl-rf20-10-orangetotal{background:#FDF0E9 !important;color:#1D232D !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #E8671F !important;padding:28px !important} .paper.tmpl-rf20-10-orangetotal .p-top{border-bottom:1px solid #FBE4D7 !important;padding-bottom:14px !important} .paper.tmpl-rf20-10-orangetotal .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.03em !important;color:#1D232D !important} .paper.tmpl-rf20-10-orangetotal .p-biz-wrap>span{color:#5B6370 !important} .paper.tmpl-rf20-10-orangetotal .pill{background:#E8671F !important;border-color:#E8671F !important;color:#1D232D !important} .paper.tmpl-rf20-10-orangetotal .p-meta>div>span{color:#8D4825 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-10-orangetotal .p-meta>div>b{color:#1D232D !important} .paper.tmpl-rf20-10-orangetotal #pLines>.p-line{border-bottom:1px solid #FBE4D7 !important;color:#1D232D !important} .paper.tmpl-rf20-10-orangetotal #pLines>.p-line>b{color:#1D232D !important} .paper.tmpl-rf20-10-orangetotal .p-sum>.total{background:#FADECE !important;color:#1D232D !important;border-top:2px solid #E8671F !important} .paper.tmpl-rf20-10-orangetotal .p-sum>.total>:last-child{color:#8D4825 !important} .paper.tmpl-rf20-10-orangetotal .p-note{background:#FEF6F2 !important;border:1px solid #FBE4D7 !important;color:#1D232D !important} .paper.tmpl-rf20-10-orangetotal .p-sig-in .rule{border-top:1px solid #E8671F !important;color:#8D4825 !important} .paper.tmpl-rf20-10-orangetotal .p-by{color:#8D4825 !important} /* rf20-11-leftrail | Left Rail Roof Details | #1B2630 | dark-mode (border/pill brightened to #364C60) */ .paper.tmpl-rf20-11-leftrail{background:#0B0E14 !important;color:#EEF2F7 !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #364C60 !important;padding:28px !important} .paper.tmpl-rf20-11-leftrail .p-top{border-bottom:1px solid #364C60 !important;padding-bottom:14px !important} .paper.tmpl-rf20-11-leftrail .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#EEF2F7 !important} .paper.tmpl-rf20-11-leftrail .p-biz-wrap>span{color:#A9B4C2 !important} .paper.tmpl-rf20-11-leftrail .pill{background:#364C60 !important;border-color:#364C60 !important;color:#FFFFFF !important} .paper.tmpl-rf20-11-leftrail .p-meta>div>span{color:#8997A4 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-11-leftrail .p-meta>div>b{color:#EEF2F7 !important} .paper.tmpl-rf20-11-leftrail #pLines>.p-line{border-bottom:1px solid rgba(255,255,255,.14) !important;color:#EEF2F7 !important} .paper.tmpl-rf20-11-leftrail #pLines>.p-line>b{color:#EEF2F7 !important} .paper.tmpl-rf20-11-leftrail .p-sum>.total{background:rgba(255,255,255,.07) !important;color:#EEF2F7 !important;border-top:2px solid #364C60 !important} .paper.tmpl-rf20-11-leftrail .p-sum>.total>:last-child{color:#8997A4 !important} .paper.tmpl-rf20-11-leftrail .p-note{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.14) !important;color:#EEF2F7 !important} .paper.tmpl-rf20-11-leftrail .p-sig-in .rule{border-top:1px solid #364C60 !important;color:#8997A4 !important} .paper.tmpl-rf20-11-leftrail .p-by{color:#8997A4 !important} /* rf20-12-photobanner | Photo Banner Project Cards | #1B2630 | dark-mode (same given accent as rf20-11; distinct design id/name only) */ .paper.tmpl-rf20-12-photobanner{background:#0B0E14 !important;color:#EEF2F7 !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #364C60 !important;padding:28px !important} .paper.tmpl-rf20-12-photobanner .p-top{border-bottom:1px solid #364C60 !important;padding-bottom:14px !important} .paper.tmpl-rf20-12-photobanner .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#EEF2F7 !important} .paper.tmpl-rf20-12-photobanner .p-biz-wrap>span{color:#A9B4C2 !important} .paper.tmpl-rf20-12-photobanner .pill{background:#364C60 !important;border-color:#364C60 !important;color:#FFFFFF !important} .paper.tmpl-rf20-12-photobanner .p-meta>div>span{color:#8997A4 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-12-photobanner .p-meta>div>b{color:#EEF2F7 !important} .paper.tmpl-rf20-12-photobanner #pLines>.p-line{border-bottom:1px solid rgba(255,255,255,.14) !important;color:#EEF2F7 !important} .paper.tmpl-rf20-12-photobanner #pLines>.p-line>b{color:#EEF2F7 !important} .paper.tmpl-rf20-12-photobanner .p-sum>.total{background:rgba(255,255,255,.07) !important;color:#EEF2F7 !important;border-top:2px solid #364C60 !important} .paper.tmpl-rf20-12-photobanner .p-sum>.total>:last-child{color:#8997A4 !important} .paper.tmpl-rf20-12-photobanner .p-note{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.14) !important;color:#EEF2F7 !important} .paper.tmpl-rf20-12-photobanner .p-sig-in .rule{border-top:1px solid #364C60 !important;color:#8997A4 !important} .paper.tmpl-rf20-12-photobanner .p-by{color:#8997A4 !important} /* rf20-13-techstrip | Technical Roof Details Strip | #13202E | dark-mode (border/pill brightened to #26405C) */ .paper.tmpl-rf20-13-techstrip{background:#0B0E14 !important;color:#EEF2F7 !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #26405C !important;padding:28px !important} .paper.tmpl-rf20-13-techstrip .p-top{border-bottom:1px solid #26405C !important;padding-bottom:14px !important} .paper.tmpl-rf20-13-techstrip .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#EEF2F7 !important} .paper.tmpl-rf20-13-techstrip .p-biz-wrap>span{color:#A9B4C2 !important} .paper.tmpl-rf20-13-techstrip .pill{background:#26405C !important;border-color:#26405C !important;color:#FFFFFF !important} .paper.tmpl-rf20-13-techstrip .p-meta>div>span{color:#8090A2 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-13-techstrip .p-meta>div>b{color:#EEF2F7 !important} .paper.tmpl-rf20-13-techstrip #pLines>.p-line{border-bottom:1px solid rgba(255,255,255,.14) !important;color:#EEF2F7 !important} .paper.tmpl-rf20-13-techstrip #pLines>.p-line>b{color:#EEF2F7 !important} .paper.tmpl-rf20-13-techstrip .p-sum>.total{background:rgba(255,255,255,.07) !important;color:#EEF2F7 !important;border-top:2px solid #26405C !important} .paper.tmpl-rf20-13-techstrip .p-sum>.total>:last-child{color:#8090A2 !important} .paper.tmpl-rf20-13-techstrip .p-note{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.14) !important;color:#EEF2F7 !important} .paper.tmpl-rf20-13-techstrip .p-sig-in .rule{border-top:1px solid #26405C !important;color:#8090A2 !important} .paper.tmpl-rf20-13-techstrip .p-by{color:#8090A2 !important} /* rf20-14-editorialgold | Summit Ridge Editorial Gold | #8A7A42 | light, dark pill text */ .paper.tmpl-rf20-14-editorialgold{background:#F3F2EC !important;color:#1D232D !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #8A7A42 !important;padding:28px !important} .paper.tmpl-rf20-14-editorialgold .p-top{border-bottom:1px solid #EAE7DD !important;padding-bottom:14px !important} .paper.tmpl-rf20-14-editorialgold .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.03em !important;color:#1D232D !important} .paper.tmpl-rf20-14-editorialgold .p-biz-wrap>span{color:#5B6370 !important} .paper.tmpl-rf20-14-editorialgold .pill{background:#8A7A42 !important;border-color:#8A7A42 !important;color:#1D232D !important} .paper.tmpl-rf20-14-editorialgold .p-meta>div>span{color:#595339 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-14-editorialgold .p-meta>div>b{color:#1D232D !important} .paper.tmpl-rf20-14-editorialgold #pLines>.p-line{border-bottom:1px solid #EAE7DD !important;color:#1D232D !important} .paper.tmpl-rf20-14-editorialgold #pLines>.p-line>b{color:#1D232D !important} .paper.tmpl-rf20-14-editorialgold .p-sum>.total{background:#E5E2D5 !important;color:#1D232D !important;border-top:2px solid #8A7A42 !important} .paper.tmpl-rf20-14-editorialgold .p-sum>.total>:last-child{color:#595339 !important} .paper.tmpl-rf20-14-editorialgold .p-note{background:#F8F7F4 !important;border:1px solid #EAE7DD !important;color:#1D232D !important} .paper.tmpl-rf20-14-editorialgold .p-sig-in .rule{border-top:1px solid #8A7A42 !important;color:#595339 !important} .paper.tmpl-rf20-14-editorialgold .p-by{color:#595339 !important} /* rf20-15-cardgrid | Card Grid Service Type | #13202E | dark-mode (same given accent as rf20-13/rf20-16; distinct design id/name only) */ .paper.tmpl-rf20-15-cardgrid{background:#0B0E14 !important;color:#EEF2F7 !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #26405C !important;padding:28px !important} .paper.tmpl-rf20-15-cardgrid .p-top{border-bottom:1px solid #26405C !important;padding-bottom:14px !important} .paper.tmpl-rf20-15-cardgrid .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#EEF2F7 !important} .paper.tmpl-rf20-15-cardgrid .p-biz-wrap>span{color:#A9B4C2 !important} .paper.tmpl-rf20-15-cardgrid .pill{background:#26405C !important;border-color:#26405C !important;color:#FFFFFF !important} .paper.tmpl-rf20-15-cardgrid .p-meta>div>span{color:#8090A2 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-15-cardgrid .p-meta>div>b{color:#EEF2F7 !important} .paper.tmpl-rf20-15-cardgrid #pLines>.p-line{border-bottom:1px solid rgba(255,255,255,.14) !important;color:#EEF2F7 !important} .paper.tmpl-rf20-15-cardgrid #pLines>.p-line>b{color:#EEF2F7 !important} .paper.tmpl-rf20-15-cardgrid .p-sum>.total{background:rgba(255,255,255,.07) !important;color:#EEF2F7 !important;border-top:2px solid #26405C !important} .paper.tmpl-rf20-15-cardgrid .p-sum>.total>:last-child{color:#8090A2 !important} .paper.tmpl-rf20-15-cardgrid .p-note{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.14) !important;color:#EEF2F7 !important} .paper.tmpl-rf20-15-cardgrid .p-sig-in .rule{border-top:1px solid #26405C !important;color:#8090A2 !important} .paper.tmpl-rf20-15-cardgrid .p-by{color:#8090A2 !important} /* rf20-16-phasebilling | Phase Billing Progress | #13202E | dark-mode (same given accent as rf20-13/rf20-15; distinct design id/name only) */ .paper.tmpl-rf20-16-phasebilling{background:#0B0E14 !important;color:#EEF2F7 !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #26405C !important;padding:28px !important} .paper.tmpl-rf20-16-phasebilling .p-top{border-bottom:1px solid #26405C !important;padding-bottom:14px !important} .paper.tmpl-rf20-16-phasebilling .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#EEF2F7 !important} .paper.tmpl-rf20-16-phasebilling .p-biz-wrap>span{color:#A9B4C2 !important} .paper.tmpl-rf20-16-phasebilling .pill{background:#26405C !important;border-color:#26405C !important;color:#FFFFFF !important} .paper.tmpl-rf20-16-phasebilling .p-meta>div>span{color:#8090A2 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-16-phasebilling .p-meta>div>b{color:#EEF2F7 !important} .paper.tmpl-rf20-16-phasebilling #pLines>.p-line{border-bottom:1px solid rgba(255,255,255,.14) !important;color:#EEF2F7 !important} .paper.tmpl-rf20-16-phasebilling #pLines>.p-line>b{color:#EEF2F7 !important} .paper.tmpl-rf20-16-phasebilling .p-sum>.total{background:rgba(255,255,255,.07) !important;color:#EEF2F7 !important;border-top:2px solid #26405C !important} .paper.tmpl-rf20-16-phasebilling .p-sum>.total>:last-child{color:#8090A2 !important} .paper.tmpl-rf20-16-phasebilling .p-note{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.14) !important;color:#EEF2F7 !important} .paper.tmpl-rf20-16-phasebilling .p-sig-in .rule{border-top:1px solid #26405C !important;color:#8090A2 !important} .paper.tmpl-rf20-16-phasebilling .p-by{color:#8090A2 !important} /* rf20-17-laborsplit | Labor Materials Split | #1C2B3D | light navy (L~0.175, above dark-mode cutoff), white pill text */ .paper.tmpl-rf20-17-laborsplit{background:#E8EAEC !important;color:#1D232D !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #1C2B3D !important;padding:28px !important} .paper.tmpl-rf20-17-laborsplit .p-top{border-bottom:1px solid #D6D9DC !important;padding-bottom:14px !important} .paper.tmpl-rf20-17-laborsplit .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.03em !important;color:#1D232D !important} .paper.tmpl-rf20-17-laborsplit .p-biz-wrap>span{color:#5B6370 !important} .paper.tmpl-rf20-17-laborsplit .pill{background:#1C2B3D !important;border-color:#1C2B3D !important;color:#FFFFFF !important} .paper.tmpl-rf20-17-laborsplit .p-meta>div>span{color:#1C2736 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-17-laborsplit .p-meta>div>b{color:#1D232D !important} .paper.tmpl-rf20-17-laborsplit #pLines>.p-line{border-bottom:1px solid #D6D9DC !important;color:#1D232D !important} .paper.tmpl-rf20-17-laborsplit #pLines>.p-line>b{color:#1D232D !important} .paper.tmpl-rf20-17-laborsplit .p-sum>.total{background:#CDD0D4 !important;color:#1D232D !important;border-top:2px solid #1C2B3D !important} .paper.tmpl-rf20-17-laborsplit .p-sum>.total>:last-child{color:#1C2736 !important} .paper.tmpl-rf20-17-laborsplit .p-note{background:#F1F2F3 !important;border:1px solid #D6D9DC !important;color:#1D232D !important} .paper.tmpl-rf20-17-laborsplit .p-sig-in .rule{border-top:1px solid #1C2B3D !important;color:#1C2736 !important} .paper.tmpl-rf20-17-laborsplit .p-by{color:#1C2736 !important} /* rf20-18-phototrust | Photo Header Trust Icons | #16222E | dark-mode (border/pill brightened to #2C445C) */ .paper.tmpl-rf20-18-phototrust{background:#0B0E14 !important;color:#EEF2F7 !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #2C445C !important;padding:28px !important} .paper.tmpl-rf20-18-phototrust .p-top{border-bottom:1px solid #2C445C !important;padding-bottom:14px !important} .paper.tmpl-rf20-18-phototrust .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#EEF2F7 !important} .paper.tmpl-rf20-18-phototrust .p-biz-wrap>span{color:#A9B4C2 !important} .paper.tmpl-rf20-18-phototrust .pill{background:#2C445C !important;border-color:#2C445C !important;color:#FFFFFF !important} .paper.tmpl-rf20-18-phototrust .p-meta>div>span{color:#8392A2 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-18-phototrust .p-meta>div>b{color:#EEF2F7 !important} .paper.tmpl-rf20-18-phototrust #pLines>.p-line{border-bottom:1px solid rgba(255,255,255,.14) !important;color:#EEF2F7 !important} .paper.tmpl-rf20-18-phototrust #pLines>.p-line>b{color:#EEF2F7 !important} .paper.tmpl-rf20-18-phototrust .p-sum>.total{background:rgba(255,255,255,.07) !important;color:#EEF2F7 !important;border-top:2px solid #2C445C !important} .paper.tmpl-rf20-18-phototrust .p-sum>.total>:last-child{color:#8392A2 !important} .paper.tmpl-rf20-18-phototrust .p-note{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.14) !important;color:#EEF2F7 !important} .paper.tmpl-rf20-18-phototrust .p-sig-in .rule{border-top:1px solid #2C445C !important;color:#8392A2 !important} .paper.tmpl-rf20-18-phototrust .p-by{color:#8392A2 !important} /* rf20-19-minimalsummary | Minimal Service Summary | #152033 | dark-mode (border/pill brightened to #2A4066) */ .paper.tmpl-rf20-19-minimalsummary{background:#0B0E14 !important;color:#EEF2F7 !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #2A4066 !important;padding:28px !important} .paper.tmpl-rf20-19-minimalsummary .p-top{border-bottom:1px solid #2A4066 !important;padding-bottom:14px !important} .paper.tmpl-rf20-19-minimalsummary .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#EEF2F7 !important} .paper.tmpl-rf20-19-minimalsummary .p-biz-wrap>span{color:#A9B4C2 !important} .paper.tmpl-rf20-19-minimalsummary .pill{background:#2A4066 !important;border-color:#2A4066 !important;color:#FFFFFF !important} .paper.tmpl-rf20-19-minimalsummary .p-meta>div>span{color:#8290A7 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-19-minimalsummary .p-meta>div>b{color:#EEF2F7 !important} .paper.tmpl-rf20-19-minimalsummary #pLines>.p-line{border-bottom:1px solid rgba(255,255,255,.14) !important;color:#EEF2F7 !important} .paper.tmpl-rf20-19-minimalsummary #pLines>.p-line>b{color:#EEF2F7 !important} .paper.tmpl-rf20-19-minimalsummary .p-sum>.total{background:rgba(255,255,255,.07) !important;color:#EEF2F7 !important;border-top:2px solid #2A4066 !important} .paper.tmpl-rf20-19-minimalsummary .p-sum>.total>:last-child{color:#8290A7 !important} .paper.tmpl-rf20-19-minimalsummary .p-note{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.14) !important;color:#EEF2F7 !important} .paper.tmpl-rf20-19-minimalsummary .p-sig-in .rule{border-top:1px solid #2A4066 !important;color:#8290A7 !important} .paper.tmpl-rf20-19-minimalsummary .p-by{color:#8290A7 !important} /* rf20-20-geofooter | Orange Geometric Footer | #E85B1C | light, dark pill text */ .paper.tmpl-rf20-20-geofooter{background:#FDEFE8 !important;color:#1D232D !important;font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:4px solid #E85B1C !important;padding:28px !important} .paper.tmpl-rf20-20-geofooter .p-top{border-bottom:1px solid #FBE1D6 !important;padding-bottom:14px !important} .paper.tmpl-rf20-20-geofooter .p-biz{font-family:'Inter','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;letter-spacing:.03em !important;color:#1D232D !important} .paper.tmpl-rf20-20-geofooter .p-biz-wrap>span{color:#5B6370 !important} .paper.tmpl-rf20-20-geofooter .pill{background:#E85B1C !important;border-color:#E85B1C !important;color:#1D232D !important} .paper.tmpl-rf20-20-geofooter .p-meta>div>span{color:#8D4224 !important;letter-spacing:.03em !important;font-weight:700 !important} .paper.tmpl-rf20-20-geofooter .p-meta>div>b{color:#1D232D !important} .paper.tmpl-rf20-20-geofooter #pLines>.p-line{border-bottom:1px solid #FBE1D6 !important;color:#1D232D !important} .paper.tmpl-rf20-20-geofooter #pLines>.p-line>b{color:#1D232D !important} .paper.tmpl-rf20-20-geofooter .p-sum>.total{background:#FADBCD !important;color:#1D232D !important;border-top:2px solid #E85B1C !important} .paper.tmpl-rf20-20-geofooter .p-sum>.total>:last-child{color:#8D4224 !important} .paper.tmpl-rf20-20-geofooter .p-note{background:#FEF5F1 !important;border:1px solid #FBE1D6 !important;color:#1D232D !important} .paper.tmpl-rf20-20-geofooter .p-sig-in .rule{border-top:1px solid #E85B1C !important;color:#8D4224 !important} .paper.tmpl-rf20-20-geofooter .p-by{color:#8D4224 !important}