/* HV-20 batch 5: 4 HVAC designs (hv20- prefix), built from the owner's real reference package tools/trades10/pack-templates/hvac/ (HV-17..HV-20, TEMPLATES_ORIGINAL PNGs, 1103x1426) onto invoice-generator's DOM. HV-17 -> hv20-17-photoheader HV-18 -> hv20-18-alderdale HV-19 -> hv20-19-crest HV-20 -> hv20-20-wavebanner Every photo, brand mark, icon, script line, slogan, payment-logo strip and decorative band is a real crop cut from the reference PNG with Pillow (site/assets/tpl-art/hv20/hv20-17-* .. hv20-20-*). Mockup business data baked into the art (sample brand names, "EST." years, "for trusting " lines) was lifted out with cv2 inpainting, and lettering that sits on the photo was separated from it (clean plate + alpha overlay) so a long live business name pushes it down instead of colliding with it. Flat rules, tinted panels and solid bands are CSS. The sample QR codes in the references encode the mockup's fake URL, so they are NOT reproduced: the real pay-link QR block (payment.methods) prints in their place when the sender adds a payment link. Scale: the sheet is a container and every length is calc(var(--k)*N) where N is the size on a 794px sheet (794 = 1103px reference x0.72), so one design holds at 690 (export), 794 (screen) and 847 (print). Every declaration !important per project convention. No data-uri SVG anywhere. */ /* ============================= HV-17: hv20-17-photoheader (Summit Photo Header Service Repair) ============================= One sheet-wide grid. Columns are the reference's own x stops (40/431/457/650/683/802/1063 of 1103): 1 margin | 2 left column | 3 gutter | 4 service location | 5 gap | 6 totals left | 7 meta / totals right | 8 margin. .inv-head/.inv-head-left/.inv-head-right/.inv-body/.inv-parties are display:contents so every field is placed directly; their own ::before/::after pseudos stay as grid items and carry the art. Rows: 1 mark, 2 name + brand lettering (photo behind both, cover-sized so a long name grows it), 3 title + meta, 4 parties, 5 rule, 6 table, 7-9 notes/terms/bank box + totals, 10 photos, 11 payment strip, 12 signature + slogan, 13 footer note, 14 flexible, 15 rule, 16 contact row, 17 tax id, 18 powered-by. */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader{--k:calc(100cqw / 794) !important;container-type:inline-size !important;background:#FEFEFE !important;color:#28324A !important;font-family:var(--font-sans) !important;padding:0 !important;margin:0 !important;position:relative !important;isolation:isolate !important;overflow:visible !important;min-height:0 !important;display:grid !important;grid-template-columns:3.6265% 35.4488% 2.3572% 17.4977% 2.9918% 10.7888% 23.6627% 1fr !important;grid-template-rows:repeat(13,auto) minmax(0,1fr) auto auto auto auto !important;align-content:stretch !important;border:0 !important;box-shadow:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-head,.invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-head-left,.invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-head-right,.invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-body,.invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-parties{display:contents !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .watermark{grid-area:1/1/-1/-1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-body::after{content:"" !important;grid-row:1/-1 !important;grid-column:1 !important;width:0 !important;height:calc(var(--k)*1026.72) !important;pointer-events:none !important;} /* hero photo: clean plate (brand lettering lifted out), cover-sized over rows 1-2 */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-head::before{content:"" !important;grid-row:1/3 !important;grid-column:1/-1 !important;min-height:calc(var(--k)*228.96) !important;background:#1E2B2A url('/assets/tpl-art/hv20/hv20-17-hero.webp') center top/cover no-repeat !important;pointer-events:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-head-left::before{content:"" !important;grid-row:1 !important;grid-column:2/3 !important;justify-self:center !important;align-self:start !important;width:calc(var(--k)*102.24) !important;height:calc(var(--k)*54) !important;margin:calc(var(--k)*20.88) calc(var(--k)*13.68) 0 0 !important;background:url('/assets/tpl-art/hv20/hv20-17-mark.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader:has(.inv-logo) .inv-head-left::before{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-logo{grid-row:1 !important;grid-column:2/3 !important;justify-self:center !important;align-self:start !important;max-width:calc(var(--k)*122.4) !important;max-height:calc(var(--k)*54) !important;width:auto !important;height:auto !important;object-fit:contain !important;margin:calc(var(--k)*20.88) calc(var(--k)*13.68) 0 0 !important;position:static !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-biz-name{grid-row:2 !important;grid-column:2/3 !important;justify-self:center !important;align-self:start !important;width:calc(var(--k)*267.84) !important;max-width:calc(var(--k)*267.84) !important;margin:calc(var(--k)*2.88) calc(var(--k)*13.68) calc(var(--k)*20.88) 0 !important;padding:0 !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*36.72) !important;font-weight:800 !important;line-height:1 !important;letter-spacing:-0.01em !important;text-transform:uppercase !important;text-align:center !important;color:#FFFFFF !important;background:none !important;border:0 !important;overflow-wrap:break-word !important;hyphens:manual !important;text-shadow:0 calc(var(--k)*0.72) calc(var(--k)*2.88) rgba(0,0,0,.25) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-biz-name::after{content:"" !important;display:block !important;width:calc(var(--k)*216) !important;height:calc(var(--k)*95.04) !important;margin:0 auto 0 !important;background:url('/assets/tpl-art/hv20/hv20-17-brand.webp') center/100% 100% no-repeat !important;} /* title, script, meta */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-doc-title{grid-row:3 !important;grid-column:2/4 !important;justify-self:start !important;align-self:start !important;margin:calc(var(--k)*8.64) 0 0 0 !important;padding:0 !important;text-align:left !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*54.72) !important;font-weight:800 !important;line-height:1 !important;letter-spacing:0.005em !important;text-transform:uppercase !important;color:#0E2233 !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-doc-title::after{content:"" !important;display:block !important;width:calc(var(--k)*282.24) !important;height:calc(var(--k)*18.72) !important;margin:calc(var(--k)*-4.32) 0 0 0 !important;background:url('/assets/tpl-art/hv20/hv20-17-sub.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-head-right::before{content:"" !important;grid-row:3 !important;grid-column:4/7 !important;justify-self:start !important;align-self:start !important;width:calc(var(--k)*138.24) !important;height:calc(var(--k)*60.48) !important;margin:calc(var(--k)*23.04) 0 0 calc(var(--k)*91.44) !important;background:url('/assets/tpl-art/hv20/hv20-17-script.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-doc-num{grid-row:3/5 !important;grid-column:7/8 !important;align-self:start !important;justify-self:stretch !important;display:grid !important;grid-template-columns:calc(var(--k)*93.6) 1fr !important;align-items:center !important;height:calc(var(--k)*24.48) !important;margin:calc(var(--k)*16.56) 0 0 0 !important;padding:0 !important;font-size:calc(var(--k)*10.8) !important;font-weight:400 !important;line-height:calc(var(--k)*10.8) !important;letter-spacing:0 !important;color:#283447 !important;opacity:1 !important;text-align:left !important;white-space:normal !important;overflow-wrap:anywhere !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-doc-num::before{content:"Invoice #" !important;align-self:stretch !important;display:flex !important;align-items:center !important;margin:0 calc(var(--k)*10.8) 0 0 !important;padding:0 0 0 calc(var(--k)*12.24) !important;background:#F0F3F6 !important;font-size:calc(var(--k)*7.92) !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#2B3B66 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-doc-po{grid-row:3/5 !important;grid-column:7/8 !important;align-self:start !important;display:grid !important;grid-template-columns:calc(var(--k)*93.6) 1fr !important;align-items:center !important;height:calc(var(--k)*24.48) !important;margin:calc(var(--k)*153.36) 0 0 0 !important;font-size:calc(var(--k)*10.8) !important;color:#283447 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-doc-po .inv-lbl{align-self:stretch !important;display:flex !important;align-items:center !important;margin:0 calc(var(--k)*10.8) 0 0 !important;padding:0 0 0 calc(var(--k)*12.24) !important;background:#F0F3F6 !important;font-size:calc(var(--k)*7.92) !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#2B3B66 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-details{grid-row:3/5 !important;grid-column:7/8 !important;align-self:start !important;display:grid !important;grid-auto-rows:calc(var(--k)*24.48) !important;row-gap:calc(var(--k)*2.88) !important;margin:calc(var(--k)*43.92) 0 0 0 !important;padding:0 !important;background:none !important;border:0 !important;min-width:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-details .inv-label{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-detail-row{display:grid !important;grid-template-columns:calc(var(--k)*93.6) 1fr !important;align-items:center !important;gap:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;min-height:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-detail-row span{align-self:stretch !important;display:flex !important;align-items:center !important;margin:0 calc(var(--k)*10.8) 0 0 !important;padding:0 0 0 calc(var(--k)*12.24) !important;background:#F0F3F6 !important;font-size:calc(var(--k)*7.92) !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#2B3B66 !important;text-align:left !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-detail-row b{font-size:calc(var(--k)*10.8) !important;font-weight:400 !important;color:#283447 !important;text-align:left !important;white-space:nowrap !important;} /* parties: bill to (icon disc + text), service location beside it (only when a shipping address is on) */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-bill-to{grid-row:4 !important;grid-column:2/3 !important;position:relative !important;align-self:start !important;width:auto !important;max-width:none !important;min-width:0 !important;flex:none !important;margin:calc(var(--k)*24.48) 0 0 0 !important;padding:0 calc(var(--k)*10.08) 0 calc(var(--k)*64.8) !important;background:none !important;border:0 !important;font-size:calc(var(--k)*11.52) !important;line-height:calc(var(--k)*16.92) !important;color:#26324A !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-bill-to::before{content:"" !important;position:absolute !important;left:calc(var(--k)*1.44) !important;top:calc(var(--k)*-5.76) !important;width:calc(var(--k)*40.32) !important;height:calc(var(--k)*40.32) !important;background:url('/assets/tpl-art/hv20/hv20-17-ic-person.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-bill-to .inv-label,.invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-shipping::before{display:block !important;margin:0 0 calc(var(--k)*4.32) !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*9) !important;line-height:calc(var(--k)*11.52) !important;font-weight:700 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#1A2E62 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-client-name{font-size:calc(var(--k)*13.68) !important;line-height:calc(var(--k)*18.72) !important;font-weight:700 !important;color:#0E1A2B !important;margin:0 0 calc(var(--k)*0.72) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-bill-to div:not(.inv-label):not(.inv-client-name){font-size:calc(var(--k)*11.52) !important;line-height:calc(var(--k)*16.92) !important;color:#26324A !important;opacity:1 !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-bill-to:has(.inv-shipping)::after{content:"" !important;position:absolute !important;right:0 !important;top:calc(var(--k)*-7.2) !important;bottom:calc(var(--k)*-10.08) !important;width:calc(var(--k)*0.72) !important;background:#DCE1E7 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-shipping{position:absolute !important;left:calc(var(--k)*362.16) !important;top:0 !important;width:calc(var(--k)*180) !important;margin:0 !important;padding:0 !important;font-size:calc(var(--k)*11.52) !important;line-height:calc(var(--k)*16.92) !important;color:#26324A !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-shipping::before{content:"Service location" !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-shipping .inv-label-inline{position:absolute !important;left:calc(var(--k)*-62.64) !important;top:calc(var(--k)*-5.76) !important;width:calc(var(--k)*40.32) !important;height:calc(var(--k)*40.32) !important;overflow:hidden !important;font-size:0 !important;color:transparent !important;background:url('/assets/tpl-art/hv20/hv20-17-ic-pin.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-shipping>span:not(.inv-label-inline){display:block !important;font-size:calc(var(--k)*11.52) !important;color:#26324A !important;} /* rule under the parties */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-head::after{content:"" !important;grid-row:5 !important;grid-column:2/8 !important;height:calc(var(--k)*0.72) !important;margin:calc(var(--k)*10.08) 0 0 !important;background:#E3E7EC !important;} /* line items: dark head, numbered rows, zebra */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table{grid-row:6 !important;grid-column:2/8 !important;width:100% !important;margin:calc(var(--k)*14.4) 0 0 !important;border-collapse:separate !important;border-spacing:0 !important;border:calc(var(--k)*0.72) solid #E2E6EB !important;border-radius:calc(var(--k)*4.32) !important;overflow:hidden !important;counter-reset:hv17row !important;font-family:var(--font-sans) !important;table-layout:fixed !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table thead th{height:calc(var(--k)*28.8) !important;padding:0 calc(var(--k)*10.08) !important;background:#162D3E !important;border:0 !important;border-left:calc(var(--k)*0.72) solid rgba(255,255,255,.14) !important;font-size:calc(var(--k)*8.28) !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#FFFFFF !important;text-align:center !important;vertical-align:middle !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table thead th:first-child{position:relative !important;border-left:0 !important;text-align:left !important;padding-left:calc(var(--k)*64.8) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table thead th:first-child::before{content:"#" !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:calc(var(--k)*48.96) !important;display:flex !important;align-items:center !important;justify-content:center !important;border-right:calc(var(--k)*0.72) solid rgba(255,255,255,.14) !important;letter-spacing:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table thead th:nth-child(2){width:calc(var(--k)*69.84) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table thead th:nth-child(3){width:calc(var(--k)*117.36) !important;text-align:right !important;padding-right:calc(var(--k)*26.64) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table thead th:last-child{width:calc(var(--k)*113.76) !important;text-align:right !important;padding-right:calc(var(--k)*15.84) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table tbody tr:not(.ige-ui){counter-increment:hv17row !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table tbody tr:not(.ige-ui):nth-child(even) td{background:#F5F7FA !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table tbody td{height:calc(var(--k)*23.04) !important;padding:calc(var(--k)*2.88) calc(var(--k)*10.08) !important;border:0 !important;border-top:calc(var(--k)*0.72) solid #E6EAEF !important;border-left:calc(var(--k)*0.72) solid #E6EAEF !important;background:#FFFFFF !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*15.12) !important;font-weight:400 !important;color:#2B3352 !important;text-align:center !important;vertical-align:middle !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table tbody tr:first-child td{border-top:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table tbody td.td-desc{position:relative !important;border-left:0 !important;text-align:left !important;padding-left:calc(var(--k)*64.8) !important;padding-right:calc(var(--k)*10.08) !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table tbody td.td-desc::before{content:counter(hv17row) !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:calc(var(--k)*48.96) !important;display:flex !important;align-items:center !important;justify-content:center !important;border-right:calc(var(--k)*0.72) solid #E6EAEF !important;color:#2B3352 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table tbody td:nth-child(3){text-align:right !important;padding-right:calc(var(--k)*26.64) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table tbody td.td-amt{text-align:right !important;padding-right:calc(var(--k)*15.84) !important;font-weight:500 !important;color:#0A1222 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table:has(thead th:nth-child(6)) thead th:nth-child(2){width:calc(var(--k)*57.6) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table:has(thead th:nth-child(6)) thead th:nth-child(3){width:calc(var(--k)*93.6) !important;padding-right:calc(var(--k)*11.52) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table:has(thead th:nth-child(6)) thead th:nth-child(4),.invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table:has(thead th:nth-child(6)) thead th:nth-child(5){width:calc(var(--k)*53.28) !important;padding:0 calc(var(--k)*4.32) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table:has(thead th:nth-child(6)) tbody td:nth-child(3){padding-right:calc(var(--k)*11.52) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-table:has(thead th:nth-child(5)) thead th:nth-child(4){width:calc(var(--k)*57.6) !important;padding:0 calc(var(--k)*4.32) !important;} /* notes / terms / bank: one tinted panel with the note-icon disc, beside the totals */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-body::before{content:"" !important;grid-row:7/10 !important;grid-column:2/5 !important;align-self:stretch !important;margin:calc(var(--k)*16.56) 0 0 !important;border-radius:calc(var(--k)*7.2) !important;background:#F3F5F8 url('/assets/tpl-art/hv20/hv20-17-ic-note.webp') left calc(var(--k)*18) top calc(var(--k)*14.4)/calc(var(--k)*40.32) calc(var(--k)*38.88) no-repeat !important;pointer-events:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-notes,.invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-terms{grid-column:2/5 !important;align-self:start !important;margin:0 !important;padding:calc(var(--k)*15.84) calc(var(--k)*28.8) 0 calc(var(--k)*77.76) !important;background:none !important;border:0 !important;border-radius:0 !important;font-size:calc(var(--k)*10.44) !important;line-height:calc(var(--k)*14.4) !important;font-style:normal !important;color:#484C6B !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-notes{grid-row:7 !important;margin-top:calc(var(--k)*16.56) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-terms{grid-row:8 !important;padding-bottom:calc(var(--k)*17.28) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-notes:only-of-type{margin-top:calc(var(--k)*16.56) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader:not(:has(.inv-notes)) .inv-terms{margin-top:calc(var(--k)*16.56) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader:has(.inv-notes) .inv-terms{padding-top:calc(var(--k)*10.08) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-notes .inv-label,.invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-terms .inv-label{display:block !important;margin:0 0 calc(var(--k)*7.2) !important;font-size:calc(var(--k)*9) !important;line-height:calc(var(--k)*11.52) !important;font-weight:700 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#1A2E62 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-notes div:not(.inv-label),.invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-terms div:not(.inv-label){font-size:calc(var(--k)*10.44) !important;line-height:calc(var(--k)*14.4) !important;font-style:italic !important;color:#484C6B !important;overflow-wrap:anywhere !important;} /* totals: bordered rows with a label column, dark total band */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-totals{grid-row:7/10 !important;grid-column:6/8 !important;align-self:start !important;width:auto !important;margin:calc(var(--k)*14.4) 0 0 !important;padding:0 !important;border:calc(var(--k)*0.72) solid #DFE3E8 !important;border-radius:calc(var(--k)*5.76) !important;overflow:hidden !important;background:#FFFFFF !important;display:flex !important;flex-direction:column !important;font-family:var(--font-sans) !important;box-shadow:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-totals>div{display:grid !important;grid-template-columns:calc(var(--k)*159.84) 1fr !important;align-items:stretch !important;min-height:calc(var(--k)*31.68) !important;margin:0 !important;padding:0 !important;border:0 !important;border-bottom:calc(var(--k)*0.72) solid #E6EAEF !important;background:none !important;font-size:calc(var(--k)*11.16) !important;color:#0A1222 !important;text-transform:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-totals>div span{display:flex !important;align-items:center !important;padding:0 0 0 calc(var(--k)*16.56) !important;font-size:calc(var(--k)*9) !important;font-weight:700 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#0F1D3A !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-totals>div b{display:flex !important;align-items:center !important;justify-content:flex-end !important;padding:0 calc(var(--k)*16.56) 0 calc(var(--k)*7.2) !important;border-left:calc(var(--k)*0.72) solid #E6EAEF !important;font-size:calc(var(--k)*11.16) !important;font-weight:500 !important;color:#0A1222 !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-totals>.inv-total-grand{grid-template-columns:1fr auto !important;min-height:calc(var(--k)*60.48) !important;border-bottom:0 !important;background:#163140 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-totals>.inv-total-grand span{font-size:calc(var(--k)*14.4) !important;font-weight:700 !important;letter-spacing:.06em !important;color:#FFFFFF !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-totals>.inv-total-grand b{border-left:0 !important;font-size:calc(var(--k)*19.44) !important;font-weight:700 !important;letter-spacing:0 !important;color:#FFFFFF !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-totals>.inv-deposit{background:#FFFFFF !important;border-top:calc(var(--k)*0.72) solid #E6EAEF !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-totals>.inv-deposit span b{display:inline !important;border:0 !important;padding:0 !important;font-size:inherit !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-photos{grid-row:10 !important;grid-column:2/8 !important;margin:calc(var(--k)*14.4) 0 0 !important;padding:0 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-photos .inv-label{font-size:calc(var(--k)*9) !important;font-weight:700 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#1A2E62 !important;} /* payment strip: rounded frame with the "we accept" logos centered before the thank-you divider and the thank-you script. The reference's sample QR encodes a fake URL and is not reproduced; the real pay-link block (payment.methods: method cards with their own QR codes) prints in its own row under the signature line. The bank late-fee line (the page hides the rest of the old bank block on purpose) sits in the notes panel. */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-head-right::after{content:"" !important;grid-row:11 !important;grid-column:2/8 !important;height:calc(var(--k)*93.6) !important;margin:calc(var(--k)*18) 0 0 !important;box-sizing:border-box !important;border:calc(var(--k)*0.72) solid #E1E5EA !important;border-radius:calc(var(--k)*8.64) !important;background: url('/assets/tpl-art/hv20/hv20-17-accept.webp') left calc(var(--k)*136.08) top calc(var(--k)*15.12)/calc(var(--k)*275.04) calc(var(--k)*53.28) no-repeat, url('/assets/tpl-art/hv20/hv20-17-thanks.webp') left calc(var(--k)*560.88) top calc(var(--k)*6.48)/calc(var(--k)*165.6) calc(var(--k)*60.48) no-repeat, linear-gradient(#E1E5EA,#E1E5EA) left calc(var(--k)*547.2) top calc(var(--k)*12.96)/calc(var(--k)*0.72) calc(var(--k)*67.68) no-repeat, #FFFFFF !important;pointer-events:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-body>div[data-f="payment.methods"]{grid-row:13 !important;grid-column:2/8 !important;align-self:start !important;margin:calc(var(--k)*11.52) 0 0 !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-body>div[data-f="payment.methods"]:empty{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .pm-doc-h{font-size:calc(var(--k)*9) !important;font-weight:700 !important;letter-spacing:.24em !important;color:#1A2E62 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .pm-doc-card{border-color:#E1E5EA !important;background:#F7F9FB !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-payrow{grid-row:9 !important;grid-column:2/5 !important;align-self:start !important;display:block !important;margin:0 !important;padding:calc(var(--k)*7.2) calc(var(--k)*28.8) calc(var(--k)*17.28) calc(var(--k)*77.76) !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-bank{margin:0 !important;padding:0 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-bank div{font-size:calc(var(--k)*9.36) !important;line-height:calc(var(--k)*12.96) !important;color:#484C6B !important;font-style:normal !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader:has(.inv-payrow) .inv-terms{padding-bottom:0 !important;} /* signature (caption as the row label, rule after it) + slogan with its divider */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-signature-row{grid-row:12 !important;grid-column:2/6 !important;align-self:start !important;justify-self:stretch !important;display:flex !important;justify-content:flex-start !important;width:auto !important;margin:calc(var(--k)*15.84) 0 0 calc(var(--k)*11.52) !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-signature{display:grid !important;grid-template-columns:auto calc(var(--k)*185.76) !important;grid-template-rows:auto auto !important;justify-content:start !important;column-gap:calc(var(--k)*11.52) !important;align-items:end !important;width:auto !important;max-width:none !important;margin:0 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-signature .sig-render{grid-column:2 !important;grid-row:1 !important;margin:0 0 calc(var(--k)*1.44) calc(var(--k)*7.2) !important;max-height:calc(var(--k)*30.24) !important;font-size:calc(var(--k)*17.28) !important;color:#14203A !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-signature img{max-height:calc(var(--k)*30.24) !important;width:auto !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-signature .sig-line{grid-column:2 !important;grid-row:2 !important;height:calc(var(--k)*1.08) !important;margin:0 !important;background:#8E9BAB !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-signature .sig-caption{grid-column:1 !important;grid-row:2 !important;margin:0 0 calc(var(--k)*-4.32) !important;font-size:calc(var(--k)*9.36) !important;line-height:1 !important;font-weight:700 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#14295A !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-head-left::after{content:"" !important;grid-row:12 !important;grid-column:7/8 !important;align-self:start !important;height:calc(var(--k)*43.2) !important;margin:calc(var(--k)*15.84) 0 0 calc(var(--k)*21.6) !important;padding:0 !important;border-left:calc(var(--k)*0.72) solid #D5DAE0 !important;background:url('/assets/tpl-art/hv20/hv20-17-slogan.webp') left calc(var(--k)*24.48) top calc(var(--k)*0.72)/calc(var(--k)*135.36) calc(var(--k)*41.76) no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-footer-note{grid-row:14 !important;grid-column:2/8 !important;margin:calc(var(--k)*10.08) 0 0 calc(var(--k)*11.52) !important;padding:0 !important;background:none !important;border:0 !important;font-size:calc(var(--k)*8.64) !important;line-height:calc(var(--k)*12.24) !important;font-style:normal !important;color:#5B6378 !important;text-align:left !important;} /* footer: rule + icon contact row */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-parties::before{content:"" !important;grid-row:15 !important;grid-column:2/8 !important;height:calc(var(--k)*0.72) !important;margin:calc(var(--k)*8.64) 0 0 !important;background:#E3E7EC !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-biz-contact{grid-row:16 !important;grid-column:2/6 !important;align-self:center !important;display:flex !important;flex-wrap:wrap !important;align-items:center !important;column-gap:calc(var(--k)*40.32) !important;row-gap:calc(var(--k)*4.32) !important;margin:calc(var(--k)*10.08) 0 calc(var(--k)*10.08) 0 !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-biz-contact>div{display:flex !important;align-items:center !important;gap:calc(var(--k)*8.64) !important;margin:0 !important;padding:0 !important;border:0 !important;font-size:calc(var(--k)*10.44) !important;line-height:calc(var(--k)*14.4) !important;color:#353D58 !important;opacity:1 !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-biz-contact>div::before{content:"" !important;flex:none !important;width:calc(var(--k)*17.28) !important;height:calc(var(--k)*17.28) !important;background:center/contain no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-biz-contact>div:nth-child(2){order:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-biz-contact>div:nth-child(2)::before{background-image:url('/assets/tpl-art/hv20/hv20-17-ic-phone.webp') !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-biz-contact>div:nth-child(1){order:2 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-biz-contact>div:nth-child(1)::before{background-image:url('/assets/tpl-art/hv20/hv20-17-ic-mail.webp') !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-biz-contact>div:nth-child(3){order:3 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-biz-contact>div:nth-child(3)::before{background-image:url('/assets/tpl-art/hv20/hv20-17-ic-globe.webp') !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-biz-address{grid-row:16 !important;grid-column:6/8 !important;align-self:center !important;justify-self:end !important;display:flex !important;align-items:center !important;gap:calc(var(--k)*7.2) !important;max-width:calc(var(--k)*273.6) !important;margin:calc(var(--k)*10.08) 0 calc(var(--k)*10.08) 0 !important;font-size:calc(var(--k)*10.44) !important;line-height:calc(var(--k)*14.4) !important;color:#353D58 !important;opacity:1 !important;text-align:right !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-biz-address::before{content:"" !important;flex:none !important;width:calc(var(--k)*15.12) !important;height:calc(var(--k)*17.28) !important;background:url('/assets/tpl-art/hv20/hv20-17-ic-pin2.webp') center/contain no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-biz-tax{grid-row:17 !important;grid-column:2/8 !important;margin:0 0 calc(var(--k)*4.32) !important;font-size:calc(var(--k)*8.64) !important;color:#5B6378 !important;opacity:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-powered{grid-row:18 !important;grid-column:2/8 !important;margin:0 0 calc(var(--k)*7.2) !important;text-align:center !important;font-size:calc(var(--k)*7.2) !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#8A93A3 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-17-photoheader).tmpl-hv20-17-photoheader .inv-powered a{color:inherit !important;} /* ============================= HV-18: hv20-18-alderdale (Alderdale Editorial Serif) ============================= Columns are the reference's own x stops (64/378/443/550/593/681/749/1040 of 1103): 1 margin | 2 bill to | 3 gap | 4 service location | 5 gap | 6 totals band lead | 7 gap | 8 meta / job details | 9 margin. Rows: 1 brand, 2 brand tagline, 3-6 title (spans) + meta rows, 7 job-details head, 8-11 bill to (spans) + job detail rows, 12 table, 13-16 notes column | totals + terms, 17 photos, 18 signature, 19 footer note, 20 flexible, 21 contact band, 22 bottom slogan line, 23 address + powered-by, 24 tax id. Serif values on letterspaced sans labels. */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale{--k:calc(100cqw / 794) !important;--hv18s:'Cormorant Garamond','Palatino Linotype','Book Antiqua',Palatino,'Iowan Old Style',Georgia,serif;container-type:inline-size !important;background:#FEFEFE !important;color:#3A4450 !important;font-family:var(--font-sans) !important;padding:0 !important;margin:0 !important;position:relative !important;isolation:isolate !important;overflow:visible !important;min-height:0 !important;display:grid !important;grid-template-columns:5.8024% 28.4678% 5.8930% 9.7008% 3.8985% 7.9782% 6.1650% 26.3826% 1fr !important;grid-template-rows:repeat(19,auto) minmax(0,1fr) auto auto auto auto !important;align-content:stretch !important;border:0 !important;box-shadow:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-head,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-head-left,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-head-right,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-body,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-parties,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details{display:contents !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .watermark{grid-area:1/1/-1/-1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-body::after{content:"" !important;grid-row:1/-1 !important;grid-column:1 !important;width:0 !important;height:calc(var(--k)*1026.72) !important;pointer-events:none !important;} /* brand: leaf mark, spaced serif name, centered sub line; services list art on the right */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-head-left::before{content:"" !important;grid-row:1 !important;grid-column:2/3 !important;justify-self:start !important;align-self:start !important;width:calc(var(--k)*48.24) !important;height:calc(var(--k)*70.56) !important;margin:calc(var(--k)*21.6) 0 0 calc(var(--k)*4.32) !important;background:url('/assets/tpl-art/hv20/hv20-18-mark.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale:has(.inv-logo) .inv-head-left::before{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-logo{grid-row:1 !important;grid-column:2/3 !important;justify-self:start !important;align-self:start !important;max-width:calc(var(--k)*57.6) !important;max-height:calc(var(--k)*70.56) !important;width:auto !important;height:auto !important;object-fit:contain !important;margin:calc(var(--k)*21.6) 0 0 calc(var(--k)*4.32) !important;position:static !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-name{grid-row:1 !important;grid-column:2/7 !important;justify-self:start !important;align-self:start !important;max-width:calc(var(--k)*316.8) !important;margin:calc(var(--k)*44.64) 0 0 calc(var(--k)*65.52) !important;padding:0 !important;font-family:var(--hv18s) !important;font-size:calc(var(--k)*29.52) !important;font-weight:400 !important;line-height:1.05 !important;letter-spacing:.19em !important;text-transform:uppercase !important;text-align:left !important;color:#10212E !important;background:none !important;border:0 !important;overflow-wrap:break-word !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-name::after{content:"" !important;display:block !important;width:calc(var(--k)*157.68) !important;height:calc(var(--k)*15.12) !important;margin:calc(var(--k)*7.92) auto 0 !important;background:url('/assets/tpl-art/hv20/hv20-18-sub.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-head-left::after{content:"" !important;grid-row:2 !important;grid-column:2/7 !important;justify-self:start !important;width:calc(var(--k)*260.64) !important;height:calc(var(--k)*12.24) !important;margin:calc(var(--k)*8.64) 0 0 calc(var(--k)*4.32) !important;background:url('/assets/tpl-art/hv20/hv20-18-tagline.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-head-right::before{content:"" !important;grid-row:1/3 !important;grid-column:6/10 !important;justify-self:start !important;align-self:start !important;width:calc(var(--k)*270.72) !important;height:calc(var(--k)*82.8) !important;margin:calc(var(--k)*27.36) 0 0 calc(var(--k)*51.12) !important;background:url('/assets/tpl-art/hv20/hv20-18-services.webp') left top/100% 100% no-repeat !important;} /* title + meta */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-doc-title{grid-row:3/7 !important;grid-column:2/8 !important;justify-self:start !important;align-self:start !important;margin:calc(var(--k)*37.44) 0 0 calc(var(--k)*-4.32) !important;padding:0 !important;text-align:left !important;font-family:var(--hv18s) !important;font-size:calc(var(--k)*66.24) !important;font-weight:400 !important;line-height:1 !important;letter-spacing:.115em !important;text-transform:uppercase !important;color:#14232F !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-doc-title::after{content:"" !important;display:block !important;width:calc(var(--k)*367.2) !important;height:calc(var(--k)*13.68) !important;margin:calc(var(--k)*10.08) 0 0 calc(var(--k)*2.88) !important;background:url('/assets/tpl-art/hv20/hv20-18-invtag.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-doc-num,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-detail-row:nth-child(2),.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-detail-row:nth-child(3),.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-doc-po{grid-column:8/9 !important;justify-self:stretch !important;align-self:start !important;display:grid !important;grid-template-columns:calc(var(--k)*110.16) 1fr !important;align-items:baseline !important;gap:0 !important;min-height:calc(var(--k)*19.44) !important;height:auto !important;margin:0 !important;padding:0 0 0 calc(var(--k)*10.8) !important;border:0 !important;border-left:calc(var(--k)*1.44) solid #C9CFD3 !important;background:none !important;font-family:var(--hv18s) !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*15.12) !important;font-weight:400 !important;letter-spacing:.02em !important;color:#444F5B !important;opacity:1 !important;text-align:left !important;white-space:normal !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-doc-num{grid-row:3 !important;margin-top:calc(var(--k)*46.08) !important;padding-top:calc(var(--k)*1.44) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-detail-row:nth-child(2){grid-row:4 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-detail-row:nth-child(3){grid-row:5 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-doc-po{grid-row:6 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-doc-num::before,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-detail-row:nth-child(2) span,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-detail-row:nth-child(3) span,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-doc-po .inv-lbl{font-family:var(--font-sans) !important;font-size:calc(var(--k)*7.56) !important;font-weight:500 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#646E79 !important;text-align:left !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-doc-num::before{content:"Invoice no." !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-detail-row:nth-child(2) b,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-detail-row:nth-child(3) b{font-family:var(--hv18s) !important;font-size:calc(var(--k)*11.16) !important;font-weight:400 !important;color:#444F5B !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-detail-row:nth-child(3){padding-bottom:calc(var(--k)*4.32) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale:has(.inv-doc-po) .inv-details>.inv-detail-row:nth-child(3){padding-bottom:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-doc-po{padding-bottom:calc(var(--k)*4.32) !important;} /* parties: bill to | service location | job details, thin vertical rules between */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-bill-to{grid-row:7/12 !important;grid-column:2/3 !important;position:relative !important;align-self:start !important;width:auto !important;max-width:none !important;min-width:0 !important;flex:none !important;margin:calc(var(--k)*41.76) 0 0 0 !important;padding:0 calc(var(--k)*12.96) 0 0 !important;background:none !important;border:0 !important;font-family:var(--hv18s) !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*16.56) !important;color:#595F6B !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-bill-to .inv-label,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-shipping::before,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-label{display:block !important;margin:0 0 calc(var(--k)*21.6) !important;padding:0 !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*7.92) !important;line-height:calc(var(--k)*10.08) !important;font-weight:500 !important;letter-spacing:.26em !important;text-transform:uppercase !important;color:#4B5761 !important;background:linear-gradient(#9AA6AE,#9AA6AE) left bottom calc(var(--k)*-7.2)/calc(var(--k)*22.32) calc(var(--k)*0.86) no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-bill-to .inv-label{background-position:left bottom !important;padding-bottom:calc(var(--k)*7.2) !important;margin-bottom:calc(var(--k)*14.4) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-client-name{font-family:var(--hv18s) !important;font-size:calc(var(--k)*12.6) !important;line-height:calc(var(--k)*18) !important;font-weight:400 !important;letter-spacing:.03em !important;color:#2F3A47 !important;margin:0 0 calc(var(--k)*0.72) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-bill-to div:not(.inv-label):not(.inv-client-name){font-family:var(--hv18s) !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*16.56) !important;color:#595F6B !important;opacity:1 !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-shipping{position:absolute !important;left:calc(var(--k)*272.88) !important;top:0 !important;width:calc(var(--k)*154.8) !important;margin:0 !important;padding:0 !important;font-family:var(--hv18s) !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*16.56) !important;color:#595F6B !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-shipping::before{content:"Service location" !important;padding-bottom:calc(var(--k)*7.2) !important;margin-bottom:calc(var(--k)*14.4) !important;background-position:left bottom !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-shipping .inv-label-inline{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-shipping>span{display:block !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-parties::before{content:"" !important;grid-row:7/12 !important;grid-column:3/4 !important;justify-self:start !important;align-self:stretch !important;width:calc(var(--k)*1.01) !important;margin:calc(var(--k)*36) 0 calc(var(--k)*-7.2) 0 !important;background:#C6CCCF !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-parties::after{content:"" !important;grid-row:7/12 !important;grid-column:7/8 !important;justify-self:start !important;align-self:stretch !important;width:calc(var(--k)*1.01) !important;margin:calc(var(--k)*36) 0 calc(var(--k)*-7.2) 0 !important;background:#C6CCCF !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale:not(:has(.inv-shipping)) .inv-parties::before{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-label{grid-row:7 !important;grid-column:8/10 !important;align-self:start !important;justify-self:start !important;margin:calc(var(--k)*41.76) 0 calc(var(--k)*14.4) 0 !important;padding-bottom:calc(var(--k)*7.2) !important;background-position:left bottom !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-detail-row:nth-child(n+4){grid-column:8/10 !important;justify-self:stretch !important;display:grid !important;grid-template-columns:calc(var(--k)*99.36) 1fr !important;align-items:baseline !important;gap:0 !important;min-height:calc(var(--k)*21.24) !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-detail-row:nth-child(4){grid-row:8 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-detail-row:nth-child(5){grid-row:9 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-detail-row:nth-child(n+6){grid-row:10 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-detail-row:nth-child(n+4) span{font-family:var(--hv18s) !important;font-size:calc(var(--k)*10.44) !important;font-weight:400 !important;letter-spacing:.01em !important;text-transform:none !important;color:#7E828F !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-details>.inv-detail-row:nth-child(n+4) b{font-family:var(--hv18s) !important;font-size:calc(var(--k)*10.44) !important;font-weight:400 !important;color:#4D5662 !important;text-align:left !important;} /* no service location: job details move into the middle column, one rule */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale:not(:has(.inv-shipping)) .inv-details>.inv-label,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale:not(:has(.inv-shipping)) .inv-details>.inv-detail-row:nth-child(n+4){grid-column:4/9 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale:not(:has(.inv-shipping)) .inv-parties::after{grid-column:3/4 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale:not(:has(.inv-shipping)) .inv-details>.inv-detail-row:nth-child(n+4){grid-template-columns:calc(var(--k)*99.36) 1fr !important;} /* line items: open list, letterspaced head over one rule, hairlines between rows */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table{grid-row:12 !important;grid-column:2/9 !important;width:100% !important;margin:calc(var(--k)*27.36) 0 0 !important;border-collapse:collapse !important;border:0 !important;border-bottom:calc(var(--k)*1.8) solid #B4BDC3 !important;font-family:var(--hv18s) !important;table-layout:fixed !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table thead th{height:calc(var(--k)*15.84) !important;padding:0 0 calc(var(--k)*5.76) !important;background:none !important;border:0 !important;border-bottom:calc(var(--k)*1.15) solid #A8B2B8 !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*7.92) !important;font-weight:500 !important;letter-spacing:.27em !important;text-transform:uppercase !important;color:#566876 !important;text-align:right !important;vertical-align:bottom !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table thead th:first-child{text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table thead th:nth-child(2){width:calc(var(--k)*72) !important;text-align:center !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table thead th:nth-child(3){width:calc(var(--k)*125.28) !important;padding-right:calc(var(--k)*12.96) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table thead th:last-child{width:calc(var(--k)*108) !important;padding-right:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table tbody td{height:calc(var(--k)*44.64) !important;padding:calc(var(--k)*7.2) 0 !important;border:0 !important;border-bottom:calc(var(--k)*0.72) solid #E6E9EC !important;background:none !important;font-family:var(--hv18s) !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*15.84) !important;font-weight:400 !important;color:#394451 !important;text-align:right !important;vertical-align:middle !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table tbody tr:not(.ige-ui):nth-last-child(2) td{border-bottom:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table tbody td.td-desc{text-align:left !important;padding-right:calc(var(--k)*14.4) !important;font-size:calc(var(--k)*12.24) !important;letter-spacing:.02em !important;color:#34404D !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table tbody td:nth-child(2){text-align:center !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table tbody td:nth-child(3){padding-right:calc(var(--k)*16.56) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table tbody td.td-amt{color:#2E3946 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table:has(thead th:nth-child(6)) thead th:nth-child(2){width:calc(var(--k)*57.6) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table:has(thead th:nth-child(6)) thead th:nth-child(3){width:calc(var(--k)*100.8) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table:has(thead th:nth-child(6)) thead th:nth-child(4),.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table:has(thead th:nth-child(6)) thead th:nth-child(5){width:calc(var(--k)*57.6) !important;padding-left:calc(var(--k)*5.76) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-table:has(thead th:nth-child(5)) thead th:nth-child(4){width:calc(var(--k)*60.48) !important;padding-left:calc(var(--k)*5.76) !important;} /* notes column | totals column, divider between */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-head::after{content:"" !important;grid-row:13/17 !important;grid-column:5/6 !important;justify-self:start !important;align-self:stretch !important;width:calc(var(--k)*1.01) !important;margin:calc(var(--k)*25.92) 0 0 0 !important;background:#C6CCCF !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-notes,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-footer-note,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-payrow{grid-column:2/5 !important;align-self:start !important;max-width:calc(var(--k)*324) !important;margin:0 !important;padding:0 calc(var(--k)*21.6) 0 0 !important;background:none !important;border:0 !important;border-radius:0 !important;font-family:var(--hv18s) !important;font-size:calc(var(--k)*10.8) !important;line-height:calc(var(--k)*15.12) !important;font-style:normal !important;color:#6E737E !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-notes{grid-row:13 !important;margin-top:calc(var(--k)*27.36) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-footer-note{grid-row:14 !important;margin-top:calc(var(--k)*27.36) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale:has(.inv-notes) .inv-footer-note{margin-top:calc(var(--k)*10.08) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-notes .inv-label,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-footer-note::before,.invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-terms .inv-label{display:block !important;margin:0 0 calc(var(--k)*14.4) !important;padding:0 0 calc(var(--k)*10.08) !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*7.92) !important;line-height:calc(var(--k)*9.36) !important;font-weight:500 !important;font-style:normal !important;letter-spacing:.26em !important;text-transform:uppercase !important;color:#4C5B67 !important;background:linear-gradient(#9AA6AE,#9AA6AE) left bottom/calc(var(--k)*25.92) calc(var(--k)*1.01) no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-footer-note::before{content:"Notes" !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale:has(.inv-notes) .inv-footer-note::before{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-notes div:not(.inv-label){font-family:var(--hv18s) !important;font-size:calc(var(--k)*10.8) !important;line-height:calc(var(--k)*15.12) !important;color:#6E737E !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-payrow{grid-row:15 !important;display:block !important;margin-top:calc(var(--k)*7.2) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-bank{margin:0 !important;padding:0 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-bank div{font-family:var(--hv18s) !important;font-size:calc(var(--k)*9.72) !important;line-height:calc(var(--k)*13.68) !important;color:#7A7F8A !important;font-style:normal !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-body::before{content:"" !important;grid-row:16 !important;grid-column:2/5 !important;justify-self:start !important;align-self:start !important;width:calc(var(--k)*174.24) !important;height:calc(var(--k)*36) !important;margin:calc(var(--k)*18.72) 0 0 calc(var(--k)*0.72) !important;background:url('/assets/tpl-art/hv20/hv20-18-script.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-totals{grid-row:13/16 !important;grid-column:6/9 !important;align-self:start !important;width:auto !important;margin:calc(var(--k)*28.8) calc(var(--k)*-10.8) 0 0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;display:flex !important;flex-direction:column !important;font-family:var(--hv18s) !important;box-shadow:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-totals>div{display:flex !important;justify-content:space-between !important;align-items:baseline !important;min-height:calc(var(--k)*23.04) !important;margin:0 !important;padding:0 calc(var(--k)*12.24) 0 calc(var(--k)*14.4) !important;border:0 !important;background:none !important;color:#2F3C48 !important;text-transform:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-totals>div span{font-family:var(--font-sans) !important;font-size:calc(var(--k)*7.92) !important;font-weight:500 !important;letter-spacing:.26em !important;text-transform:uppercase !important;color:#718692 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-totals>div b{font-family:var(--hv18s) !important;font-size:calc(var(--k)*12.6) !important;font-weight:400 !important;letter-spacing:.01em !important;color:#2F3C48 !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-totals>.inv-total-grand{align-items:center !important;min-height:calc(var(--k)*43.92) !important;margin:calc(var(--k)*5.76) 0 0 !important;padding:0 calc(var(--k)*14.4) 0 calc(var(--k)*14.4) !important;background:#EBF0F1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-totals>.inv-total-grand span{font-size:calc(var(--k)*10.44) !important;font-weight:500 !important;letter-spacing:.26em !important;color:#263644 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-totals>.inv-total-grand b{font-size:calc(var(--k)*20.88) !important;font-weight:400 !important;letter-spacing:0 !important;color:#0E1D2D !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-totals>.inv-deposit span b{font-size:inherit !important;font-family:inherit !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-terms{grid-row:16 !important;grid-column:6/9 !important;align-self:start !important;margin:calc(var(--k)*14.4) 0 0 !important;padding:calc(var(--k)*15.84) 0 0 calc(var(--k)*14.4) !important;background:linear-gradient(#9AA6AE,#9AA6AE) left calc(var(--k)*14.4) top 0/calc(var(--k)*23.76) calc(var(--k)*1.01) no-repeat !important;border:0 !important;border-radius:0 !important;font-family:var(--hv18s) !important;font-size:calc(var(--k)*10.8) !important;line-height:calc(var(--k)*15.12) !important;color:#767C88 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-terms .inv-label{margin:0 0 calc(var(--k)*5.76) !important;padding:0 !important;background:none !important;font-size:calc(var(--k)*8.28) !important;letter-spacing:.2em !important;color:#4C5B67 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-terms div:not(.inv-label){font-family:var(--hv18s) !important;font-size:calc(var(--k)*10.8) !important;line-height:calc(var(--k)*15.12) !important;color:#767C88 !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-photos{grid-row:17 !important;grid-column:2/9 !important;margin:calc(var(--k)*17.28) 0 0 !important;padding:0 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-photos .inv-label{font-size:calc(var(--k)*7.92) !important;font-weight:500 !important;letter-spacing:.26em !important;text-transform:uppercase !important;color:#4C5B67 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-signature-row{grid-row:18 !important;grid-column:6/9 !important;justify-self:end !important;display:flex !important;justify-content:flex-end !important;width:calc(var(--k)*216) !important;margin:calc(var(--k)*12.96) 0 0 !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-signature{width:100% !important;max-width:none !important;margin:0 !important;text-align:center !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-signature .sig-render{max-height:calc(var(--k)*30.24) !important;font-size:calc(var(--k)*17.28) !important;color:#2F3A47 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-signature .sig-line{height:calc(var(--k)*0.86) !important;background:#A8B2B8 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-signature .sig-caption{font-family:var(--font-sans) !important;font-size:calc(var(--k)*7.2) !important;font-weight:500 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#646E79 !important;} /* footer band: rule, contact items with their captions, accepted cards. The reference's sample QR encodes a fake URL; the real pay-link block (payment.methods) prints in its own row above this band. */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-head-right::after{content:"" !important;grid-row:21 !important;grid-column:1/-1 !important;align-self:stretch !important;margin:calc(var(--k)*17.28) calc(var(--k)*25.2) 0 calc(var(--k)*25.2) !important;border-top:calc(var(--k)*1.15) solid #BEC5CB !important;background: url('/assets/tpl-art/hv20/hv20-18-accept.webp') left calc(var(--k)*455.04) top calc(var(--k)*18)/calc(var(--k)*143.28) calc(var(--k)*35.28) no-repeat, linear-gradient(#C6CCCF,#C6CCCF) left calc(var(--k)*432) top calc(var(--k)*15.84)/calc(var(--k)*1.01) calc(var(--k)*34.56) no-repeat !important;pointer-events:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-contact{grid-row:21 !important;grid-column:1/6 !important;align-self:start !important;display:flex !important;flex-wrap:wrap !important;align-items:flex-start !important;column-gap:calc(var(--k)*28.8) !important;row-gap:calc(var(--k)*5.76) !important;max-width:calc(var(--k)*403.2) !important;margin:calc(var(--k)*41.04) 0 calc(var(--k)*15.84) calc(var(--k)*29.52) !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-contact>div{display:grid !important;grid-template-columns:calc(var(--k)*31.68) auto !important;grid-template-rows:auto auto !important;align-items:center !important;margin:0 !important;padding:0 !important;border:0 !important;font-family:var(--hv18s) !important;font-size:calc(var(--k)*10.44) !important;line-height:calc(var(--k)*11.52) !important;color:#545C68 !important;opacity:1 !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-contact>div::before{content:"" !important;grid-row:1/3 !important;grid-column:1 !important;align-self:start !important;width:calc(var(--k)*18.72) !important;height:calc(var(--k)*18.72) !important;margin-top:calc(var(--k)*-1.44) !important;background:left top/contain no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-contact>div::after{content:"" !important;grid-row:2 !important;grid-column:2 !important;height:calc(var(--k)*7.92) !important;margin-top:calc(var(--k)*5.04) !important;background:left top/auto 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-contact>div:nth-child(2){order:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-contact>div:nth-child(2)::before{background-image:url('/assets/tpl-art/hv20/hv20-18-ic-phone.webp') !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-contact>div:nth-child(2)::after{background-image:url('/assets/tpl-art/hv20/hv20-18-cap-phone.webp') !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-contact>div:nth-child(1){order:2 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-contact>div:nth-child(1)::before{background-image:url('/assets/tpl-art/hv20/hv20-18-ic-mail.webp') !important;height:calc(var(--k)*15.84) !important;margin-top:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-contact>div:nth-child(1)::after{background-image:url('/assets/tpl-art/hv20/hv20-18-cap-mail.webp') !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-contact>div:nth-child(3){order:3 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-contact>div:nth-child(3)::before{background-image:url('/assets/tpl-art/hv20/hv20-18-ic-globe.webp') !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-contact>div:nth-child(3)::after{background-image:url('/assets/tpl-art/hv20/hv20-18-cap-web.webp') !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-body>div[data-f="payment.methods"]{grid-row:19 !important;grid-column:2/9 !important;align-self:start !important;margin:calc(var(--k)*14.4) 0 0 !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-body>div[data-f="payment.methods"]:empty{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .pm-doc-h{font-family:var(--font-sans) !important;font-size:calc(var(--k)*7.92) !important;font-weight:500 !important;letter-spacing:.26em !important;color:#4C5B67 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .pm-doc-card{border-color:#DDE2E5 !important;background:#FFFFFF !important;border-radius:0 !important;} /* bottom line: short rule, centered slogan, address on the right */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-address{grid-row:23 !important;grid-column:2/7 !important;justify-self:start !important;align-self:center !important;max-width:calc(var(--k)*374.4) !important;margin:0 0 calc(var(--k)*5.76) calc(var(--k)*-20.16) !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*7.2) !important;line-height:calc(var(--k)*10.08) !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#6C7682 !important;opacity:1 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-head::before{content:"" !important;grid-row:22 !important;grid-column:1/-1 !important;align-self:center !important;height:calc(var(--k)*10.8) !important;margin:calc(var(--k)*4.32) calc(var(--k)*25.92) calc(var(--k)*12.96) calc(var(--k)*25.92) !important;background: linear-gradient(#A9B3BA,#A9B3BA) left center/calc(var(--k)*37.44) calc(var(--k)*1.01) no-repeat, url('/assets/tpl-art/hv20/hv20-18-footslogan.webp') calc(var(--k)*229.68) center/calc(var(--k)*262.08) calc(var(--k)*10.08) no-repeat !important;pointer-events:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-biz-tax{grid-row:24 !important;grid-column:2/6 !important;margin:0 0 calc(var(--k)*5.76) calc(var(--k)*-20.16) !important;font-size:calc(var(--k)*7.2) !important;letter-spacing:.1em !important;color:#6C7682 !important;opacity:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-powered{grid-row:23/25 !important;align-self:end !important;grid-column:6/9 !important;justify-self:end !important;margin:0 0 calc(var(--k)*7.2) !important;text-align:right !important;font-size:calc(var(--k)*6.48) !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#9AA3AC !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-18-alderdale).tmpl-hv20-18-alderdale .inv-powered a{color:inherit !important;} /* ============================= HV-19: hv20-19-crest (Summit Crest Editorial) ============================= Centered crest masthead, classical symmetry. Columns are the reference's x stops (52/69/412/556/613/642/665/690/1039/1052 of 1103): 1 margin | 2 table lead | 3 left text | 4 left text | 5 gap | 6 gap | 7 service info | 8 totals lead | 9 right | 10 tail | 11 margin. Rows: 1 crest + side slogans, 2 name, 3 title, 4 column heads, 5-11 bill to (spans) + service info rows, 12 table, 13-15 notes | totals, 16 photos, 17 slogan divider line, 18-21 three-part footer (payment details | pay-link QR | authorized signature), 22 flexible, 23 rule, 24 contact row, 25 tax id, 26 powered-by. */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest{--k:calc(100cqw / 794) !important;--hv19s:'Palatino Linotype','Book Antiqua',Palatino,'Iowan Old Style',Georgia,serif;container-type:inline-size !important;background:#FEFEFE !important;color:#22283C !important;font-family:var(--hv19s) !important;padding:0 !important;margin:0 !important;position:relative !important;isolation:isolate !important;overflow:visible !important;min-height:0 !important;display:grid !important;grid-template-columns:4.7144% 1.5413% 31.0970% 13.0553% 5.1677% 2.6292% 2.0852% 2.2665% 31.6410% 1.1786% 1fr !important;grid-template-rows:repeat(21,auto) minmax(0,1fr) auto auto auto auto !important;align-content:stretch !important;border:0 !important;box-shadow:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-head,.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-head-left,.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-head-right,.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-body,.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-parties,.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-details{display:contents !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .watermark{grid-area:1/1/-1/-1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-body::after{content:"" !important;grid-row:1/-1 !important;grid-column:1 !important;width:0 !important;height:calc(var(--k)*1026.72) !important;pointer-events:none !important;} /* masthead */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-head::before{content:"" !important;grid-row:1 !important;grid-column:1/-1 !important;align-self:start !important;height:calc(var(--k)*45.36) !important;margin:calc(var(--k)*66.96) 0 0 !important;background: url('/assets/tpl-art/hv20/hv20-19-slogan-l.webp') left calc(var(--k)*61.92) top 0/calc(var(--k)*156.96) calc(var(--k)*45.36) no-repeat, url('/assets/tpl-art/hv20/hv20-19-slogan-r.webp') left calc(var(--k)*597.6) top 0/calc(var(--k)*115.2) calc(var(--k)*45.36) no-repeat !important;pointer-events:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-head-left::before{content:"" !important;grid-row:1 !important;grid-column:1/-1 !important;justify-self:center !important;align-self:start !important;width:calc(var(--k)*138.24) !important;height:calc(var(--k)*108) !important;margin:calc(var(--k)*10.8) calc(var(--k)*5.04) 0 0 !important;background:url('/assets/tpl-art/hv20/hv20-19-crest.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest:has(.inv-logo) .inv-head-left::before{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-logo{grid-row:1 !important;grid-column:1/-1 !important;justify-self:center !important;align-self:start !important;max-width:calc(var(--k)*158.4) !important;max-height:calc(var(--k)*108) !important;width:auto !important;height:auto !important;object-fit:contain !important;margin:calc(var(--k)*10.8) 0 0 !important;position:static !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-biz-name{grid-row:2 !important;grid-column:3/10 !important;justify-self:center !important;align-self:start !important;max-width:calc(var(--k)*547.2) !important;margin:calc(var(--k)*2.88) 0 0 !important;padding:0 !important;font-family:var(--hv19s) !important;font-size:calc(var(--k)*44.64) !important;font-weight:700 !important;line-height:1.02 !important;letter-spacing:.015em !important;text-transform:uppercase !important;text-align:center !important;color:#0B1430 !important;background:none !important;border:0 !important;overflow-wrap:break-word !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-biz-name::after{content:"" !important;display:block !important;width:calc(var(--k)*313.92) !important;height:calc(var(--k)*27.36) !important;margin:calc(var(--k)*5.04) auto 0 !important;background:url('/assets/tpl-art/hv20/hv20-19-sub.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-doc-title{grid-row:3 !important;grid-column:3/10 !important;justify-self:center !important;align-self:start !important;margin:calc(var(--k)*13.68) 0 0 !important;padding:0 0 0 .15em !important;text-align:center !important;font-family:var(--hv19s) !important;font-size:calc(var(--k)*42.48) !important;font-weight:400 !important;line-height:1 !important;letter-spacing:.15em !important;text-transform:uppercase !important;color:#0D1530 !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-doc-title::after{content:"" !important;display:block !important;width:calc(var(--k)*275.04) !important;height:calc(var(--k)*12.24) !important;margin:calc(var(--k)*9.36) auto 0 !important;transform:translateX(-.075em) !important;background:url('/assets/tpl-art/hv20/hv20-19-invtag.webp') center/100% 100% no-repeat !important;} /* column heads: serif caps over a warm rule; light vertical rule between the columns */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to .inv-label,.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-details::before{display:block !important;margin:0 0 calc(var(--k)*9.36) !important;padding:0 0 calc(var(--k)*5.76) !important;border-bottom:calc(var(--k)*1.44) solid #CFC6BB !important;font-family:var(--hv19s) !important;font-size:calc(var(--k)*9.72) !important;line-height:calc(var(--k)*10.08) !important;font-weight:700 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#0A1430 !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-details::before{content:"Service information" !important;grid-row:4 !important;grid-column:7/10 !important;align-self:start !important;justify-self:stretch !important;text-align:left !important;margin:calc(var(--k)*21.6) 0 calc(var(--k)*7.92) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-details::after{content:"" !important;grid-row:4/12 !important;grid-column:6/7 !important;justify-self:start !important;align-self:stretch !important;width:calc(var(--k)*1.01) !important;margin:calc(var(--k)*34.56) 0 0 0 !important;background:#E3E3E3 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-details>.inv-label{display:none !important;} /* bill to: label:value rows (labels are fixed words keyed on the field, order as the reference) */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to{grid-row:4/12 !important;grid-column:3/5 !important;position:relative !important;align-self:start !important;display:flex !important;flex-direction:column !important;width:auto !important;max-width:calc(var(--k)*305.28) !important;min-width:0 !important;flex:none !important;margin:calc(var(--k)*21.6) 0 0 0 !important;padding:0 !important;background:none !important;border:0 !important;font-family:var(--hv19s) !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*17.64) !important;color:#22283C !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>div:not(.inv-label),.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-shipping{display:grid !important;grid-template-columns:calc(var(--k)*83.52) 1fr !important;align-items:baseline !important;margin:0 !important;padding:0 !important;font-family:var(--hv19s) !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*17.64) !important;font-weight:400 !important;color:#22283C !important;opacity:1 !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>div:not(.inv-label)::before,.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-shipping::before{font-family:var(--hv19s) !important;font-size:calc(var(--k)*11.16) !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;color:#212938 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>.inv-label{order:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>[data-f="client.company"]{order:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>[data-f="client.company"]::before{content:"Name:" !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>[data-f="client.name"]{order:2 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>[data-f="client.name"]::before{content:"Contact:" !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>[data-f="client.address"]{order:3 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>[data-f="client.address"]::before{content:"Address:" !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>[data-f="client.phone"]{order:4 !important;margin-top:calc(var(--k)*5.76) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>[data-f="client.phone"]::before{content:"Phone:" !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>[data-f="client.email"]{order:5 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>[data-f="client.email"]::before{content:"Email:" !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>div:has(.inv-lbl){order:6 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>div:has(.inv-lbl)::before{content:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bill-to>div .inv-lbl{color:#212938 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-shipping{order:7 !important;margin-top:calc(var(--k)*5.76) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-shipping::before{content:"Service address:" !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-shipping .inv-label-inline{display:none !important;} /* service information rows */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-doc-num,.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-detail-row,.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-doc-po{grid-column:7/10 !important;justify-self:stretch !important;align-self:start !important;display:grid !important;grid-template-columns:calc(var(--k)*113.04) 1fr !important;align-items:baseline !important;gap:0 !important;min-height:calc(var(--k)*17.78) !important;height:auto !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;font-family:var(--hv19s) !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*17.78) !important;font-weight:400 !important;letter-spacing:0 !important;color:#22283C !important;opacity:1 !important;text-align:left !important;white-space:normal !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-doc-num{grid-row:5 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-doc-num::before{content:"Invoice #:" !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-detail-row:nth-child(2){grid-row:6 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-detail-row:nth-child(3){grid-row:7 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-detail-row:nth-child(4){grid-row:8 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-detail-row:nth-child(5){grid-row:9 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-detail-row:nth-child(n+6){grid-row:10 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-doc-po{grid-row:11 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-doc-num::before,.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-detail-row span,.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-doc-po .inv-lbl{font-family:var(--hv19s) !important;font-size:calc(var(--k)*11.16) !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;color:#212938 !important;text-align:left !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-detail-row span::after{content:":" !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-detail-row b{font-family:var(--hv19s) !important;font-size:calc(var(--k)*11.16) !important;font-weight:400 !important;color:#22283C !important;text-align:left !important;} /* table: framed grid, warm grey head, numbered rows, centered figures */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table{grid-row:12 !important;grid-column:2/11 !important;width:100% !important;margin:calc(var(--k)*18.72) 0 0 !important;border-collapse:collapse !important;border:calc(var(--k)*1.01) solid #DDDEDF !important;counter-reset:hv19row !important;font-family:var(--hv19s) !important;table-layout:fixed !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table thead th{height:calc(var(--k)*34.56) !important;padding:0 calc(var(--k)*7.2) !important;background:#F0EFEC !important;border:calc(var(--k)*1.01) solid #DDDEDF !important;font-family:var(--hv19s) !important;font-size:calc(var(--k)*9) !important;font-weight:700 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#0C1836 !important;text-align:center !important;vertical-align:middle !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table thead th:first-child{position:relative !important;padding-left:calc(var(--k)*64.8) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table thead th:first-child::before{content:"#" !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:calc(var(--k)*64.8) !important;display:flex !important;align-items:center !important;justify-content:center !important;border-right:calc(var(--k)*1.01) solid #DDDEDF !important;letter-spacing:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table thead th:nth-child(2){width:calc(var(--k)*92.88) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table thead th:nth-child(3){width:calc(var(--k)*135.36) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table thead th:last-child{width:calc(var(--k)*136.08) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table tbody tr:not(.ige-ui){counter-increment:hv19row !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table tbody td{height:calc(var(--k)*34.92) !important;padding:calc(var(--k)*4.32) calc(var(--k)*7.2) !important;border:calc(var(--k)*1.01) solid #E2E3E4 !important;background:#FFFFFF !important;font-family:var(--hv19s) !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*15.12) !important;font-weight:400 !important;color:#222B3D !important;text-align:center !important;vertical-align:middle !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table tbody td.td-desc{position:relative !important;text-align:left !important;padding-left:calc(var(--k)*81.36) !important;padding-right:calc(var(--k)*10.08) !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table tbody td.td-desc::before{content:counter(hv19row) !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:calc(var(--k)*64.8) !important;display:flex !important;align-items:center !important;justify-content:center !important;border-right:calc(var(--k)*1.01) solid #E2E3E4 !important;color:#18233A !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table:has(thead th:nth-child(6)) thead th:nth-child(2){width:calc(var(--k)*64.8) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table:has(thead th:nth-child(6)) thead th:nth-child(3){width:calc(var(--k)*108) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table:has(thead th:nth-child(6)) thead th:nth-child(4),.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table:has(thead th:nth-child(6)) thead th:nth-child(5){width:calc(var(--k)*60.48) !important;letter-spacing:.1em !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table:has(thead th:nth-child(6)) thead th:last-child{width:calc(var(--k)*115.2) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-table:has(thead th:nth-child(5)) thead th:nth-child(4){width:calc(var(--k)*64.8) !important;letter-spacing:.1em !important;} /* notes | totals */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-notes,.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-footer-note{grid-column:3/5 !important;align-self:start !important;max-width:calc(var(--k)*350.64) !important;margin:0 !important;padding:0 !important;background:none !important;border:0 !important;border-radius:0 !important;font-family:var(--hv19s) !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*16.56) !important;font-style:normal !important;color:#565E71 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-notes{grid-row:13 !important;margin-top:calc(var(--k)*25.92) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-footer-note{grid-row:14 !important;margin-top:calc(var(--k)*25.92) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest:has(.inv-notes) .inv-footer-note{margin-top:calc(var(--k)*7.2) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-notes .inv-label,.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-footer-note::before{display:block !important;margin:0 0 calc(var(--k)*5.76) !important;padding:0 0 calc(var(--k)*6.48) !important;border-bottom:calc(var(--k)*1.44) solid #CFC6BB !important;font-family:var(--hv19s) !important;font-size:calc(var(--k)*9.72) !important;line-height:calc(var(--k)*11.52) !important;font-weight:700 !important;font-style:normal !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#0A1430 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-footer-note::before{content:"Notes" !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest:has(.inv-notes) .inv-footer-note::before{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-notes div:not(.inv-label){font-family:var(--hv19s) !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*16.56) !important;color:#565E71 !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-totals{grid-row:13/16 !important;grid-column:8/10 !important;align-self:start !important;width:auto !important;margin:calc(var(--k)*21.6) 0 0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;display:flex !important;flex-direction:column !important;font-family:var(--hv19s) !important;box-shadow:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-totals>div{display:flex !important;justify-content:space-between !important;align-items:center !important;min-height:calc(var(--k)*25.92) !important;margin:0 !important;padding:0 calc(var(--k)*15.84) 0 calc(var(--k)*14.4) !important;border:0 !important;border-bottom:calc(var(--k)*0.86) solid #E6E6E6 !important;background:none !important;color:#131B32 !important;text-transform:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-totals>div span{font-family:var(--hv19s) !important;font-size:calc(var(--k)*9.36) !important;font-weight:400 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#19233E !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-totals>div b{font-family:var(--hv19s) !important;font-size:calc(var(--k)*11.88) !important;font-weight:400 !important;color:#131B32 !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-totals>.inv-total-grand{min-height:calc(var(--k)*33.84) !important;margin:calc(var(--k)*4.32) 0 0 !important;border-bottom:0 !important;background:#DCE5EE !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-totals>.inv-total-grand span{font-size:calc(var(--k)*10.8) !important;font-weight:700 !important;letter-spacing:.2em !important;color:#040C2D !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-totals>.inv-total-grand b{font-size:calc(var(--k)*17.64) !important;font-weight:400 !important;color:#000013 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-totals>.inv-deposit span b{font-size:inherit !important;font-family:inherit !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-photos{grid-row:16 !important;grid-column:2/11 !important;margin:calc(var(--k)*17.28) 0 0 !important;padding:0 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-photos .inv-label{font-family:var(--hv19s) !important;font-size:calc(var(--k)*9.72) !important;font-weight:700 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#0A1430 !important;} /* slogan divider line */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-parties::before{content:"" !important;grid-row:17 !important;grid-column:2/11 !important;height:calc(var(--k)*12.96) !important;margin:calc(var(--k)*26.64) 0 0 !important;background:url('/assets/tpl-art/hv20/hv20-19-divline.webp') center/100% 100% no-repeat !important;} /* three-part footer: payment details | real pay-link block (method cards with their QR, the reference's scan-to-pay lettering under it) | authorized signature. The reference's sample QR encodes a fake URL. */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-parties::after{content:"" !important;grid-row:18/22 !important;grid-column:1/-1 !important;align-self:stretch !important;min-height:calc(var(--k)*135.36) !important;margin:calc(var(--k)*19.44) 0 0 !important;background: linear-gradient(#DCD7D1,#DCD7D1) left calc(var(--k)*295.92) top 0/calc(var(--k)*1.15) 100% no-repeat, linear-gradient(#DCD7D1,#DCD7D1) left calc(var(--k)*496.08) top 0/calc(var(--k)*1.15) 100% no-repeat !important;pointer-events:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-head-right::before{content:"" !important;grid-row:18 !important;grid-column:3/4 !important;align-self:start !important;height:calc(var(--k)*46.08) !important;margin:calc(var(--k)*18) 0 0 !important;background: url('/assets/tpl-art/hv20/hv20-19-ic-card.webp') left calc(var(--k)*-2.16) top 0/calc(var(--k)*46.08) calc(var(--k)*46.08) no-repeat, url('/assets/tpl-art/hv20/hv20-19-payhead.webp') left calc(var(--k)*52.56) top calc(var(--k)*18)/calc(var(--k)*132.48) calc(var(--k)*13.68) no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-terms{grid-row:19 !important;grid-column:3/4 !important;align-self:start !important;max-width:calc(var(--k)*230.4) !important;margin:calc(var(--k)*4.32) 0 0 !important;padding:0 !important;background:none !important;border:0 !important;border-radius:0 !important;font-family:var(--hv19s) !important;font-size:calc(var(--k)*10.8) !important;line-height:calc(var(--k)*18.36) !important;color:#2B3550 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-terms .inv-label{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-terms div:not(.inv-label){font-family:var(--hv19s) !important;font-size:calc(var(--k)*10.8) !important;line-height:calc(var(--k)*18.36) !important;color:#2B3550 !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-payrow{grid-row:20 !important;grid-column:3/4 !important;display:block !important;max-width:calc(var(--k)*230.4) !important;margin:calc(var(--k)*1.44) 0 0 !important;padding:0 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bank{margin:0 !important;padding:0 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-bank div{font-family:var(--hv19s) !important;font-size:calc(var(--k)*10.8) !important;line-height:calc(var(--k)*18.36) !important;color:#2B3550 !important;font-style:normal !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-biz-address{grid-row:21 !important;grid-column:3/4 !important;align-self:start !important;max-width:calc(var(--k)*234) !important;margin:calc(var(--k)*1.44) 0 0 !important;font-family:var(--hv19s) !important;font-size:calc(var(--k)*10.8) !important;line-height:calc(var(--k)*16.56) !important;color:#2B3550 !important;opacity:1 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-biz-tax{grid-row:25 !important;grid-column:3/10 !important;justify-self:center !important;margin:0 0 calc(var(--k)*2.88) !important;font-size:calc(var(--k)*9) !important;color:#374C66 !important;opacity:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-body>div[data-f="payment.methods"]{grid-row:18/22 !important;grid-column:4/9 !important;position:relative !important;justify-self:stretch !important;align-self:start !important;max-width:none !important;margin:calc(var(--k)*15.84) calc(var(--k)*15.84) calc(var(--k)*46.08) calc(var(--k)*15.84) !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-body>div[data-f="payment.methods"]:empty{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-body>div[data-f="payment.methods"]::after{content:"" !important;position:absolute !important;left:50% !important;top:calc(100% + calc(var(--k)*8.64)) !important;width:calc(var(--k)*146.88) !important;height:calc(var(--k)*30.24) !important;margin-left:calc(var(--k)*-73.44) !important;background:url('/assets/tpl-art/hv20/hv20-19-scan.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .pm-doc-h{font-family:var(--hv19s) !important;font-size:calc(var(--k)*7.92) !important;letter-spacing:.18em !important;color:#0A1430 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .pm-doc-card{border-color:#D8D2CA !important;background:#FFFFFF !important;border-radius:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-head-left::after{content:"" !important;grid-row:18 !important;grid-column:9/11 !important;justify-self:start !important;align-self:start !important;width:calc(var(--k)*49.68) !important;height:calc(var(--k)*49.68) !important;margin:calc(var(--k)*18.72) 0 0 calc(var(--k)*29.52) !important;background:url('/assets/tpl-art/hv20/hv20-19-ic-pen.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-signature-row{grid-row:18/22 !important;grid-column:9/11 !important;align-self:start !important;justify-self:stretch !important;display:block !important;width:auto !important;margin:calc(var(--k)*38.16) 0 0 calc(var(--k)*30.96) !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-signature{display:grid !important;grid-template-columns:1fr !important;width:auto !important;max-width:none !important;margin:0 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-signature .sig-caption{order:-1 !important;margin:0 0 calc(var(--k)*33.12) calc(var(--k)*57.6) !important;white-space:nowrap !important;font-family:var(--hv19s) !important;font-size:calc(var(--k)*10.08) !important;line-height:calc(var(--k)*11.52) !important;font-weight:700 !important;letter-spacing:.17em !important;text-transform:uppercase !important;color:#0A1430 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-signature .sig-render{min-height:calc(var(--k)*21.6) !important;max-height:calc(var(--k)*33.12) !important;margin:0 0 calc(var(--k)*2.88) calc(var(--k)*10.08) !important;font-size:calc(var(--k)*18.72) !important;color:#14203A !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-signature img{max-height:calc(var(--k)*33.12) !important;width:auto !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-signature .sig-line{height:calc(var(--k)*1.15) !important;margin:0 !important;background:#8B93A3 !important;} /* no pay link: two zones, one center divider */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest:not(:has(.inv-body>div[data-f="payment.methods"]:not(:empty))) .inv-parties::after{background:linear-gradient(#DCD7D1,#DCD7D1) left calc(var(--k)*396.72) top 0/calc(var(--k)*1.15) 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest:not(:has(.inv-body>div[data-f="payment.methods"]:not(:empty))) .inv-head-left::after{grid-column:5/11 !important;margin-left:calc(var(--k)*28.8) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest:not(:has(.inv-body>div[data-f="payment.methods"]:not(:empty))) .inv-signature-row{grid-column:5/11 !important;margin-left:calc(var(--k)*30.24) !important;margin-right:calc(var(--k)*9.36) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest:not(:has(.inv-body>div[data-f="payment.methods"]:not(:empty))) .inv-terms,.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest:not(:has(.inv-body>div[data-f="payment.methods"]:not(:empty))) .inv-payrow,.invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest:not(:has(.inv-body>div[data-f="payment.methods"]:not(:empty))) .inv-biz-address{grid-column:3/5 !important;max-width:calc(var(--k)*316.8) !important;} /* bottom rule + contact row */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-head::after{content:"" !important;grid-row:23 !important;grid-column:2/11 !important;height:calc(var(--k)*1.44) !important;margin:calc(var(--k)*17.28) calc(var(--k)*5.04) 0 !important;background:#A79B8A !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-biz-contact{grid-row:24 !important;grid-column:2/11 !important;justify-self:center !important;align-self:center !important;display:flex !important;flex-wrap:wrap !important;justify-content:center !important;align-items:center !important;row-gap:calc(var(--k)*4.32) !important;margin:calc(var(--k)*12.96) 0 calc(var(--k)*11.52) !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-biz-contact>div{display:flex !important;align-items:center !important;gap:calc(var(--k)*12.24) !important;margin:0 !important;padding:0 calc(var(--k)*28.8) !important;border:0 !important;border-left:calc(var(--k)*1.44) solid #374C66 !important;font-family:var(--hv19s) !important;font-size:calc(var(--k)*10.8) !important;line-height:calc(var(--k)*14.4) !important;color:#374C66 !important;opacity:1 !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-biz-contact>div:nth-child(3){order:1 !important;border-left:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-biz-contact>div:nth-child(3)::before{content:"" !important;flex:none !important;width:calc(var(--k)*18) !important;height:calc(var(--k)*18) !important;background:url('/assets/tpl-art/hv20/hv20-19-ic-globe.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-biz-contact>div:nth-child(2){order:2 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-biz-contact>div:nth-child(2)::before{content:"" !important;flex:none !important;width:calc(var(--k)*14.4) !important;height:calc(var(--k)*13.68) !important;background:url('/assets/tpl-art/hv20/hv20-19-ic-phone.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-biz-contact>div:nth-child(1){order:3 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-biz-contact::after{content:"" !important;order:4 !important;flex:none !important;width:calc(var(--k)*131.76) !important;height:calc(var(--k)*18.72) !important;margin-left:calc(var(--k)*0) !important;padding-left:calc(var(--k)*28.8) !important;border-left:calc(var(--k)*1.44) solid #374C66 !important;background:url('/assets/tpl-art/hv20/hv20-19-leafline.webp') right center/calc(var(--k)*131.76) calc(var(--k)*18.72) no-repeat !important;box-sizing:content-box !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-powered{grid-row:26 !important;grid-column:2/11 !important;margin:0 0 calc(var(--k)*7.2) !important;text-align:center !important;font-family:var(--hv19s) !important;font-size:calc(var(--k)*7.2) !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#8A8F99 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-19-crest).tmpl-hv20-19-crest .inv-powered a{color:inherit !important;} /* ============================= HV-20: hv20-20-wavebanner (Northridge Wave Banner) ============================= Columns are the reference's x stops (38/378/391/627/645/713/727/1067 of 1103): 1 margin | 2 card 1 | 3 gap | 4 card 2 / guarantee | 5 gap | 6 totals lead | 7 gap | 8 card 3 | 9 margin. The wave banner (services list + script baked in, brand lettering lifted out) is the sheet's own ::before at the top; the dark curved payment band is one grid item spanning the last rows so it always ends at the sheet bottom. Rows: 1 mark + name, 2 tagline, 3-6 title (spans) + meta, 7-11 three tinted cards, 12 table, 13-15 guarantee panel | totals, 16 photos, 17 pay-link block, 18 signature, 19 flexible, 20-21 dark band (footer note | contact list | thank-you). The reference's sample QR encodes a fake URL; the real pay-link block prints in row 17. */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner{--k:calc(100cqw / 794) !important;container-type:inline-size !important;background:#FEFEFE !important;color:#1F283C !important;font-family:var(--font-sans) !important;padding:0 !important;margin:0 !important;position:relative !important;isolation:isolate !important;overflow:visible !important;min-height:0 !important;display:grid !important;grid-template-columns:3.4451% 30.8250% 1.1786% 21.3962% 1.6319% 6.1650% 1.2693% 30.8250% 1fr !important;grid-template-rows:repeat(18,auto) minmax(0,1fr) auto auto !important;align-content:stretch !important;border:0 !important;box-shadow:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner::before{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;top:0 !important;height:calc(var(--k)*237.6) !important;z-index:-1 !important;pointer-events:none !important;background:url('/assets/tpl-art/hv20/hv20-20-banner.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-head,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-head-left,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-head-right,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-body,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-parties,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details{display:contents !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .watermark{grid-area:1/1/-1/-1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-body::after{content:"" !important;grid-row:1/-1 !important;grid-column:1 !important;width:0 !important;height:calc(var(--k)*1026.72) !important;pointer-events:none !important;} /* brand */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-head-left::before{content:"" !important;grid-row:1 !important;grid-column:2/3 !important;justify-self:start !important;align-self:start !important;width:calc(var(--k)*92.16) !important;height:calc(var(--k)*94.32) !important;margin:calc(var(--k)*11.52) 0 0 calc(var(--k)*10.08) !important;background:url('/assets/tpl-art/hv20/hv20-20-mark.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner:has(.inv-logo) .inv-head-left::before{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-logo{grid-row:1 !important;grid-column:2/3 !important;justify-self:start !important;align-self:start !important;max-width:calc(var(--k)*92.16) !important;max-height:calc(var(--k)*94.32) !important;width:auto !important;height:auto !important;object-fit:contain !important;margin:calc(var(--k)*11.52) 0 0 calc(var(--k)*10.08) !important;position:static !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-biz-name{grid-row:1 !important;grid-column:2/5 !important;justify-self:start !important;align-self:start !important;max-width:calc(var(--k)*216) !important;margin:calc(var(--k)*47.52) 0 0 calc(var(--k)*107.28) !important;padding:0 !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*28.08) !important;font-weight:800 !important;line-height:1.02 !important;letter-spacing:.025em !important;text-transform:uppercase !important;text-align:left !important;color:#0B2440 !important;background:none !important;border:0 !important;overflow-wrap:break-word !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-biz-name::after{content:"" !important;display:block !important;width:calc(var(--k)*192.96) !important;height:calc(var(--k)*20.16) !important;margin:calc(var(--k)*2.88) 0 0 calc(var(--k)*-2.16) !important;background:url('/assets/tpl-art/hv20/hv20-20-sub.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-head-left::after{content:"" !important;grid-row:2 !important;grid-column:2/5 !important;justify-self:start !important;width:calc(var(--k)*299.52) !important;height:calc(var(--k)*12.24) !important;margin:calc(var(--k)*11.52) 0 0 calc(var(--k)*10.08) !important;background:url('/assets/tpl-art/hv20/hv20-20-tagline.webp') left top/100% 100% no-repeat !important;} /* title + meta */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-doc-title{grid-row:3/7 !important;grid-column:2/5 !important;justify-self:start !important;align-self:start !important;margin:calc(var(--k)*82.08) 0 0 calc(var(--k)*7.2) !important;padding:0 !important;text-align:left !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*69.12) !important;font-weight:800 !important;line-height:1 !important;letter-spacing:-0.012em !important;text-transform:uppercase !important;color:#0E2440 !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-doc-title::after{content:"" !important;display:block !important;width:calc(var(--k)*308.16) !important;height:calc(var(--k)*13.68) !important;margin:calc(var(--k)*-2.88) 0 0 calc(var(--k)*4.32) !important;background:url('/assets/tpl-art/hv20/hv20-20-invtag.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-doc-num,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(2),.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(3),.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-doc-po{grid-column:4/9 !important;justify-self:start !important;align-self:start !important;display:grid !important;grid-template-columns:calc(var(--k)*74.16) auto !important;align-items:baseline !important;gap:0 !important;min-height:calc(var(--k)*18.72) !important;height:auto !important;margin:0 0 0 calc(var(--k)*126.72) !important;padding:0 0 0 calc(var(--k)*36.72) !important;border:0 !important;border-left:calc(var(--k)*1.01) solid #C9D2DC !important;background:none !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*10.8) !important;line-height:calc(var(--k)*15.84) !important;font-weight:400 !important;letter-spacing:0 !important;color:#222E47 !important;opacity:1 !important;text-align:left !important;white-space:normal !important;overflow-wrap:anywhere !important;max-width:calc(var(--k)*324) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-doc-num{grid-row:3 !important;margin-top:calc(var(--k)*93.6) !important;padding-top:calc(var(--k)*4.32) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(2){grid-row:4 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(3){grid-row:5 !important;padding-bottom:calc(var(--k)*4.32) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-doc-po{grid-row:6 !important;padding-bottom:calc(var(--k)*4.32) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner:has(.inv-doc-po) .inv-details>.inv-detail-row:nth-child(3){padding-bottom:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-doc-num::before,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(2) span,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(3) span,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-doc-po .inv-lbl{font-size:calc(var(--k)*10.8) !important;font-weight:700 !important;letter-spacing:0 !important;text-transform:none !important;color:#0B1630 !important;text-align:left !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-doc-num::before{content:"Invoice #:" !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(2) span::after,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(3) span::after{content:":" !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(2) b,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(3) b{font-size:calc(var(--k)*10.8) !important;font-weight:400 !important;color:#222E47 !important;text-align:left !important;} /* three tinted cards */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-bill-to{grid-row:7/12 !important;grid-column:2/3 !important;position:relative !important;align-self:stretch !important;width:auto !important;max-width:none !important;min-width:0 !important;flex:none !important;min-height:calc(var(--k)*170.64) !important;margin:calc(var(--k)*30.96) 0 0 0 !important;padding:calc(var(--k)*19.44) calc(var(--k)*15.84) calc(var(--k)*12.96) calc(var(--k)*23.04) !important;box-sizing:border-box !important;background:#EAF4FB !important;border:0 !important;border-radius:calc(var(--k)*10.08) !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*18.36) !important;color:#1A2339 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-bill-to::before{content:"" !important;position:absolute !important;left:calc(var(--k)*21.6) !important;top:calc(var(--k)*6.48) !important;width:calc(var(--k)*40.32) !important;height:calc(var(--k)*38.88) !important;background:url('/assets/tpl-art/hv20/hv20-20-ic-person.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-bill-to .inv-label,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-shipping::before,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-label{display:block !important;margin:0 0 calc(var(--k)*20.88) calc(var(--k)*54) !important;padding:0 !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*10.44) !important;line-height:calc(var(--k)*11.52) !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#0B1F45 !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-client-name{font-size:calc(var(--k)*12.24) !important;line-height:calc(var(--k)*18) !important;font-weight:700 !important;color:#0B1A35 !important;margin:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-bill-to div:not(.inv-label):not(.inv-client-name){font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*18.36) !important;color:#1A2339 !important;opacity:1 !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-parties::before{content:"" !important;grid-row:7/12 !important;grid-column:4/7 !important;align-self:stretch !important;min-height:calc(var(--k)*170.64) !important;margin:calc(var(--k)*30.96) 0 0 0 !important;border-radius:calc(var(--k)*10.08) !important;background:#ECF5F1 url('/assets/tpl-art/hv20/hv20-20-ic-pin.webp') left calc(var(--k)*15.84) top calc(var(--k)*6.48)/calc(var(--k)*39.6) calc(var(--k)*38.88) no-repeat !important;pointer-events:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-shipping{position:absolute !important;left:calc(var(--k)*254.16) !important;top:calc(var(--k)*19.44) !important;width:calc(var(--k)*194.4) !important;margin:0 !important;padding:0 0 0 calc(var(--k)*18) !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*18.36) !important;color:#1A2339 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-shipping::before{content:"Service location" !important;margin-left:calc(var(--k)*54) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-shipping .inv-label-inline{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-shipping>span{display:block !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details::before{content:"" !important;grid-row:7/12 !important;grid-column:8/9 !important;align-self:stretch !important;min-height:calc(var(--k)*170.64) !important;margin:calc(var(--k)*30.96) 0 0 0 !important;border-radius:calc(var(--k)*10.08) !important;background:#FBF4EA url('/assets/tpl-art/hv20/hv20-20-ic-clip.webp') left calc(var(--k)*15.12) top calc(var(--k)*6.48)/calc(var(--k)*40.32) calc(var(--k)*38.88) no-repeat !important;pointer-events:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-label{grid-row:7 !important;grid-column:8/9 !important;align-self:start !important;justify-self:start !important;margin:calc(var(--k)*50.4) 0 calc(var(--k)*12.96) calc(var(--k)*69.12) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(n+4){grid-column:8/9 !important;justify-self:stretch !important;align-self:start !important;display:grid !important;grid-template-columns:calc(var(--k)*85.68) 1fr !important;align-items:baseline !important;gap:0 !important;min-height:calc(var(--k)*18) !important;margin:0 0 0 calc(var(--k)*18) !important;padding:0 calc(var(--k)*12.96) 0 0 !important;border:0 !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(4){grid-row:8 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(5){grid-row:9 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(n+6){grid-row:10 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(n+4) span{font-size:calc(var(--k)*10.8) !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;color:#1B2B45 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(n+4) span::after{content:":" !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-details>.inv-detail-row:nth-child(n+4) b{font-size:calc(var(--k)*10.8) !important;font-weight:400 !important;color:#212E44 !important;text-align:left !important;} /* no service location: two cards, split like the guarantee / totals row below */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner:not(:has(.inv-shipping)) .inv-parties::before{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner:not(:has(.inv-shipping)) .inv-bill-to{grid-column:2/5 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner:not(:has(.inv-shipping)) .inv-details::before,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner:not(:has(.inv-shipping)) .inv-details>.inv-label,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner:not(:has(.inv-shipping)) .inv-details>.inv-detail-row:nth-child(n+4){grid-column:6/9 !important;} /* table */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table{grid-row:12 !important;grid-column:2/9 !important;width:100% !important;margin:calc(var(--k)*17.28) 0 0 !important;border-collapse:separate !important;border-spacing:0 !important;border:calc(var(--k)*1.01) solid #E3E7EC !important;border-radius:calc(var(--k)*8.64) !important;overflow:hidden !important;counter-reset:hv20row !important;font-family:var(--font-sans) !important;table-layout:fixed !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table thead th{height:calc(var(--k)*36) !important;padding:0 calc(var(--k)*10.08) !important;background:#E1E8F0 !important;border:0 !important;border-left:calc(var(--k)*1.01) solid #D3DCE6 !important;font-size:calc(var(--k)*10.44) !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#0B1A33 !important;text-align:center !important;vertical-align:middle !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table thead th:first-child{position:relative !important;border-left:0 !important;text-align:left !important;padding-left:calc(var(--k)*74.16) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table thead th:first-child::before{content:"#" !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:calc(var(--k)*57.6) !important;display:flex !important;align-items:center !important;justify-content:center !important;border-right:calc(var(--k)*1.01) solid #D3DCE6 !important;letter-spacing:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table thead th:nth-child(2){width:calc(var(--k)*70.56) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table thead th:nth-child(3){width:calc(var(--k)*118.08) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table thead th:last-child{width:calc(var(--k)*121.68) !important;text-align:right !important;padding-right:calc(var(--k)*17.28) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table tbody tr:not(.ige-ui){counter-increment:hv20row !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table tbody td{height:calc(var(--k)*32.04) !important;padding:calc(var(--k)*3.6) calc(var(--k)*10.08) !important;border:0 !important;border-top:calc(var(--k)*1.01) solid #E3E7EC !important;border-left:calc(var(--k)*1.01) solid #E3E7EC !important;background:#FFFFFF !important;font-size:calc(var(--k)*10.8) !important;line-height:calc(var(--k)*15.12) !important;font-weight:400 !important;color:#1F283C !important;text-align:center !important;vertical-align:middle !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table tbody tr:first-child td{border-top:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table tbody td.td-desc{position:relative !important;border-left:0 !important;text-align:left !important;padding-left:calc(var(--k)*74.16) !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table tbody td.td-desc::before{content:counter(hv20row) !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:calc(var(--k)*57.6) !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;padding-left:calc(var(--k)*18.72) !important;box-sizing:border-box !important;border-right:calc(var(--k)*1.01) solid #E3E7EC !important;color:#293447 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table tbody td:nth-child(3){text-align:right !important;padding-right:calc(var(--k)*25.92) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table tbody td.td-amt{text-align:right !important;padding-right:calc(var(--k)*18.72) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table:has(thead th:nth-child(6)) thead th:nth-child(2){width:calc(var(--k)*57.6) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table:has(thead th:nth-child(6)) thead th:nth-child(3){width:calc(var(--k)*100.8) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table:has(thead th:nth-child(6)) thead th:nth-child(4),.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table:has(thead th:nth-child(6)) thead th:nth-child(5){width:calc(var(--k)*57.6) !important;padding:0 calc(var(--k)*4.32) !important;letter-spacing:.04em !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table:has(thead th:nth-child(6)) tbody td:nth-child(3){padding-right:calc(var(--k)*11.52) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-table:has(thead th:nth-child(5)) thead th:nth-child(4){width:calc(var(--k)*60.48) !important;padding:0 calc(var(--k)*4.32) !important;letter-spacing:.04em !important;} /* guarantee-style panel (shield art) holding notes / terms / late fee / footer note | totals card */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-body::before{content:"" !important;grid-row:13/16 !important;grid-column:2/5 !important;align-self:stretch !important;min-height:calc(var(--k)*130.32) !important;margin:calc(var(--k)*15.84) 0 0 !important;border-radius:calc(var(--k)*10.08) !important;background: url('/assets/tpl-art/hv20/hv20-20-shield.webp') left calc(var(--k)*24.48) top calc(var(--k)*18)/calc(var(--k)*66.24) calc(var(--k)*82.08) no-repeat, url('/assets/tpl-art/hv20/hv20-20-gslogan.webp') left calc(var(--k)*108.72) bottom calc(var(--k)*11.52)/calc(var(--k)*223.92) calc(var(--k)*10.8) no-repeat, linear-gradient(#8AA0B5,#8AA0B5) left calc(var(--k)*110.16) bottom calc(var(--k)*29.52)/calc(var(--k)*22.32) calc(var(--k)*0.86) no-repeat, linear-gradient(90deg,#E8F3FA,#EEF6FB) !important;pointer-events:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-notes,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-terms,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-payrow,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-footer-note{grid-column:2/5 !important;align-self:start !important;margin:0 !important;padding:0 calc(var(--k)*25.92) 0 calc(var(--k)*110.16) !important;background:none !important;border:0 !important;border-radius:0 !important;font-size:calc(var(--k)*10.8) !important;line-height:calc(var(--k)*16.2) !important;font-style:normal !important;color:#2A4765 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-notes{grid-row:13 !important;margin-top:calc(var(--k)*34.56) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-terms{grid-row:14 !important;margin-top:calc(var(--k)*34.56) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner:has(.inv-notes) .inv-terms{margin-top:calc(var(--k)*7.2) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-notes .inv-label,.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-terms .inv-label{display:block !important;margin:0 0 calc(var(--k)*11.52) !important;font-size:calc(var(--k)*10.44) !important;line-height:calc(var(--k)*11.52) !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#0B1F45 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-notes div:not(.inv-label),.invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-terms div:not(.inv-label){font-size:calc(var(--k)*10.8) !important;line-height:calc(var(--k)*16.2) !important;color:#2A4765 !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-payrow{grid-row:15 !important;display:block !important;margin-top:calc(var(--k)*2.88) !important;padding-bottom:calc(var(--k)*47.52) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-bank{margin:0 !important;padding:0 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-bank div{font-size:calc(var(--k)*9.36) !important;line-height:calc(var(--k)*13.68) !important;color:#3C5878 !important;font-style:normal !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner:not(:has(.inv-payrow)) .inv-terms{padding-bottom:calc(var(--k)*47.52) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-totals{grid-row:13/16 !important;grid-column:6/9 !important;align-self:start !important;width:auto !important;margin:calc(var(--k)*15.84) 0 0 !important;padding:0 !important;border:calc(var(--k)*1.01) solid #E3E7EC !important;border-radius:calc(var(--k)*8.64) !important;overflow:hidden !important;background:#FFFFFF !important;display:flex !important;flex-direction:column !important;font-family:var(--font-sans) !important;box-shadow:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-totals>div{display:flex !important;justify-content:space-between !important;align-items:center !important;min-height:calc(var(--k)*36) !important;margin:0 !important;padding:0 calc(var(--k)*18) 0 calc(var(--k)*17.28) !important;border:0 !important;border-bottom:calc(var(--k)*1.01) solid #E6EAEF !important;background:none !important;font-size:calc(var(--k)*11.16) !important;color:#14294A !important;text-transform:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-totals>div span{font-size:calc(var(--k)*11.16) !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;color:#041839 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-totals>div b{font-size:calc(var(--k)*11.16) !important;font-weight:400 !important;color:#14294A !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-totals>.inv-total-grand{min-height:calc(var(--k)*56.88) !important;border-bottom:0 !important;background:#D1E8F5 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-totals>.inv-total-grand span{font-size:calc(var(--k)*15.84) !important;font-weight:700 !important;letter-spacing:-0.01em !important;color:#0B2240 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-totals>.inv-total-grand b{font-size:calc(var(--k)*21.6) !important;font-weight:800 !important;letter-spacing:-0.01em !important;color:#071530 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-totals>.inv-deposit span b{font-size:inherit !important;font-weight:700 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-photos{grid-row:16 !important;grid-column:2/9 !important;margin:calc(var(--k)*15.84) 0 0 !important;padding:0 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-photos .inv-label{font-size:calc(var(--k)*10.44) !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#0B1F45 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-signature-row{grid-row:18 !important;grid-column:6/9 !important;justify-self:end !important;display:flex !important;justify-content:flex-end !important;width:calc(var(--k)*216) !important;margin:calc(var(--k)*15.84) 0 0 !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-signature{width:100% !important;max-width:none !important;margin:0 !important;text-align:center !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-signature .sig-render{max-height:calc(var(--k)*30.24) !important;font-size:calc(var(--k)*17.28) !important;color:#0B2240 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-signature .sig-line{height:calc(var(--k)*1.01) !important;background:#9FB1C3 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-signature .sig-caption{font-size:calc(var(--k)*7.92) !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#2A4765 !important;} /* dark curved band: wave edge + navy fill, dividers, thank-you script, slogan */ .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-head::after{content:"" !important;grid-row:20/-1 !important;grid-column:1/-1 !important;align-self:stretch !important;z-index:-1 !important;min-height:calc(var(--k)*181.44) !important;margin:calc(var(--k)*12.96) 0 0 !important;background: url('/assets/tpl-art/hv20/hv20-20-wave.webp') left top/100% calc(var(--k)*36.72) no-repeat, url('/assets/tpl-art/hv20/hv20-20-thanks.webp') left calc(var(--k)*590.4) top calc(var(--k)*45.36)/calc(var(--k)*168.48) calc(var(--k)*107.28) no-repeat, url('/assets/tpl-art/hv20/hv20-20-footslogan.webp') left calc(var(--k)*36) top calc(var(--k)*126.72)/calc(var(--k)*249.12) calc(var(--k)*11.52) no-repeat, linear-gradient(rgba(170,190,210,.55),rgba(170,190,210,.55)) left calc(var(--k)*303.12) top calc(var(--k)*51.84)/calc(var(--k)*1.01) calc(var(--k)*84.96) no-repeat, linear-gradient(rgba(170,190,210,.55),rgba(170,190,210,.55)) left calc(var(--k)*563.04) top calc(var(--k)*51.84)/calc(var(--k)*1.01) calc(var(--k)*84.96) no-repeat, linear-gradient(#11304B,#11304B) left 0 top calc(var(--k)*35.28)/100% calc(100% - calc(var(--k)*35.28)) no-repeat !important;pointer-events:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-biz-contact{grid-row:20 !important;grid-column:4/8 !important;align-self:start !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:calc(var(--k)*6.48) !important;margin:calc(var(--k)*64.8) 0 0 calc(var(--k)*48.96) !important;padding:0 !important;max-width:calc(var(--k)*230.4) !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-biz-contact>div{display:flex !important;align-items:center !important;gap:calc(var(--k)*9.36) !important;margin:0 !important;padding:0 !important;border:0 !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*14.4) !important;color:#FFFFFF !important;opacity:1 !important;overflow-wrap:anywhere !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-biz-contact>div::before{content:"" !important;flex:none !important;width:calc(var(--k)*18.72) !important;height:calc(var(--k)*15.84) !important;background:center/contain no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-biz-contact>div:nth-child(2){order:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-biz-contact>div:nth-child(2)::before{background-image:url('/assets/tpl-art/hv20/hv20-20-ic-phone.webp') !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-biz-contact>div:nth-child(1){order:2 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-biz-contact>div:nth-child(1)::before{background-image:url('/assets/tpl-art/hv20/hv20-20-ic-mail.webp') !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-biz-contact>div:nth-child(3){order:3 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-biz-contact>div:nth-child(3)::before{background-image:url('/assets/tpl-art/hv20/hv20-20-ic-globe.webp') !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-biz-address{grid-row:21 !important;grid-column:4/8 !important;align-self:start !important;display:flex !important;align-items:flex-start !important;gap:calc(var(--k)*9.36) !important;max-width:calc(var(--k)*230.4) !important;margin:calc(var(--k)*6.48) 0 calc(var(--k)*28.8) calc(var(--k)*48.96) !important;font-size:calc(var(--k)*11.16) !important;line-height:calc(var(--k)*14.4) !important;color:#FFFFFF !important;opacity:1 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-biz-address::before{content:"" !important;flex:none !important;width:calc(var(--k)*18.72) !important;height:calc(var(--k)*20.16) !important;margin-top:calc(var(--k)*-2.16) !important;background:url('/assets/tpl-art/hv20/hv20-20-ic-pin2.webp') center/contain no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-biz-tax{grid-row:21 !important;grid-column:8/9 !important;align-self:end !important;justify-self:center !important;margin:0 0 calc(var(--k)*10.08) !important;font-size:calc(var(--k)*7.92) !important;color:#C9D6E3 !important;opacity:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-body>div[data-f="payment.methods"]{grid-row:17 !important;grid-column:2/9 !important;align-self:start !important;margin:calc(var(--k)*15.84) 0 0 !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-body>div[data-f="payment.methods"]:empty{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .pm-doc-h{font-size:calc(var(--k)*10.44) !important;font-weight:700 !important;letter-spacing:.14em !important;color:#0B1F45 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .pm-doc-card{border-color:#E3E7EC !important;background:#F4F9FC !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-footer-note{grid-row:20 !important;grid-column:2/4 !important;max-width:calc(var(--k)*248.4) !important;margin:calc(var(--k)*66.24) 0 0 calc(var(--k)*10.08) !important;padding:0 !important;font-size:calc(var(--k)*10.44) !important;line-height:calc(var(--k)*15.12) !important;color:#FFFFFF !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-powered{grid-row:21 !important;grid-column:2/4 !important;align-self:end !important;margin:0 0 calc(var(--k)*10.08) calc(var(--k)*10.08) !important;text-align:left !important;font-size:calc(var(--k)*6.48) !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#9FB4C9 !important;} .invoice-preview:is(#invoicePreview,.tmpl-hv20-20-wavebanner).tmpl-hv20-20-wavebanner .inv-powered a{color:inherit !important;}