/* EL-20 batch 5: 4 electrician designs (el20- prefix), rebuilt from the owner's real reference package tools/trades10/pack-templates/electrician/ (EL-17..EL-20, TEMPLATES_US_LETTER PNGs) onto invoice-generator's DOM. EL-17 -> el20-17-splitcosting EL-18 -> el20-18-checklist EL-19 -> el20-19-ultraminimal EL-20 -> el20-20-badgestrip Every icon, brand mark, service strip, slogan, script lettering and decorative band is a real crop cut from the reference PNG with Pillow (site/assets/tpl-art/el20/el20-17-* .. el20-20-*); mockup text that is business data (sample business names inside art, the badge ring lettering, the city line) was lifted out with cv2 inpainting so live fields print in its place. Flat rules, dividers and solid fills are CSS. The sample QR codes in the references encode the mockup's fake payment URL, so they are NOT reproduced: the real pay-link QR block (payment.methods) prints when the sender adds a payment link. Scale: the sheet is a container (container-type:inline-size) and every length is calc(var(--k)*N) where N is the size on a 794px sheet (794 = 1103px reference, x0.72), so the same design holds at 690 (export), 794 (screen) and 847 (print). Every declaration !important per project convention. No data-uri SVG anywhere. */ /* ============================= EL-17: el20-17-splitcosting (Summit Peak Split Costing) ============================= One sheet-wide grid: .inv-head/.inv-head-left/.inv-head-right/.inv-body are display:contents, so every field is placed directly (header row, parties row, band, table, support panel + totals, footer contact row). Their own ::before/::after pseudos stay as grid items and carry the art. */ .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting{--k:calc(100cqw / 794) !important;container-type:inline-size !important;background:#FFFFFF !important;color:#2C3145 !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.086% 33.564% 25.693% 1.587% 33.048% 1fr !important;grid-template-rows:repeat(13,auto) minmax(0,1fr) auto auto auto !important;align-content:stretch !important;border:0 !important;box-shadow:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:-1 !important;pointer-events:none !important;background: url('/assets/tpl-art/el20/el20-17-services.webp') left calc(var(--k)*385.9) top calc(var(--k)*27.4)/calc(var(--k)*126.7) calc(var(--k)*73.4) no-repeat, url('/assets/tpl-art/el20/el20-17-slogan.webp') left calc(var(--k)*596.1) top calc(var(--k)*27.4)/calc(var(--k)*155.5) calc(var(--k)*69.1) no-repeat, linear-gradient(#B9C6D1,#B9C6D1) left calc(var(--k)*365.7) top calc(var(--k)*30.2)/calc(var(--k)*1) calc(var(--k)*67) no-repeat, linear-gradient(#B9C6D1,#B9C6D1) left calc(var(--k)*575.9) top calc(var(--k)*30.2)/calc(var(--k)*1) calc(var(--k)*67) no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-head,.invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-head-left,.invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-head-right,.invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-body{display:contents !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .watermark{grid-area:1/1/-1/-1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-body::after{content:"" !important;grid-row:1/-1 !important;grid-column:1 !important;width:0 !important;height:calc(var(--k)*1026.7) !important;pointer-events:none !important;} /* header row */ .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-head-left::before{content:"" !important;grid-row:1 !important;grid-column:2/3 !important;align-self:start !important;justify-self:start !important;width:calc(var(--k)*115.2) !important;height:calc(var(--k)*76.3) !important;margin:calc(var(--k)*24.5) 0 0 calc(var(--k)*5.7) !important;background:url('/assets/tpl-art/el20/el20-17-mark.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting:has(.inv-logo) .inv-head-left::before{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-logo{grid-row:1 !important;grid-column:2/3 !important;align-self:start !important;justify-self:start !important;max-width:calc(var(--k)*115.2) !important;max-height:calc(var(--k)*76.3) !important;width:auto !important;height:auto !important;object-fit:contain !important;margin:calc(var(--k)*24.5) 0 0 calc(var(--k)*5.7) !important;position:static !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-biz-name{grid-row:1 !important;grid-column:2/4 !important;justify-self:start !important;max-width:calc(var(--k)*208) !important;margin:calc(var(--k)*37.6) 0 calc(var(--k)*18.3) calc(var(--k)*124.5) !important;padding:0 !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*30.4) !important;font-weight:800 !important;line-height:1.02 !important;letter-spacing:-0.012em !important;text-transform:uppercase !important;color:#1F2933 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-biz-name::after{content:"" !important;display:block !important;width:calc(var(--k)*187.2) !important;height:calc(var(--k)*33.1) !important;margin:calc(var(--k)*-0.5) 0 0 calc(var(--k)*-1.4) !important;background:url('/assets/tpl-art/el20/el20-17-subname.webp') left top/100% 100% no-repeat !important;} /* parties row: rule on top, three open columns */ .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-parties{grid-row:2 !important;grid-column:2/6 !important;position:relative !important;display:grid !important;grid-template-columns:calc(var(--k)*252) calc(var(--k)*246) 1fr !important;align-items:start !important;gap:0 !important;margin:0 !important;padding:calc(var(--k)*14.8) 0 calc(var(--k)*25) 0 !important;border:0 !important;border-top:calc(var(--k)*1.5) solid #2F5878 !important;background: linear-gradient(#BCC9D4,#BCC9D4) left calc(var(--k)*252) top calc(var(--k)*14.4)/calc(var(--k)*1) calc(100% - calc(var(--k)*28)) no-repeat, linear-gradient(#BCC9D4,#BCC9D4) left calc(var(--k)*498) top calc(var(--k)*14.4)/calc(var(--k)*1) calc(100% - calc(var(--k)*28)) no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-bill-to{grid-column:1 !important;margin:0 !important;padding:0 0 0 calc(var(--k)*9.4) !important;background:none !important;border:0 !important;min-width:0 !important;font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*17.3) !important;color:#2C3145 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-bill-to .inv-label,.invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-shipping::before{display:block !important;margin:0 0 calc(var(--k)*1.6) !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*13) !important;line-height:calc(var(--k)*18) !important;font-weight:700 !important;letter-spacing:0 !important;text-transform:capitalize !important;color:#0F55A0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-client-name{font-size:calc(var(--k)*13) !important;line-height:calc(var(--k)*17.6) !important;font-weight:700 !important;color:#0B1230 !important;margin:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-bill-to div:not(.inv-label):not(.inv-client-name){font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*17.3) !important;color:#2C3145 !important;opacity:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-shipping{position:absolute !important;left:calc(var(--k)*278) !important;top:calc(var(--k)*14.8) !important;width:calc(var(--k)*205) !important;font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*17.3) !important;color:#2C3145 !important;margin:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-shipping::before{content:"Service Location" !important;margin-bottom:calc(var(--k)*1.6) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-shipping .inv-label-inline{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-details{grid-column:3 !important;display:flex !important;flex-direction:column !important;margin:0 !important;padding:calc(var(--k)*19.2) 0 0 calc(var(--k)*30.2) !important;background:none !important;border:0 !important;min-width:0 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-details .inv-label{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-detail-row{order:5 !important;display:grid !important;grid-template-columns:calc(var(--k)*94.6) 1fr !important;gap:0 !important;margin:0 !important;padding:0 !important;border:0 !important;min-height:calc(var(--k)*20.4) !important;align-items:center !important;font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*15) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-detail-row:nth-child(2){order:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-detail-row:nth-child(4){order:2 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-detail-row:nth-child(3){order:3 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-detail-row:nth-child(5){order:4 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-detail-row span{font-size:calc(var(--k)*11.5) !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:capitalize !important;color:#6A7586 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-detail-row b{font-size:calc(var(--k)*11.5) !important;font-weight:400 !important;color:#121626 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-doc-title{grid-row:2 !important;grid-column:5/6 !important;align-self:start !important;position:relative !important;z-index:2 !important;justify-self:start !important;margin:calc(var(--k)*13.6) 0 0 calc(var(--k)*45.4) !important;padding:0 !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*20.4) !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:capitalize !important;color:#6A7586 !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-doc-title::after{content:" #" !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-doc-num{grid-row:2 !important;grid-column:5/6 !important;align-self:start !important;justify-self:start !important;position:relative !important;z-index:2 !important;margin:calc(var(--k)*13.6) 0 0 calc(var(--k)*140) !important;padding:0 !important;font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*20.4) !important;font-weight:700 !important;letter-spacing:0 !important;color:#050717 !important;opacity:1 !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-doc-po{grid-row:2 !important;grid-column:5/6 !important;align-self:start !important;margin:calc(var(--k)*115.6) 0 0 calc(var(--k)*45.4) !important;position:relative !important;z-index:2 !important;justify-self:start !important;justify-content:start !important;width:auto !important;text-align:left !important;display:grid !important;grid-template-columns:calc(var(--k)*94.6) 1fr !important;font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*20.4) !important;color:#121626 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-doc-po .inv-lbl{color:#6A7586 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting:has(.inv-doc-po) .inv-details{padding-bottom:calc(var(--k)*20.4) !important;} /* LABOR & MATERIALS band (real crop, word lifted, live label on top) */ .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-head-right::before{content:"LABOR & MATERIALS" !important;grid-row:3 !important;grid-column:2/6 !important;height:calc(var(--k)*35.3) !important;margin:0 0 calc(var(--k)*4.3) !important;padding:0 0 0 calc(var(--k)*59) !important;box-sizing:border-box !important;display:flex !important;align-items:center !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*13.3) !important;font-weight:700 !important;letter-spacing:.075em !important;color:#FFFFFF !important;background:url('/assets/tpl-art/el20/el20-17-band.webp') left top/100% 100% no-repeat !important;} /* line items */ .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-table{grid-row:4 !important;grid-column:2/6 !important;width:100% !important;margin:0 !important;border-collapse:separate !important;border-spacing:0 !important;border:calc(var(--k)*1) solid #DCE3E9 !important;border-radius:calc(var(--k)*3) !important;overflow:hidden !important;counter-reset:el17row !important;font-family:var(--font-sans) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-table thead th{position:relative !important;height:calc(var(--k)*26.6) !important;padding:0 calc(var(--k)*8) !important;background:#EAEFF2 !important;border:0 !important;border-bottom:calc(var(--k)*1) solid #DCE3E9 !important;font-size:calc(var(--k)*10.4) !important;font-weight:700 !important;letter-spacing:0 !important;text-transform:uppercase !important;color:#16294A !important;text-align:center !important;vertical-align:middle !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-table thead th+th{border-left:calc(var(--k)*1) solid #DCE3E9 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-table thead th:first-child{text-align:left !important;padding-left:calc(var(--k)*55) !important;background:#EAEFF2 linear-gradient(#DCE3E9,#DCE3E9) calc(var(--k)*41.8) 0/calc(var(--k)*1) 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .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)*41.8) !important;display:flex !important;align-items:center !important;justify-content:center !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-table thead th:nth-child(2){width:calc(var(--k)*90) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-table thead th:nth-child(3){width:calc(var(--k)*135) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-table thead th:last-child{width:calc(var(--k)*113) !important;text-align:right !important;padding-right:calc(var(--k)*17.3) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-table tbody tr[data-row]{counter-increment:el17row !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-table tbody td{height:calc(var(--k)*28.8) !important;padding:calc(var(--k)*4) calc(var(--k)*8) !important;border:0 !important;border-bottom:calc(var(--k)*1) solid #E3E9EE !important;font-size:calc(var(--k)*11) !important;line-height:calc(var(--k)*14) !important;color:#3A3D4E !important;text-align:center !important;vertical-align:middle !important;background:#FFFFFF !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-table tbody td+td{border-left:calc(var(--k)*1) solid #DCE3E9 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-table tbody tr[data-row]:nth-last-child(2) td{border-bottom:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-table tbody td.td-desc{position:relative !important;text-align:left !important;padding-left:calc(var(--k)*55) !important;color:#3A3D4E !important;font-weight:400 !important;background:#FFFFFF linear-gradient(#DCE3E9,#DCE3E9) calc(var(--k)*41.8) 0/calc(var(--k)*1) 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-table tbody tr[data-row] td.td-desc::before{content:counter(el17row) !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:calc(var(--k)*41.8) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#3A3D4E !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-table tbody td.td-amt,.invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-table tbody td:last-child{text-align:right !important;padding-right:calc(var(--k)*17.3) !important;font-weight:400 !important;color:#3A3D4E !important;} /* support panel (pay + notes | warranty) and totals */ .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-head-right::after{content:"" !important;grid-row:5/9 !important;grid-column:2/4 !important;margin:calc(var(--k)*17.3) 0 0 !important;background:#EEF2F6 !important;border-radius:calc(var(--k)*5.5) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-payrow{grid-row:6 !important;grid-column:2/3 !important;display:block !important;margin:0 !important;padding:0 calc(var(--k)*13) 0 calc(var(--k)*15) !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-bank{margin:0 !important;padding:0 0 calc(var(--k)*13) !important;background:none !important;border:0 !important;border-bottom:calc(var(--k)*1) solid #C9D3DC !important;border-radius:0 !important;font-size:calc(var(--k)*10.4) !important;line-height:calc(var(--k)*14.6) !important;color:#3B4458 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-bank .inv-label{margin:0 0 calc(var(--k)*6.5) !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*11.2) !important;line-height:calc(var(--k)*15) !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#0F55A0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-bank div:not(.inv-label){font-size:calc(var(--k)*10.4) !important;line-height:calc(var(--k)*14.6) !important;color:#3B4458 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-bank .inv-latefee{font-style:normal !important;color:#5A6577 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-footer-note{grid-row:7 !important;grid-column:2/3 !important;margin:0 !important;padding:calc(var(--k)*12.5) calc(var(--k)*13) calc(var(--k)*14) calc(var(--k)*15) !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*10.4) !important;line-height:calc(var(--k)*14.6) !important;font-style:normal !important;color:#3B4458 !important;text-align:left !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-footer-note::before{content:"Notes" !important;display:block !important;margin:0 0 calc(var(--k)*2.5) !important;font-size:calc(var(--k)*11.2) !important;line-height:calc(var(--k)*15) !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#0F55A0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting:has(.inv-notes) .inv-footer-note::before{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-notes{grid-row:8 !important;grid-column:2/3 !important;margin:0 !important;padding:0 calc(var(--k)*13) calc(var(--k)*14) calc(var(--k)*15) !important;background:none !important;border:0 !important;border-radius:0 !important;font-size:calc(var(--k)*10.4) !important;line-height:calc(var(--k)*14.6) !important;color:#3B4458 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-notes div:not(.inv-label){font-size:calc(var(--k)*10.4) !important;line-height:calc(var(--k)*14.6) !important;color:#3B4458 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-notes .inv-label{margin:0 0 calc(var(--k)*2.5) !important;font-size:calc(var(--k)*11.2) !important;line-height:calc(var(--k)*15) !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#0F55A0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-terms{grid-row:5/9 !important;grid-column:3/4 !important;align-self:stretch !important;margin:calc(var(--k)*36.7) calc(var(--k)*14) calc(var(--k)*13) 0 !important;padding:0 0 0 calc(var(--k)*19) !important;background:none !important;border:0 !important;border-left:calc(var(--k)*1) solid #C9D3DC !important;border-radius:0 !important;font-size:calc(var(--k)*10.4) !important;line-height:calc(var(--k)*14.9) !important;color:#3B4458 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-terms .inv-label{display:block !important;width:calc(var(--k)*133.9) !important;height:calc(var(--k)*33.1) !important;margin:calc(var(--k)*-4) 0 calc(var(--k)*4) calc(var(--k)*-2.9) !important;font-size:0 !important;line-height:0 !important;color:transparent !important;background:url('/assets/tpl-art/el20/el20-17-warrantyhead.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-terms div:not(.inv-label){font-size:calc(var(--k)*10.4) !important;line-height:calc(var(--k)*14.9) !important;color:#3B4458 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-terms::after{content:"" !important;display:block !important;width:calc(var(--k)*169.9) !important;height:calc(var(--k)*53.3) !important;margin:calc(var(--k)*8) 0 0 calc(var(--k)*-1.4) !important;background:url('/assets/tpl-art/el20/el20-17-warrantyfoot.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-totals{grid-row:5/9 !important;grid-column:5/6 !important;align-self:start !important;width:auto !important;margin:calc(var(--k)*17.3) 0 0 !important;padding:0 !important;background:#FFFFFF !important;border:calc(var(--k)*1) solid #DCE3E9 !important;border-radius:calc(var(--k)*4) !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;font-family:var(--font-sans) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-totals::before{content:"" !important;display:block !important;height:calc(var(--k)*30.2) !important;margin:calc(var(--k)*-1) calc(var(--k)*-1) 0 !important;background:url('/assets/tpl-art/el20/el20-17-totalshead.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-totals>div{display:flex !important;justify-content:space-between !important;align-items:center !important;min-height:calc(var(--k)*28.8) !important;margin:0 !important;padding:0 calc(var(--k)*17.3) 0 calc(var(--k)*15.8) !important;border:0 !important;border-bottom:calc(var(--k)*1) solid #E3E9EE !important;background:linear-gradient(#DCE3E9,#DCE3E9) calc(var(--k)*148.3) 0/calc(var(--k)*1) 100% no-repeat !important;font-size:calc(var(--k)*11.2) !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;color:#253255 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-totals>div span{font-size:calc(var(--k)*11.2) !important;color:#253255 !important;font-weight:400 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-totals>div b{font-size:calc(var(--k)*11.2) !important;font-weight:400 !important;color:#253255 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-totals>.inv-total-grand{min-height:calc(var(--k)*47.5) !important;margin:0 !important;padding:0 calc(var(--k)*15) 0 calc(var(--k)*15.8) !important;border:0 !important;background:#D8E5F1 !important;font-size:calc(var(--k)*14.4) !important;color:#0A1A63 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-totals>.inv-total-grand span{font-size:calc(var(--k)*14.4) !important;font-weight:800 !important;letter-spacing:.01em !important;text-transform:uppercase !important;color:#0A1A63 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-totals>.inv-total-grand b{font-size:calc(var(--k)*19.4) !important;font-weight:800 !important;letter-spacing:-0.01em !important;color:#0A1A63 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-totals>.inv-deposit{background:#FFFFFF !important;border-top:calc(var(--k)*1) solid #E3E9EE !important;font-size:calc(var(--k)*10.4) !important;} /* extras below the support row */ .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-photos{grid-row:9 !important;grid-column:2/6 !important;margin:calc(var(--k)*14) 0 0 !important;padding:calc(var(--k)*12) calc(var(--k)*15) !important;background:#EEF2F6 !important;border:0 !important;border-radius:calc(var(--k)*5.5) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-photos .inv-label{font-size:calc(var(--k)*11.2) !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#0F55A0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-body>div[data-f="payment.methods"]{grid-row:5 !important;grid-column:2/3 !important;margin:calc(var(--k)*17.3) 0 0 !important;padding:calc(var(--k)*21.5) calc(var(--k)*13) 0 calc(var(--k)*15) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-body>div[data-f="payment.methods"]:empty{display:block !important;height:0 !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .pm-doc{margin:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .pm-doc-h{margin:0 0 calc(var(--k)*6.5) !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*11.2) !important;line-height:calc(var(--k)*15) !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#0F55A0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .pm-doc-grid{gap:calc(var(--k)*8) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .pm-doc-card{flex:1 1 100% !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;gap:calc(var(--k)*10) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .pm-doc-card b{font-size:calc(var(--k)*10.8) !important;color:#0B1230 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .pm-doc-card div{font-size:calc(var(--k)*10.2) !important;line-height:calc(var(--k)*14.4) !important;color:#3B4458 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .pm-doc-card canvas,.invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .pm-doc-card svg,.invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .pm-doc-card img{width:calc(var(--k)*72) !important;height:calc(var(--k)*72) !important;order:-1 !important;background:#FFFFFF !important;padding:calc(var(--k)*3) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-payrow::before{content:"Payment" !important;display:block !important;margin:0 0 calc(var(--k)*6.5) !important;font-size:calc(var(--k)*11.2) !important;line-height:calc(var(--k)*15) !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#0F55A0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting:has(.pm-doc) .inv-payrow::before{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting:not(:has(.pm-doc)) .inv-payrow{padding-top:calc(var(--k)*21.5) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-signature-row{grid-row:10 !important;grid-column:2/6 !important;justify-self:end !important;width:calc(var(--k)*230) !important;margin:calc(var(--k)*16) 0 0 !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .sig-line{background:#8093A5 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .sig-caption{font-size:calc(var(--k)*8.6) !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#5E6B7C !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-powered{grid-row:11 !important;grid-column:2/6 !important;margin:calc(var(--k)*10) 0 0 !important;text-align:center !important;font-size:calc(var(--k)*8) !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#8A97A6 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-powered a{color:inherit !important;} /* footer: rule, icon contact row (phone, email, web), trust line + business address */ .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-head::after{content:"" !important;grid-row:15 !important;grid-column:1/-1 !important;height:calc(var(--k)*1.4) !important;margin:calc(var(--k)*18) calc(var(--k)*29.4) 0 calc(var(--k)*28.8) !important;background:#345A79 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-biz-contact{grid-row:16 !important;grid-column:2/5 !important;align-self:start !important;display:flex !important;flex-wrap:wrap !important;align-items:center !important;column-gap:calc(var(--k)*19) !important;row-gap:calc(var(--k)*6) !important;margin:calc(var(--k)*18.8) 0 calc(var(--k)*30) calc(var(--k)*7.2) !important;padding:0 !important;font-family:var(--font-sans) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-biz-contact>div{display:flex !important;align-items:center !important;min-height:calc(var(--k)*24.5) !important;margin:0 !important;padding:0 !important;border:0 !important;font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*14) !important;letter-spacing:0 !important;text-transform:none !important;color:#273F61 !important;opacity:1 !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-biz-contact>div::before{content:"" !important;flex:none !important;width:calc(var(--k)*24.5) !important;height:calc(var(--k)*24.5) !important;margin-right:calc(var(--k)*7.2) !important;background:url('/assets/tpl-art/el20/el20-17-icmail.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-biz-contact>div:nth-child(2){order:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-biz-contact>div:nth-child(2)::before{background-image:url('/assets/tpl-art/el20/el20-17-icphone.webp') !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-biz-contact>div:nth-child(1){order:2 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-biz-contact>div:nth-child(3){order:3 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-biz-contact>div:nth-child(3)::before{background-image:url('/assets/tpl-art/el20/el20-17-icweb.webp') !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-biz-address{grid-row:16 !important;grid-column:5/7 !important;align-self:start !important;margin:calc(var(--k)*15.8) 0 0 calc(var(--k)*39.6) !important;padding:0 0 calc(var(--k)*1) calc(var(--k)*18.7) !important;min-height:calc(var(--k)*36) !important;max-width:calc(var(--k)*225) !important;border-left:calc(var(--k)*1) solid #8093A5 !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*7.9) !important;line-height:calc(var(--k)*11) !important;font-style:italic !important;letter-spacing:.3em !important;text-transform:uppercase !important;color:#5E6B7C !important;opacity:1 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-biz-address::before{content:"" !important;display:block !important;width:calc(var(--k)*200.1) !important;height:calc(var(--k)*15.8) !important;margin:0 0 calc(var(--k)*3.5) !important;background:url('/assets/tpl-art/el20/el20-17-trust.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-17-splitcosting).tmpl-el20-17-splitcosting .inv-biz-tax{grid-row:17 !important;grid-column:5/7 !important;margin:0 0 calc(var(--k)*14) calc(var(--k)*58.3) !important;font-size:calc(var(--k)*8.6) !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#5E6B7C !important;opacity:1 !important;} /* ============================= EL-18: el20-18-checklist (FuseWorks Completion Checklist) ============================= Same sheet-wide grid technique as EL-17; here .inv-parties and .inv-details are display:contents too, so the issue/due rows sit in the header meta stack while terms/currency/service address fill the middle card. */ .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist{--k:calc(100cqw / 794) !important;container-type:inline-size !important;background:#FFFFFF !important;color:#313F59 !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.086% 30.642% 0.995% 30.202% 0.995% 31.096% 1fr !important;grid-template-rows:repeat(12,auto) minmax(0,1fr) auto auto auto !important;border:0 !important;box-shadow:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:-1 !important;pointer-events:none !important;background: url('/assets/tpl-art/el20/el20-18-trust.webp') left calc(var(--k)*352.8) top calc(var(--k)*36)/calc(var(--k)*198.7) calc(var(--k)*72) no-repeat, linear-gradient(#81A0C8,#81A0C8) left calc(var(--k)*341.6) top calc(var(--k)*32.4)/calc(var(--k)*1.2) calc(var(--k)*77) no-repeat, linear-gradient(#B3CBE3,#B3CBE3) left calc(var(--k)*565.2) top calc(var(--k)*25.2)/calc(var(--k)*1.2) calc(var(--k)*100.8) no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-head,.invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-head-left,.invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-head-right,.invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-body,.invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-parties,.invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-details{display:contents !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .watermark{grid-area:1/1/-1/-1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-body::after{content:"" !important;grid-row:1/-1 !important;grid-column:1 !important;width:0 !important;height:calc(var(--k)*1026.7) !important;pointer-events:none !important;} /* header */ .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-head-left::before{content:"" !important;grid-row:1 !important;grid-column:2/3 !important;align-self:start !important;justify-self:start !important;width:calc(var(--k)*72) !important;height:calc(var(--k)*86.4) !important;margin:calc(var(--k)*14.4) 0 0 calc(var(--k)*1.4) !important;background:url('/assets/tpl-art/el20/el20-18-mark.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist:has(.inv-logo) .inv-head-left::before{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-logo{grid-row:1 !important;grid-column:2/3 !important;align-self:start !important;justify-self:start !important;max-width:calc(var(--k)*72) !important;max-height:calc(var(--k)*86.4) !important;width:auto !important;height:auto !important;object-fit:contain !important;margin:calc(var(--k)*14.4) 0 0 calc(var(--k)*1.4) !important;position:static !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-biz-name{grid-row:1 !important;grid-column:2/5 !important;justify-self:start !important;max-width:calc(var(--k)*229) !important;margin:calc(var(--k)*25) 0 calc(var(--k)*47) calc(var(--k)*79.9) !important;padding:0 !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*37) !important;font-weight:800 !important;line-height:1 !important;letter-spacing:-0.025em !important;text-transform:none !important;color:#0B2349 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-biz-name::after{content:"" !important;display:block !important;width:calc(var(--k)*119.5) !important;height:calc(var(--k)*31.7) !important;margin:calc(var(--k)*-1.5) 0 0 calc(var(--k)*-0.5) !important;background:url('/assets/tpl-art/el20/el20-18-electric.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-head-left::after{content:"" !important;grid-row:1 !important;grid-column:2/5 !important;align-self:end !important;justify-self:start !important;width:calc(var(--k)*260.6) !important;height:calc(var(--k)*17.3) !important;margin:0 0 calc(var(--k)*22.3) calc(var(--k)*28.8) !important;background:url('/assets/tpl-art/el20/el20-18-tagline.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-doc-title{grid-row:1 !important;grid-column:6/8 !important;align-self:start !important;justify-self:start !important;margin:calc(var(--k)*22) 0 0 calc(var(--k)*78.5) !important;padding:0 !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*27.8) !important;line-height:1 !important;font-weight:800 !important;letter-spacing:.36em !important;text-transform:uppercase !important;color:#052952 !important;background:none !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-doc-num{grid-row:1 !important;grid-column:6/8 !important;align-self:start !important;justify-self:start !important;display:grid !important;grid-template-columns:calc(var(--k)*90) auto !important;justify-content:start !important;margin:calc(var(--k)*61.8) 0 0 calc(var(--k)*69.2) !important;width:auto !important;padding:0 !important;font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*19) !important;font-weight:400 !important;letter-spacing:0 !important;color:#2E4666 !important;opacity:1 !important;white-space:nowrap !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-doc-num::before{content:"Number:" !important;font-size:calc(var(--k)*11) !important;font-weight:700 !important;color:#031744 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-detail-row{grid-column:6/8 !important;align-self:start !important;justify-self:start !important;display:grid !important;grid-template-columns:calc(var(--k)*90) auto !important;justify-content:start !important;justify-items:start !important;gap:0 !important;margin:0 0 0 calc(var(--k)*69.2) !important;width:auto !important;max-width:none !important;padding:0 !important;border:0 !important;min-height:calc(var(--k)*19) !important;align-items:center !important;font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*19) !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-detail-row span{font-size:calc(var(--k)*11) !important;font-weight:700 !important;letter-spacing:0 !important;text-transform:capitalize !important;color:#031744 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-detail-row span::after{content:":" !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-detail-row b{font-size:calc(var(--k)*11.5) !important;font-weight:400 !important;color:#2E4666 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-details>.inv-detail-row:nth-child(2){grid-row:1 !important;margin-top:calc(var(--k)*80.5) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-details>.inv-detail-row:nth-child(3){grid-row:1 !important;margin-top:calc(var(--k)*99.2) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-details .inv-label{display:none !important;} /* three cards */ .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-bill-to{grid-row:2 !important;grid-column:2/3 !important;position:relative !important;width:auto !important;max-width:none !important;flex:none !important;min-height:calc(var(--k)*169) !important;margin:0 !important;padding:calc(var(--k)*42.5) calc(var(--k)*12) calc(var(--k)*14) calc(var(--k)*13) !important;box-sizing:border-box !important;background:#FFFFFF url('/assets/tpl-art/el20/el20-18-card1head.webp') left top/100% calc(var(--k)*36) no-repeat !important;border:calc(var(--k)*1) solid #E1E8F0 !important;border-radius:calc(var(--k)*4) !important;font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*16) !important;color:#313F59 !important;text-align:left !important;min-width:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-bill-to .inv-label{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-client-name{font-size:calc(var(--k)*13.7) !important;line-height:calc(var(--k)*18) !important;font-weight:700 !important;color:#00153E !important;margin:0 0 calc(var(--k)*1) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-bill-to div:not(.inv-label):not(.inv-client-name){font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*16) !important;color:#313F59 !important;opacity:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-parties::before{content:"Service details" !important;grid-row:2 !important;grid-column:4/5 !important;display:block !important;min-height:calc(var(--k)*169) !important;box-sizing:border-box !important;padding:0 0 0 calc(var(--k)*44.6) !important;line-height:calc(var(--k)*34) !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*10.8) !important;font-weight:800 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#07469A !important;background:#FFFFFF url('/assets/tpl-art/el20/el20-18-card2head.webp') left top/100% calc(var(--k)*36) no-repeat !important;border:calc(var(--k)*1) solid #E1E8F0 !important;border-radius:calc(var(--k)*4) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-parties::after{content:"" !important;grid-row:2 !important;grid-column:6/7 !important;min-height:calc(var(--k)*169) !important;box-sizing:border-box !important;background:url('/assets/tpl-art/el20/el20-18-card3head.webp') left top/100% calc(var(--k)*36) no-repeat,url('/assets/tpl-art/el20/el20-18-status.webp') left calc(var(--k)*10.8) bottom calc(var(--k)*8.6)/calc(var(--k)*181.4) calc(var(--k)*23) no-repeat,#FFFFFF !important;border:calc(var(--k)*1) solid #E1E8F0 !important;border-radius:calc(var(--k)*4) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-details>.inv-detail-row:nth-child(n+4){grid-row:2 !important;grid-column:4/5 !important;justify-self:stretch !important;grid-template-columns:calc(var(--k)*102.7) 1fr !important;justify-content:stretch !important;margin:calc(var(--k)*36.4) calc(var(--k)*10) 0 calc(var(--k)*12.3) !important;width:auto !important;min-height:calc(var(--k)*22.3) !important;line-height:calc(var(--k)*15) !important;border-bottom:calc(var(--k)*1) solid #E3E9F0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-details>.inv-detail-row:nth-child(5){margin-top:calc(var(--k)*58.7) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-details>.inv-detail-row:nth-child(n+6){margin-top:calc(var(--k)*125) !important;border-bottom:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-details>.inv-detail-row:nth-child(n+4) span{font-size:calc(var(--k)*10.8) !important;color:#081743 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-details>.inv-detail-row:nth-child(n+4) b{font-size:calc(var(--k)*11) !important;color:#363E53 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-shipping{position:absolute !important;left:calc(var(--k)*263.5) !important;top:calc(var(--k)*81) !important;width:calc(var(--k)*225) !important;display:grid !important;grid-template-columns:calc(var(--k)*102.7) 1fr !important;margin:0 !important;font-size:calc(var(--k)*11) !important;line-height:calc(var(--k)*15.4) !important;color:#363E53 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-shipping::before{content:"Service Address:" !important;font-size:calc(var(--k)*10.8) !important;font-weight:700 !important;color:#081743 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-shipping .inv-label-inline{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-doc-po{grid-row:2 !important;grid-column:6/7 !important;align-self:start !important;justify-self:stretch !important;display:grid !important;grid-template-columns:calc(var(--k)*84) 1fr !important;justify-content:stretch !important;width:auto !important;margin:calc(var(--k)*36.4) calc(var(--k)*10) 0 calc(var(--k)*15.8) !important;min-height:calc(var(--k)*22.3) !important;align-items:center !important;border-bottom:calc(var(--k)*1) solid #E3E9F0 !important;font-size:calc(var(--k)*11) !important;line-height:calc(var(--k)*15) !important;color:#363E53 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-doc-po .inv-lbl{font-size:calc(var(--k)*10.8) !important;font-weight:700 !important;color:#081743 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-notes{grid-row:2 !important;grid-column:6/7 !important;align-self:start !important;display:grid !important;grid-template-columns:calc(var(--k)*84) 1fr !important;margin:calc(var(--k)*58.7) calc(var(--k)*10) calc(var(--k)*40) calc(var(--k)*15.8) !important;padding:calc(var(--k)*4) 0 !important;background:none !important;border:0 !important;border-radius:0 !important;font-size:calc(var(--k)*11) !important;line-height:calc(var(--k)*15) !important;color:#363E53 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist:not(:has(.inv-doc-po)) .inv-notes{margin-top:calc(var(--k)*36.4) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-notes .inv-label{margin:0 !important;font-size:calc(var(--k)*10.8) !important;line-height:calc(var(--k)*15) !important;font-weight:700 !important;letter-spacing:0 !important;text-transform:capitalize !important;color:#081743 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-notes div:not(.inv-label){font-size:calc(var(--k)*11) !important;line-height:calc(var(--k)*15) !important;color:#363E53 !important;} /* checklist, table, blank rule rows */ .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-head-right::before{content:"" !important;grid-row:3 !important;grid-column:2/7 !important;height:calc(var(--k)*114.5) !important;margin:calc(var(--k)*8.6) 0 0 !important;background:url('/assets/tpl-art/el20/el20-18-checklist.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-table{grid-row:4 !important;grid-column:2/7 !important;width:100% !important;margin:calc(var(--k)*9.4) 0 0 !important;border-collapse:separate !important;border-spacing:0 !important;border:calc(var(--k)*1) solid #E1E8F0 !important;border-bottom:0 !important;border-radius:calc(var(--k)*4) calc(var(--k)*4) 0 0 !important;overflow:hidden !important;counter-reset:el18row !important;font-family:var(--font-sans) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-table thead th{position:relative !important;height:calc(var(--k)*26) !important;padding:0 calc(var(--k)*8) !important;background:#183C66 !important;border:0 !important;font-size:calc(var(--k)*10.4) !important;font-weight:700 !important;letter-spacing:.1em !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-el20-18-checklist).tmpl-el20-18-checklist .inv-table thead th:first-child{text-align:left !important;padding-left:calc(var(--k)*56.9) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .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)*47.5) !important;display:flex !important;align-items:center !important;justify-content:center !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-table thead th:nth-child(2){width:calc(var(--k)*99.4) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-table thead th:nth-child(3){width:calc(var(--k)*118.8) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-table thead th:last-child{width:calc(var(--k)*118.8) !important;text-align:right !important;padding-right:calc(var(--k)*21.6) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-table tbody tr[data-row]{counter-increment:el18row !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-table tbody td{height:calc(var(--k)*36) !important;padding:calc(var(--k)*4) calc(var(--k)*8) !important;border:0 !important;border-bottom:calc(var(--k)*1) solid #E4EAF0 !important;font-size:calc(var(--k)*11) !important;line-height:calc(var(--k)*14) !important;color:#243959 !important;text-align:center !important;vertical-align:middle !important;background:#FFFFFF !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-table tbody td+td{border-left:calc(var(--k)*1) solid #E4EAF0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-table tbody td.td-desc{position:relative !important;text-align:left !important;padding-left:calc(var(--k)*56.9) !important;font-size:calc(var(--k)*11.2) !important;color:#0D1F48 !important;font-weight:400 !important;background:#FFFFFF linear-gradient(#E4EAF0,#E4EAF0) calc(var(--k)*47.5) 0/calc(var(--k)*1) 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-table tbody tr[data-row] td.td-desc::before{content:counter(el18row) !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:calc(var(--k)*47.5) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#213455 !important;font-size:calc(var(--k)*11) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-table tbody td.td-amt,.invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-table tbody td:last-child{text-align:right !important;padding-right:calc(var(--k)*21.6) !important;font-weight:400 !important;color:#243959 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-head-right::after{content:"" !important;grid-row:5 !important;grid-column:2/7 !important;height:calc(var(--k)*89.3) !important;box-sizing:border-box !important;border:calc(var(--k)*1) solid #E1E8F0 !important;border-top:0 !important;background: repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--k)*21.3),#E4EAF0 calc(var(--k)*21.3),#E4EAF0 calc(var(--k)*22.3)), linear-gradient(#E4EAF0,#E4EAF0) calc(var(--k)*47) 0/calc(var(--k)*1) 100% no-repeat, linear-gradient(#E4EAF0,#E4EAF0) calc(100% - calc(var(--k)*336.8)) 0/calc(var(--k)*1) 100% no-repeat, linear-gradient(#E4EAF0,#E4EAF0) calc(100% - calc(var(--k)*237.4)) 0/calc(var(--k)*1) 100% no-repeat, linear-gradient(#E4EAF0,#E4EAF0) calc(100% - calc(var(--k)*118.6)) 0/calc(var(--k)*1) 100% no-repeat, linear-gradient(#F4F7FA,#F4F7FA) 0 100%/100% calc(var(--k)*22.3) no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist:has(tr[data-row="4"]) .inv-head-right::after{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist:has(tr[data-row="4"]) .inv-table{border-bottom:calc(var(--k)*1) solid #E1E8F0 !important;border-radius:calc(var(--k)*4) !important;} /* payment methods card, totals card */ .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-head::before{content:"" !important;grid-row:6 !important;grid-column:2/7 !important;justify-self:start !important;width:calc(var(--k)*450.7) !important;height:calc(var(--k)*116.6) !important;margin:calc(var(--k)*15.8) 0 0 !important;background:url('/assets/tpl-art/el20/el20-18-paycard.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-payrow{grid-row:6 !important;grid-column:2/7 !important;justify-self:start !important;align-self:start !important;width:calc(var(--k)*112) !important;margin:calc(var(--k)*47) 0 0 calc(var(--k)*335.5) !important;padding:0 !important;display:block !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-bank{margin:0 !important;padding:0 !important;background:none !important;border:0 !important;border-radius:0 !important;text-align:center !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-bank div{font-size:calc(var(--k)*9.4) !important;line-height:calc(var(--k)*13) !important;color:#45526A !important;font-style:normal !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-totals{grid-row:6 !important;grid-column:2/7 !important;justify-self:end !important;align-self:start !important;width:calc(var(--k)*288) !important;min-height:calc(var(--k)*115) !important;box-sizing:border-box !important;margin:calc(var(--k)*15.8) 0 0 !important;padding:calc(var(--k)*14) calc(var(--k)*15.8) calc(var(--k)*10) calc(var(--k)*17.3) !important;background:#F0F5F9 !important;border:calc(var(--k)*1) solid #E3EAF1 !important;border-radius:calc(var(--k)*4) !important;display:flex !important;flex-direction:column !important;font-family:var(--font-sans) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-totals>div{display:flex !important;justify-content:space-between !important;align-items:center !important;min-height:calc(var(--k)*22.3) !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;font-size:calc(var(--k)*12.2) !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;color:#191F2D !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-totals>div span{font-size:calc(var(--k)*12.2) !important;font-weight:400 !important;color:#191F2D !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-totals>div b{font-size:calc(var(--k)*13.2) !important;font-weight:400 !important;color:#040717 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-totals>.inv-total-grand{margin:calc(var(--k)*9) 0 0 !important;padding:calc(var(--k)*11) 0 0 !important;border-top:calc(var(--k)*1) solid #7C8DAA !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-totals>.inv-total-grand span{font-size:calc(var(--k)*15.8) !important;font-weight:700 !important;letter-spacing:-0.01em !important;text-transform:capitalize !important;color:#001F4D !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-totals>.inv-total-grand b{font-size:calc(var(--k)*21.6) !important;font-weight:800 !important;letter-spacing:-0.01em !important;color:#00378C !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-totals>.inv-deposit{font-size:calc(var(--k)*10.4) !important;} /* terms, notes line, approval + thank-you cards */ .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-body>div[data-f="payment.methods"]{grid-row:7 !important;grid-column:2/7 !important;margin:calc(var(--k)*10) 0 0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-body>div[data-f="payment.methods"]:empty{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .pm-doc-h{font-size:calc(var(--k)*9.4) !important;letter-spacing:.12em !important;color:#07469A !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-photos{grid-row:7 !important;grid-column:2/7 !important;margin:calc(var(--k)*10) 0 0 !important;padding:calc(var(--k)*10) calc(var(--k)*12) !important;border:calc(var(--k)*1) solid #E1E8F0 !important;border-radius:calc(var(--k)*4) !important;background:#FFFFFF !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-terms{grid-row:8 !important;grid-column:2/7 !important;display:flex !important;gap:calc(var(--k)*8) !important;align-items:baseline !important;margin:calc(var(--k)*10) 0 0 !important;padding:0 calc(var(--k)*2) !important;background:none !important;border:0 !important;border-radius:0 !important;font-size:calc(var(--k)*10) !important;line-height:calc(var(--k)*14) !important;color:#45526A !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-terms .inv-label{flex:none !important;margin:0 !important;font-size:calc(var(--k)*9.4) !important;font-weight:800 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#07469A !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-terms div:not(.inv-label){font-size:calc(var(--k)*10) !important;line-height:calc(var(--k)*14) !important;color:#45526A !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-footer-note{grid-row:9 !important;grid-column:2/7 !important;margin:calc(var(--k)*4) 0 0 !important;padding:0 calc(var(--k)*2) !important;font-size:calc(var(--k)*10) !important;line-height:calc(var(--k)*14) !important;font-style:normal !important;color:#45526A !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-head::after{content:"" !important;grid-row:10 !important;grid-column:2/7 !important;justify-self:start !important;width:calc(var(--k)*485.2) !important;height:calc(var(--k)*154.1) !important;margin:calc(var(--k)*9.4) 0 0 !important;background:url('/assets/tpl-art/el20/el20-18-approval.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-body::before{content:"For choosing us" !important;grid-row:10 !important;grid-column:2/7 !important;justify-self:end !important;width:calc(var(--k)*260.6) !important;height:calc(var(--k)*154.1) !important;box-sizing:border-box !important;margin:calc(var(--k)*9.4) calc(var(--k)*-1.5) 0 0 !important;padding:0 0 calc(var(--k)*30.5) !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;align-items:center !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*10.4) !important;line-height:calc(var(--k)*13) !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#1F3352 !important;background:url('/assets/tpl-art/el20/el20-18-thanks.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-signature-row{grid-row:11 !important;grid-column:2/7 !important;justify-self:end !important;width:calc(var(--k)*220) !important;margin:calc(var(--k)*12) 0 0 !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .sig-line{background:#7C8DAA !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .sig-caption{font-size:calc(var(--k)*8.6) !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#45526A !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-powered{grid-row:12 !important;grid-column:2/7 !important;margin:calc(var(--k)*8) 0 0 !important;text-align:center !important;font-size:calc(var(--k)*8) !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#8A97A6 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-powered a{color:inherit !important;} /* footer: business contact line (the reference prints none; kept small and centered in the bottom white space) */ .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-biz-contact{grid-row:14 !important;grid-column:2/7 !important;justify-self:center !important;display:flex !important;flex-wrap:wrap !important;justify-content:center !important;column-gap:0 !important;margin:calc(var(--k)*10) 0 0 !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-biz-contact>div{margin:0 !important;padding:0 calc(var(--k)*9) !important;border:0 !important;border-left:calc(var(--k)*1) solid #B3CBE3 !important;border-radius:0 !important;font-size:calc(var(--k)*9.4) !important;line-height:calc(var(--k)*12) !important;letter-spacing:.06em !important;text-transform:none !important;color:#45526A !important;opacity:1 !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-biz-contact>div:first-child{border-left:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-biz-address{grid-row:15 !important;grid-column:2/7 !important;justify-self:center !important;margin:calc(var(--k)*3) 0 0 !important;max-width:calc(var(--k)*600) !important;text-align:center !important;font-size:calc(var(--k)*8.6) !important;line-height:calc(var(--k)*12) !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#6A778C !important;opacity:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-biz-tax{grid-row:16 !important;grid-column:2/7 !important;justify-self:center !important;margin:calc(var(--k)*2) 0 0 !important;font-size:calc(var(--k)*8.6) !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#6A778C !important;opacity:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-biz-address,.invoice-preview:is(#invoicePreview,.tmpl-el20-18-checklist).tmpl-el20-18-checklist .inv-biz-tax:last-child{margin-bottom:calc(var(--k)*14) !important;} /* ============================= EL-19: el20-19-ultraminimal (Relay House Ultra Minimal) ============================= Monochrome, open, thin rules only. Header meta is a stacked column of its own grid rows so a long invoice number can wrap without colliding with the rows under it. */ .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal{--k:calc(100cqw / 794) !important;container-type:inline-size !important;background:#FFFFFF !important;color:#252C35 !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:4.71% 36.47% 19.27% 13.22% 21.71% 1fr !important;grid-template-rows:repeat(15,auto) minmax(0,1fr) auto auto auto !important;border:0 !important;box-shadow:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:-1 !important;pointer-events:none !important;background: url('/assets/tpl-art/el20/el20-19-services.webp') left calc(var(--k)*482.4) top calc(var(--k)*37.4)/calc(var(--k)*82.1) calc(var(--k)*92.1) no-repeat, linear-gradient(#545656,#545656) left calc(var(--k)*585.4) top calc(var(--k)*32.4)/calc(var(--k)*1) calc(var(--k)*151.2) no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-head,.invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-head-left,.invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-head-right,.invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-body,.invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-parties,.invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-details{display:contents !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .watermark{grid-area:1/1/-1/-1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-body::after{content:"" !important;grid-row:1/-1 !important;grid-column:1 !important;width:0 !important;height:calc(var(--k)*1026.7) !important;pointer-events:none !important;} /* brand block */ .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-head-left::before{content:"" !important;grid-row:1/8 !important;grid-column:2/3 !important;align-self:start !important;justify-self:start !important;position:relative !important;z-index:2 !important;width:calc(var(--k)*56.2) !important;height:calc(var(--k)*64.8) !important;margin:calc(var(--k)*40.3) 0 0 calc(var(--k)*4.3) !important;background:url('/assets/tpl-art/el20/el20-19-mark.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal:has(.inv-logo) .inv-head-left::before{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-logo{grid-row:1/8 !important;grid-column:2/3 !important;align-self:start !important;justify-self:start !important;max-width:calc(var(--k)*62) !important;max-height:calc(var(--k)*64.8) !important;width:auto !important;height:auto !important;object-fit:contain !important;margin:calc(var(--k)*40.3) 0 0 calc(var(--k)*4.3) !important;position:relative !important;z-index:2 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-biz-name{grid-row:1/8 !important;grid-column:2/4 !important;align-self:start !important;justify-self:start !important;max-width:calc(var(--k)*250) !important;margin:calc(var(--k)*55.8) 0 calc(var(--k)*20) calc(var(--k)*76.4) !important;padding:0 !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*23.8) !important;font-weight:700 !important;line-height:1 !important;letter-spacing:-0.005em !important;text-transform:none !important;color:#050C15 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-biz-name::after{content:"" !important;display:block !important;width:calc(var(--k)*171.3) !important;height:calc(var(--k)*46.8) !important;margin:calc(var(--k)*1.8) 0 0 calc(var(--k)*-72) !important;background:url('/assets/tpl-art/el20/el20-19-subname.webp') left top/100% 100% no-repeat !important;} /* meta column */ .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-doc-title{grid-row:1 !important;grid-column:5/7 !important;justify-self:start !important;margin:calc(var(--k)*38.5) 0 0 calc(var(--k)*28.4) !important;padding:0 !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*9.6) !important;line-height:calc(var(--k)*12) !important;font-weight:500 !important;letter-spacing:.42em !important;text-transform:uppercase !important;color:#232A33 !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-doc-num{grid-row:2 !important;grid-column:5/7 !important;justify-self:start !important;max-width:calc(var(--k)*172) !important;margin:calc(var(--k)*2) 0 calc(var(--k)*14) calc(var(--k)*27.4) !important;padding:0 !important;font-size:calc(var(--k)*29.5) !important;line-height:1.08 !important;font-weight:800 !important;letter-spacing:-0.01em !important;color:#000001 !important;opacity:1 !important;text-align:left !important;white-space:normal !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-doc-num::before{content:"#" !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-detail-row{grid-column:5/7 !important;justify-self:start !important;display:grid !important;grid-template-columns:calc(var(--k)*73) auto !important;justify-content:start !important;align-items:center !important;gap:0 !important;width:auto !important;max-width:none !important;margin:0 0 0 calc(var(--k)*28.4) !important;padding:0 !important;border:0 !important;min-height:calc(var(--k)*20.9) !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-details>.inv-detail-row:nth-child(2){grid-row:3 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-details>.inv-detail-row:nth-child(3){grid-row:4 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-details>.inv-detail-row:nth-child(4){grid-row:5 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-details>.inv-detail-row:nth-child(5){grid-row:6 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-details>.inv-detail-row:nth-child(n+6){grid-row:7 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-detail-row span{text-align:left !important;font-size:calc(var(--k)*7.9) !important;font-weight:500 !important;letter-spacing:.22em !important;text-transform:uppercase !important;color:#454E56 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-detail-row b{text-align:left !important;font-size:calc(var(--k)*11) !important;font-weight:400 !important;color:#3B4045 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-details .inv-label{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-doc-po{grid-row:7 !important;grid-column:5/7 !important;justify-self:start !important;display:grid !important;grid-template-columns:calc(var(--k)*73) auto !important;justify-content:start !important;align-items:center !important;width:auto !important;margin:0 0 0 calc(var(--k)*28.4) !important;min-height:calc(var(--k)*20.9) !important;font-size:calc(var(--k)*11) !important;color:#3B4045 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-doc-po .inv-lbl{font-size:calc(var(--k)*7.9) !important;font-weight:500 !important;letter-spacing:.22em !important;text-transform:uppercase !important;color:#454E56 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal:has(.inv-detail-row:nth-child(6)) .inv-doc-po{grid-row:8 !important;margin-top:calc(var(--k)*-41) !important;} /* bill to / service address / slogan */ .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-bill-to{grid-row:8 !important;grid-column:2/4 !important;position:relative !important;width:auto !important;max-width:calc(var(--k)*280) !important;flex:none !important;margin:calc(var(--k)*42) 0 0 calc(var(--k)*10.1) !important;padding:0 !important;background:none !important;border:0 !important;font-size:calc(var(--k)*12) !important;line-height:calc(var(--k)*18.7) !important;color:#333D49 !important;text-align:left !important;min-width:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-bill-to .inv-label,.invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-shipping::before{display:block !important;margin:0 0 calc(var(--k)*6) !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*7.9) !important;line-height:calc(var(--k)*10) !important;font-weight:500 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#4E5964 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-client-name{font-size:calc(var(--k)*13.6) !important;line-height:calc(var(--k)*18.7) !important;font-weight:700 !important;color:#000107 !important;margin:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-bill-to div:not(.inv-label):not(.inv-client-name){font-size:calc(var(--k)*12) !important;line-height:calc(var(--k)*18.7) !important;color:#333D49 !important;opacity:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-shipping{position:absolute !important;left:calc(var(--k)*279.4) !important;top:0 !important;width:calc(var(--k)*200) !important;margin:0 !important;font-size:calc(var(--k)*12) !important;line-height:calc(var(--k)*18.7) !important;color:#3C454E !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-shipping::before{content:"Service address" !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-shipping .inv-label-inline{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-parties::after{content:"" !important;grid-row:8 !important;grid-column:5/7 !important;justify-self:start !important;align-self:start !important;width:calc(var(--k)*178.5) !important;height:calc(var(--k)*67.7) !important;margin:calc(var(--k)*40.3) 0 0 calc(var(--k)*-0.4) !important;background:url('/assets/tpl-art/el20/el20-19-slogan.webp') left top/100% 100% no-repeat !important;} /* pricing list */ .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table{grid-row:9 !important;grid-column:2/7 !important;width:100% !important;margin:calc(var(--k)*45) 0 0 !important;border-collapse:collapse !important;border:0 !important;font-family:var(--font-sans) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table thead th{height:calc(var(--k)*28) !important;padding:0 0 calc(var(--k)*9.5) !important;background:none !important;border:0 !important;border-bottom:calc(var(--k)*1.2) solid #868B91 !important;font-size:calc(var(--k)*8.3) !important;font-weight:500 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#444E5B !important;text-align:right !important;vertical-align:bottom !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table thead th:first-child{text-align:left !important;padding-left:calc(var(--k)*10.1) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table thead th:nth-child(2){width:calc(var(--k)*70) !important;text-align:center !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table thead th:nth-child(3){width:calc(var(--k)*107) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table thead th:last-child{width:calc(var(--k)*146) !important;padding-right:calc(var(--k)*10.8) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table tbody td{height:calc(var(--k)*35.3) !important;padding:0 !important;border:0 !important;background:none !important;font-size:calc(var(--k)*12.4) !important;line-height:calc(var(--k)*16) !important;font-weight:400 !important;color:#252C35 !important;text-align:right !important;vertical-align:middle !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table tbody tr[data-row="0"] td{padding-top:calc(var(--k)*5) !important;height:calc(var(--k)*40) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table tbody td.td-desc{text-align:left !important;padding-left:calc(var(--k)*10.1) !important;padding-right:calc(var(--k)*12) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table tbody td:nth-child(2){text-align:center !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table tbody td.td-amt,.invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table tbody td:last-child{padding-right:calc(var(--k)*10.8) !important;font-weight:400 !important;color:#1D242D !important;} /* notes | totals */ .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-footer-note,.invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-notes{grid-row:10 !important;grid-column:2/4 !important;align-self:start !important;max-width:calc(var(--k)*300) !important;margin:calc(var(--k)*52) 0 0 calc(var(--k)*10.1) !important;padding:0 !important;background:none !important;border:0 !important;border-radius:0 !important;font-size:calc(var(--k)*12) !important;line-height:calc(var(--k)*18) !important;font-style:normal !important;color:#3B414A !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-footer-note::before,.invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-payrow::before{content:"Notes" !important;display:block !important;margin:0 0 calc(var(--k)*6.5) !important;font-size:calc(var(--k)*7.9) !important;line-height:calc(var(--k)*10) !important;font-weight:500 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#474F59 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-notes div:not(.inv-label){font-size:calc(var(--k)*12) !important;line-height:calc(var(--k)*18) !important;color:#3B414A !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal:has(.inv-notes) .inv-footer-note{grid-row:14 !important;margin-top:calc(var(--k)*20) !important;font-size:calc(var(--k)*10.4) !important;line-height:calc(var(--k)*15) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal:has(.inv-notes) .inv-footer-note::before{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-totals{grid-row:10 !important;grid-column:4/7 !important;align-self:start !important;width:auto !important;margin:calc(var(--k)*52) 0 0 calc(var(--k)*0.7) !important;padding:0 calc(var(--k)*10.8) 0 calc(var(--k)*36) !important;min-height:calc(var(--k)*111.6) !important;box-sizing:border-box !important;background:none !important;border:0 !important;border-left:calc(var(--k)*1) solid #545659 !important;border-radius:0 !important;display:flex !important;flex-direction:column !important;font-family:var(--font-sans) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-totals>div{display:flex !important;justify-content:space-between !important;align-items:center !important;min-height:calc(var(--k)*25.2) !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;font-size:calc(var(--k)*13) !important;color:#202830 !important;text-transform:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-totals>div span{font-size:calc(var(--k)*7.9) !important;font-weight:500 !important;letter-spacing:.22em !important;text-transform:uppercase !important;color:#555E6A !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-totals>div b{font-size:calc(var(--k)*13) !important;font-weight:400 !important;color:#202830 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-totals>.inv-total-grand{align-items:flex-start !important;margin:calc(var(--k)*10) 0 0 !important;padding:calc(var(--k)*14) 0 0 !important;border-top:calc(var(--k)*1.2) solid #B0B3B6 !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-totals>.inv-total-grand span{margin-top:calc(var(--k)*2) !important;font-size:calc(var(--k)*8.6) !important;font-weight:600 !important;letter-spacing:.3em !important;color:#202830 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-totals>.inv-total-grand b{margin-top:calc(var(--k)*10) !important;font-size:calc(var(--k)*23.8) !important;line-height:1 !important;font-weight:800 !important;letter-spacing:-0.01em !important;color:#000002 !important;} /* terms, payment, thank you */ .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-terms{grid-row:11 !important;grid-column:2/4 !important;align-self:start !important;max-width:calc(var(--k)*300) !important;margin:calc(var(--k)*30) 0 0 calc(var(--k)*10.1) !important;padding:0 !important;background:none !important;border:0 !important;border-radius:0 !important;font-size:calc(var(--k)*12) !important;line-height:calc(var(--k)*18) !important;color:#3A414B !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-notes .inv-label,.invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-terms .inv-label{display:block !important;margin:0 0 calc(var(--k)*6.5) !important;font-size:calc(var(--k)*7.9) !important;line-height:calc(var(--k)*10) !important;font-weight:500 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#474F59 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-terms div:not(.inv-label){font-size:calc(var(--k)*12) !important;line-height:calc(var(--k)*18) !important;color:#3A414B !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-body>div[data-f="payment.methods"]{grid-row:12 !important;grid-column:2/4 !important;margin:calc(var(--k)*18) 0 0 calc(var(--k)*10.1) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-body>div[data-f="payment.methods"]:empty{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .pm-doc-h{font-size:calc(var(--k)*7.9) !important;font-weight:500 !important;letter-spacing:.24em !important;color:#505862 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .pm-doc-card{border-color:#D5D7DA !important;background:#FFFFFF !important;border-radius:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-payrow{grid-row:13 !important;grid-column:2/4 !important;display:block !important;margin:calc(var(--k)*18) 0 0 calc(var(--k)*10.1) !important;padding:0 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-payrow::before{content:"Payment instructions" !important;color:#505862 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-bank{margin:0 !important;padding:0 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-bank div{font-size:calc(var(--k)*12) !important;line-height:calc(var(--k)*16.6) !important;color:#3A414B !important;font-style:normal !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-head-right::before{content:"" !important;grid-row:11/14 !important;grid-column:4/7 !important;align-self:start !important;justify-self:start !important;width:calc(var(--k)*162.7) !important;height:calc(var(--k)*90.7) !important;margin:calc(var(--k)*30) 0 0 calc(var(--k)*76) !important;background:url('/assets/tpl-art/el20/el20-19-thankyou.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-photos{grid-row:14 !important;grid-column:2/7 !important;margin:calc(var(--k)*18) 0 0 !important;padding:0 calc(var(--k)*10) !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-signature-row{grid-row:14 !important;grid-column:4/7 !important;justify-self:end !important;width:calc(var(--k)*200) !important;margin:calc(var(--k)*24) calc(var(--k)*10) 0 0 !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .sig-line{background:#868B91 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .sig-caption{font-size:calc(var(--k)*7.9) !important;letter-spacing:.22em !important;text-transform:uppercase !important;color:#505862 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-powered{grid-row:15 !important;grid-column:2/7 !important;margin:calc(var(--k)*14) 0 0 !important;text-align:center !important;font-size:calc(var(--k)*7.5) !important;letter-spacing:.22em !important;text-transform:uppercase !important;color:#8A9098 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-powered a{color:inherit !important;} /* footer */ .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-head::after{content:"" !important;grid-row:17 !important;grid-column:1/-1 !important;height:calc(var(--k)*1) !important;margin:calc(var(--k)*22) calc(var(--k)*47.5) 0 calc(var(--k)*41.8) !important;background:#6F747B !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-biz-contact{grid-row:18 !important;grid-column:2/5 !important;align-self:center !important;display:flex !important;flex-wrap:wrap !important;align-items:center !important;row-gap:calc(var(--k)*4) !important;margin:calc(var(--k)*14) 0 0 calc(var(--k)*5) !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-biz-contact>div{margin:0 !important;padding:0 calc(var(--k)*11) !important;border:0 !important;border-left:calc(var(--k)*1) solid #6B7480 !important;border-radius:0 !important;font-size:calc(var(--k)*7.6) !important;line-height:calc(var(--k)*9) !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#6B7480 !important;opacity:1 !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-biz-contact>div:nth-child(2){order:1 !important;padding-left:0 !important;border-left:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-biz-contact>div:nth-child(1){order:2 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-biz-contact>div:nth-child(3){order:3 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-head-right::after{content:"" !important;grid-row:18/20 !important;grid-column:5/7 !important;align-self:start !important;justify-self:start !important;width:calc(var(--k)*168.5) !important;height:calc(var(--k)*38.9) !important;margin:calc(var(--k)*10) 0 calc(var(--k)*14) calc(var(--k)*5) !important;background:url('/assets/tpl-art/el20/el20-19-wired.webp') left top/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-biz-address{grid-row:19 !important;grid-column:2/5 !important;margin:calc(var(--k)*6) 0 calc(var(--k)*14) calc(var(--k)*5) !important;max-width:calc(var(--k)*440) !important;font-size:calc(var(--k)*7.6) !important;line-height:calc(var(--k)*10) !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#6B7480 !important;opacity:1 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-biz-tax{grid-row:19 !important;grid-column:2/5 !important;align-self:end !important;margin:0 0 calc(var(--k)*2) calc(var(--k)*5) !important;font-size:calc(var(--k)*7.6) !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#6B7480 !important;opacity:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal:has(.inv-biz-tax) .inv-biz-address{margin-bottom:calc(var(--k)*16) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table tbody td:not(.td-desc){padding-left:calc(var(--k)*8) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table:has(thead th:nth-child(6)) thead th:nth-child(4),.invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table:has(thead th:nth-child(6)) thead th:nth-child(5){width:calc(var(--k)*48) !important;padding-left:calc(var(--k)*8) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table:has(thead th:nth-child(6)) thead th:nth-child(3){width:calc(var(--k)*96) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-19-ultraminimal).tmpl-el20-19-ultraminimal .inv-table:has(thead th:nth-child(6)) thead th:last-child{width:calc(var(--k)*110) !important;} /* ============================= EL-20: el20-20-badgestrip (BeaconVolt Badge And Feature Strip) ============================= Badge ring lettering (mockup business name, EST./year) lifted by masking the ring annulus; the categories line is the reference's own pixels with its "RESIDERTIAL" typo repaired by moving the N glyph from INDUSTRIAL. The grand total is the centered TOTAL DUE badge (the reference also repeats it as a "Total" list row; the generator has one grand-total element, so it prints once, in the badge). */ .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip{--k:calc(100cqw / 794) !important;container-type:inline-size !important;background:#FFFFFF !important;color:#2D3E54 !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.627% 40.176% 3.174% 26.65% 2.066% 20.705% 1fr !important;grid-template-rows:repeat(18,auto) minmax(0,1fr) auto !important;border:0 !important;box-shadow:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-head,.invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-head-left,.invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-head-right,.invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-body,.invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-parties,.invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-details{display:contents !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .watermark{grid-area:1/1/-1/-1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-body::after{content:"" !important;grid-row:1/-1 !important;grid-column:1 !important;width:0 !important;height:calc(var(--k)*1026.7) !important;pointer-events:none !important;} /* brand row */ .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-head-left::before{content:"" !important;grid-row:1 !important;grid-column:2/3 !important;align-self:start !important;justify-self:start !important;width:calc(var(--k)*159.8) !important;height:calc(var(--k)*159.8) !important;margin:calc(var(--k)*17.3) 0 0 calc(var(--k)*18.7) !important;background:url('/assets/tpl-art/el20/el20-20-badge.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip:has(.inv-logo) .inv-head-left::before{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-logo{grid-row:1 !important;grid-column:2/3 !important;align-self:start !important;justify-self:start !important;max-width:calc(var(--k)*159.8) !important;max-height:calc(var(--k)*159.8) !important;width:auto !important;height:auto !important;object-fit:contain !important;margin:calc(var(--k)*17.3) 0 0 calc(var(--k)*18.7) !important;position:static !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-biz-name{grid-row:1 !important;grid-column:2/5 !important;justify-self:start !important;width:calc(var(--k)*329.8) !important;margin:calc(var(--k)*40.3) 0 calc(var(--k)*29.5) calc(var(--k)*203) !important;padding:0 !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*35.7) !important;font-weight:800 !important;line-height:1 !important;letter-spacing:-0.025em !important;text-transform:none !important;text-align:center !important;color:#001125 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-biz-name::before{content:"" !important;display:block !important;width:calc(var(--k)*332.6) !important;height:calc(var(--k)*17.3) !important;margin:0 calc(var(--k)*-1.4) calc(var(--k)*12.4) !important;background:url('/assets/tpl-art/el20/el20-20-tagline.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-biz-name::after{content:"" !important;display:block !important;width:calc(var(--k)*338.4) !important;height:calc(var(--k)*46.8) !important;margin:calc(var(--k)*2.3) calc(var(--k)*-4.3) 0 !important;background:url('/assets/tpl-art/el20/el20-20-categories.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-biz-contact{grid-row:1 !important;grid-column:5/8 !important;align-self:start !important;justify-self:start !important;display:flex !important;flex-direction:column !important;margin:calc(var(--k)*46) 0 0 calc(var(--k)*49) !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-biz-contact>div{position:relative !important;margin:0 !important;padding:0 !important;border:0 !important;font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*18.7) !important;letter-spacing:0 !important;text-transform:none !important;color:#21354B !important;opacity:1 !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-biz-contact>div:nth-child(2){order:1 !important;margin-bottom:calc(var(--k)*7.3) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-biz-contact>div:nth-child(1){order:2 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-biz-contact>div:nth-child(3){order:3 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-biz-contact>div:nth-child(1)::before,.invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-biz-contact>div:nth-child(2)::before{content:"" !important;position:absolute !important;left:calc(var(--k)*-33) !important;top:50% !important;width:calc(var(--k)*27.4) !important;height:calc(var(--k)*27.4) !important;transform:translateY(-50%) !important;background:url('/assets/tpl-art/el20/el20-20-icmail.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-biz-contact>div:nth-child(2)::before{background-image:url('/assets/tpl-art/el20/el20-20-icphone.webp') !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-biz-address{grid-row:1 !important;grid-column:5/8 !important;align-self:start !important;justify-self:start !important;position:relative !important;max-width:calc(var(--k)*160) !important;margin:calc(var(--k)*115.6) 0 0 calc(var(--k)*49) !important;font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*16) !important;letter-spacing:0 !important;text-transform:none !important;color:#21354B !important;opacity:1 !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-biz-address::before{content:"" !important;position:absolute !important;left:calc(var(--k)*-33) !important;top:calc(var(--k)*-4) !important;width:calc(var(--k)*27.4) !important;height:calc(var(--k)*27.4) !important;background:url('/assets/tpl-art/el20/el20-20-icpin.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-biz-tax{grid-row:1 !important;grid-column:5/8 !important;align-self:end !important;margin:0 0 calc(var(--k)*8) calc(var(--k)*49) !important;font-size:calc(var(--k)*9.4) !important;color:#48566A !important;opacity:1 !important;} /* feature strip */ .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-head-left::after{content:"" !important;grid-row:2 !important;grid-column:1/-1 !important;height:calc(var(--k)*64.1) !important;background:url('/assets/tpl-art/el20/el20-20-strip.webp') left top/100% 100% no-repeat !important;} /* INVOICE + meta */ .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-doc-title{grid-row:3/9 !important;grid-column:2/3 !important;align-self:start !important;justify-self:start !important;margin:calc(var(--k)*20.5) 0 0 calc(var(--k)*15.8) !important;padding:0 !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*35.6) !important;line-height:1 !important;font-weight:800 !important;letter-spacing:.02em !important;text-transform:uppercase !important;color:#000D23 !important;background:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-doc-num,.invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-detail-row,.invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-doc-po{grid-column:4/8 !important;justify-self:start !important;display:grid !important;grid-template-columns:calc(var(--k)*96.4) auto !important;justify-content:start !important;justify-items:start !important;align-items:center !important;gap:0 !important;width:auto !important;max-width:none !important;margin:0 0 0 calc(var(--k)*176.4) !important;padding:0 !important;border:0 !important;min-height:calc(var(--k)*15.8) !important;background:none !important;font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*15.8) !important;font-weight:400 !important;letter-spacing:0 !important;color:#293950 !important;opacity:1 !important;text-align:left !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-doc-num{grid-row:3 !important;margin-top:calc(var(--k)*14.4) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-doc-num::before{content:"Number" !important;font-size:calc(var(--k)*11.2) !important;font-weight:700 !important;color:#03102B !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-detail-row span,.invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-doc-po .inv-lbl{text-align:left !important;font-size:calc(var(--k)*11.2) !important;font-weight:700 !important;letter-spacing:0 !important;text-transform:capitalize !important;color:#03102B !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-detail-row b{text-align:left !important;font-size:calc(var(--k)*11.5) !important;font-weight:400 !important;color:#293950 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-details>.inv-detail-row:nth-child(2){grid-row:4 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-details>.inv-detail-row:nth-child(3){grid-row:5 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-details>.inv-detail-row:nth-child(4){grid-row:6 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-details>.inv-detail-row:nth-child(5){grid-row:7 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-details>.inv-detail-row:nth-child(n+6),.invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-doc-po{grid-row:8 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip:has(.inv-detail-row:nth-child(6)) .inv-doc-po{margin-top:calc(var(--k)*15.8) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-details .inv-label{display:none !important;} /* parties */ .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-parties::before{content:"" !important;grid-row:9 !important;grid-column:2/7 !important;align-self:start !important;height:calc(var(--k)*1.2) !important;margin:calc(var(--k)*12) calc(var(--k)*12.3) 0 calc(var(--k)*13) !important;background:#93A6B2 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-bill-to{grid-row:9 !important;grid-column:2/5 !important;position:relative !important;width:auto !important;max-width:calc(var(--k)*300) !important;flex:none !important;margin:calc(var(--k)*29) 0 0 calc(var(--k)*53.2) !important;padding:0 !important;background:none !important;border:0 !important;font-size:calc(var(--k)*11.8) !important;line-height:calc(var(--k)*16.2) !important;color:#2D3E54 !important;text-align:left !important;min-width:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-bill-to::before{content:"" !important;position:absolute !important;left:calc(var(--k)*-41.7) !important;top:calc(var(--k)*-8.6) !important;width:calc(var(--k)*34.6) !important;height:calc(var(--k)*34.6) !important;background:url('/assets/tpl-art/el20/el20-20-icbill.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-bill-to .inv-label,.invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-shipping::before{display:block !important;margin:0 0 calc(var(--k)*6) !important;font-family:var(--font-sans) !important;font-size:calc(var(--k)*10.8) !important;line-height:calc(var(--k)*14) !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#000C25 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-client-name{font-size:calc(var(--k)*11.8) !important;line-height:calc(var(--k)*16.2) !important;font-weight:700 !important;color:#030E27 !important;margin:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-bill-to div:not(.inv-label):not(.inv-client-name){font-size:calc(var(--k)*11.8) !important;line-height:calc(var(--k)*16.2) !important;color:#2D3E54 !important;opacity:1 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-shipping{position:absolute !important;left:calc(var(--k)*375) !important;top:0 !important;width:calc(var(--k)*200) !important;margin:0 !important;font-size:calc(var(--k)*11.8) !important;line-height:calc(var(--k)*16.2) !important;color:#2D3E54 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-shipping::before{content:"Service location" !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-shipping::after{content:"" !important;position:absolute !important;left:calc(var(--k)*-41.7) !important;top:calc(var(--k)*-8.6) !important;width:calc(var(--k)*34.6) !important;height:calc(var(--k)*34.6) !important;background:url('/assets/tpl-art/el20/el20-20-icloc.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-shipping .inv-label-inline{display:none !important;} /* items */ .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-table{grid-row:10 !important;grid-column:2/7 !important;width:auto !important;margin:calc(var(--k)*27) calc(var(--k)*7.4) 0 calc(var(--k)*7.2) !important;border-collapse:separate !important;border-spacing:0 !important;border:calc(var(--k)*1) solid #E3E8EE !important;border-radius:calc(var(--k)*4) calc(var(--k)*4) 0 0 !important;overflow:hidden !important;counter-reset:el20row !important;font-family:var(--font-sans) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-table thead th{position:relative !important;height:calc(var(--k)*26.6) !important;padding:0 calc(var(--k)*13) !important;background:#E4ECF0 !important;border:0 !important;font-size:calc(var(--k)*10.4) !important;font-weight:700 !important;letter-spacing:.03em !important;text-transform:uppercase !important;color:#1D2A3C !important;text-align:center !important;vertical-align:middle !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-table thead th:first-child{text-align:left !important;padding-left:calc(var(--k)*55.5) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .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)*41.8) !important;display:flex !important;align-items:center !important;justify-content:center !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-table thead th:nth-child(2){width:calc(var(--k)*89.3) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-table thead th:nth-child(3){width:calc(var(--k)*99.4) !important;text-align:right !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-table thead th:last-child{width:calc(var(--k)*134.6) !important;text-align:right !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-table tbody tr[data-row]{counter-increment:el20row !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-table tbody td{height:calc(var(--k)*25.9) !important;padding:calc(var(--k)*2) calc(var(--k)*13) !important;border:0 !important;border-bottom:calc(var(--k)*1) solid #E3E8EE !important;font-size:calc(var(--k)*11.5) !important;line-height:calc(var(--k)*14) !important;font-weight:400 !important;color:#363C46 !important;text-align:right !important;vertical-align:middle !important;background:#FFFFFF !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-table tbody td+td{border-left:calc(var(--k)*1) solid #E3E8EE !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-table tbody td:nth-child(2){text-align:center !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-table tbody td.td-desc{position:relative !important;text-align:left !important;padding-left:calc(var(--k)*55.5) !important;background:#FFFFFF linear-gradient(#E3E8EE,#E3E8EE) calc(var(--k)*41.8) 0/calc(var(--k)*1) 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-table tbody tr[data-row] td.td-desc::before{content:counter(el20row) !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:calc(var(--k)*41.8) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#363C46 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-table tbody td.td-amt,.invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-table tbody td:last-child{font-weight:400 !important;color:#2C384F !important;} /* totals list + TOTAL DUE badge */ .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-totals{grid-row:11 !important;grid-column:2/7 !important;width:auto !important;margin:calc(var(--k)*6) 0 0 !important;padding:0 calc(var(--k)*8) 0 0 !important;background:none !important;border:0 !important;border-radius:0 !important;display:grid !important;grid-template-columns:1fr calc(var(--k)*237.6) !important;font-family:var(--font-sans) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-totals>div{grid-column:2 !important;display:flex !important;justify-content:space-between !important;align-items:center !important;min-height:calc(var(--k)*21.6) !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;font-size:calc(var(--k)*11.5) !important;color:#243450 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-totals>div span{font-size:calc(var(--k)*11.5) !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;color:#040F2A !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-totals>div b{font-size:calc(var(--k)*11.5) !important;font-weight:400 !important;color:#243450 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-totals>div:has(+ .inv-total-grand){border-bottom:calc(var(--k)*1.2) solid #889CA9 !important;padding-bottom:calc(var(--k)*3) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-totals>.inv-total-grand{grid-column:1/-1 !important;justify-self:center !important;display:grid !important;grid-template-columns:calc(var(--k)*109) auto !important;grid-template-rows:auto auto !important;align-content:center !important;width:auto !important;min-width:calc(var(--k)*326) !important;height:calc(var(--k)*87.8) !important;box-sizing:border-box !important;margin:calc(var(--k)*31) 0 0 calc(var(--k)*8) !important;padding:0 calc(var(--k)*26) 0 0 !important;border:calc(var(--k)*2.2) solid #071E38 !important;border-radius:calc(var(--k)*6) !important;background:#FFFFFF !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-totals>.inv-total-grand::before{content:"" !important;grid-column:1 !important;grid-row:1/3 !important;align-self:center !important;justify-self:start !important;width:calc(var(--k)*47.5) !important;height:calc(var(--k)*54.7) !important;margin-left:calc(var(--k)*36) !important;background:url('/assets/tpl-art/el20/el20-20-bolt.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-totals>.inv-total-grand span{grid-column:2 !important;grid-row:1 !important;font-size:calc(var(--k)*9.4) !important;line-height:calc(var(--k)*12) !important;font-weight:700 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#030F29 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-totals>.inv-total-grand b{grid-column:2 !important;grid-row:2 !important;margin-top:calc(var(--k)*2) !important;font-size:calc(var(--k)*37) !important;line-height:1 !important;font-weight:800 !important;letter-spacing:-0.01em !important;color:#000F24 !important;white-space:nowrap !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-totals>.inv-deposit{grid-column:1/-1 !important;justify-self:center !important;width:calc(var(--k)*326) !important;margin-top:calc(var(--k)*6) !important;font-size:calc(var(--k)*10.4) !important;} /* bottom row: payment methods | notes | signature */ .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-head::before{content:"" !important;grid-row:12 !important;grid-column:2/7 !important;height:calc(var(--k)*1.2) !important;margin:calc(var(--k)*20) 0 0 !important;background:#95A4AF !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-body::before{content:"Payment methods" !important;grid-row:13 !important;grid-column:2/3 !important;align-self:start !important;margin:calc(var(--k)*19.4) 0 0 !important;padding:0 0 0 calc(var(--k)*37.4) !important;font-size:calc(var(--k)*9.4) !important;line-height:calc(var(--k)*24.5) !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#081832 !important;background:url('/assets/tpl-art/el20/el20-20-icpay.webp') left center/calc(var(--k)*33.1) calc(var(--k)*24.5) no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-parties::after{content:"Notes" !important;grid-row:13 !important;grid-column:4/5 !important;align-self:start !important;margin:calc(var(--k)*18) 0 0 calc(var(--k)*-1.5) !important;padding:0 0 0 calc(var(--k)*36) !important;font-size:calc(var(--k)*9.4) !important;line-height:calc(var(--k)*30.2) !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#081832 !important;background:url('/assets/tpl-art/el20/el20-20-icnotes.webp') left center/calc(var(--k)*27.4) calc(var(--k)*30.2) no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-head-right::before{content:"" !important;grid-row:13/17 !important;grid-column:3/4 !important;justify-self:start !important;width:calc(var(--k)*1) !important;margin:calc(var(--k)*25) 0 calc(var(--k)*12) !important;background:#A7AFB7 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-head-right::after{content:"" !important;grid-row:13/17 !important;grid-column:5/6 !important;justify-self:start !important;width:calc(var(--k)*1) !important;margin:calc(var(--k)*25) 0 calc(var(--k)*12) calc(var(--k)*2.2) !important;background:#A7AFB7 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-body>div[data-f="payment.methods"]{grid-row:14 !important;grid-column:2/3 !important;margin:calc(var(--k)*6) calc(var(--k)*12) 0 calc(var(--k)*37.4) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-body>div[data-f="payment.methods"]:empty{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .pm-doc{margin:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .pm-doc-h{display:none !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .pm-doc-card{border-color:#E3E8EE !important;background:#FFFFFF !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-payrow{grid-row:15 !important;grid-column:2/3 !important;display:block !important;margin:calc(var(--k)*6) calc(var(--k)*12) 0 calc(var(--k)*37.4) !important;padding:0 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-bank{margin:0 !important;padding:0 !important;background:none !important;border:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-bank div{font-size:calc(var(--k)*9.4) !important;line-height:calc(var(--k)*12.6) !important;color:#48566A !important;font-style:normal !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-footer-note{grid-row:14 !important;grid-column:4/5 !important;margin:calc(var(--k)*4) calc(var(--k)*8) 0 calc(var(--k)*35.3) !important;padding:0 !important;font-size:calc(var(--k)*8.8) !important;line-height:calc(var(--k)*12) !important;font-style:normal !important;color:#5A607B !important;text-align:left !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-notes{grid-row:15 !important;grid-column:4/5 !important;margin:calc(var(--k)*6) calc(var(--k)*8) 0 calc(var(--k)*35.3) !important;padding:0 !important;background:none !important;border:0 !important;border-radius:0 !important;font-size:calc(var(--k)*8.8) !important;line-height:calc(var(--k)*12) !important;color:#5A607B !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-notes .inv-label,.invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-terms .inv-label{margin:0 0 calc(var(--k)*2) !important;font-size:calc(var(--k)*8) !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#081832 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-notes div:not(.inv-label),.invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-terms div:not(.inv-label){font-size:calc(var(--k)*8.8) !important;line-height:calc(var(--k)*12) !important;color:#5A607B !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-terms{grid-row:16 !important;grid-column:4/5 !important;margin:calc(var(--k)*6) calc(var(--k)*8) 0 calc(var(--k)*35.3) !important;padding:0 !important;background:none !important;border:0 !important;border-radius:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-signature-row{grid-row:13/17 !important;grid-column:6/7 !important;align-self:start !important;margin:calc(var(--k)*20) 0 0 calc(var(--k)*14.4) !important;padding:0 !important;width:auto !important;min-width:0 !important;overflow:hidden !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-signature{width:100% !important;min-width:0 !important;text-align:center !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .sig-render{max-width:100% !important;font-size:calc(var(--k)*24) !important;line-height:1.3 !important;white-space:nowrap !important;overflow:hidden !important;text-align:center !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .sig-render img{max-width:100% !important;max-height:calc(var(--k)*44) !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .sig-line{background:#182940 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .sig-caption{font-size:calc(var(--k)*7.9) !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#182940 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-photos{grid-row:17 !important;grid-column:2/7 !important;margin:calc(var(--k)*12) 0 0 !important;padding:0 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-powered{grid-row:18 !important;grid-column:2/7 !important;margin:calc(var(--k)*12) 0 0 !important;text-align:center !important;font-size:calc(var(--k)*7.5) !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#8A97A6 !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-powered a{color:inherit !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip .inv-details::before{content:"" !important;grid-row:20 !important;grid-column:1/-1 !important;justify-self:center !important;width:calc(var(--k)*516.9) !important;height:calc(var(--k)*21.6) !important;margin:calc(var(--k)*10) 0 calc(var(--k)*22.3) !important;background:url('/assets/tpl-art/el20/el20-20-footer.webp') center/100% 100% no-repeat !important;} .invoice-preview:is(#invoicePreview,.tmpl-el20-20-badgestrip).tmpl-el20-20-badgestrip:not(:has(.pm-doc)) .inv-payrow{grid-row:14 !important;}