/* PH-20 batch 5: 4 photographer designs (ph20- prefix), rebuilt pixel-for-pixel from the owner's real
   InvoiceTools_Photographer_20_Claude_Handoff_Package/TEMPLATES_PNG/PH-17..PH-20.png onto invoice-generator's DOM.
   PH-17 -> ph20-17-blushbloom   PH-18 -> ph20-18-archvow   PH-19 -> ph20-19-studiohero   PH-20 -> ph20-20-nightframe
   Every photo, script lettering, icon and decorative tagline is a real crop cut from the reference PNG itself
   (site/assets/tpl-art/ph20/p17-* .. p20-*, cut by Pillow at the exact pixel box; mockup text that is business
   data - the sample names, monograms, contact details, invoice figures - was lifted out with cv2 inpainting so
   the live fields print in the same place). Sheet scale: 794px sheet = 1103px reference (x0.72).
   Every declaration !important per project convention. No data-uri SVG anywhere in this file. */

/* ============================= PH-17: ph20-17-blushbloom ============================= */
.invoice-preview.tmpl-ph20-17-blushbloom{background:#FFFFFF !important;color:#262223 !important;font-family:var(--font-serif) !important;position:relative !important;isolation:isolate !important;overflow:hidden !important;}
.invoice-preview.tmpl-ph20-17-blushbloom::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:-1 !important;pointer-events:none !important;background:
   url('/assets/tpl-art/ph20/p17-hero.webp') left 21.6px top 12.2px/186.5px 240.5px no-repeat,
   url('/assets/tpl-art/ph20/p17-tag-right.webp') left 668.2px top 17.3px/95px 99.4px no-repeat,
   linear-gradient(#D6CBC9,#D6CBC9) left 28.8px bottom 62.3px/740px 1px no-repeat,
   url('/assets/tpl-art/ph20/p17-footer-cats.webp') left 195.8px bottom 40.3px/383px 14.4px no-repeat,
   url('/assets/tpl-art/ph20/p17-xo.webp') right 13.7px bottom 15.8px/128.9px 35.3px no-repeat !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-head{display:block !important;position:static !important;height:auto !important;min-height:273.6px !important;padding:0 !important;margin:0 !important;border:0 !important;background:transparent !important;text-align:center !important;overflow:visible !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-head-left{position:static !important;max-width:420px !important;margin:0 auto !important;padding-top:86px !important;text-align:center !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-logo{position:absolute !important;top:9px !important;left:50% !important;transform:translateX(-50%) !important;max-height:68px !important;max-width:200px !important;margin:0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-biz-name{font-family:var(--font-serif) !important;font-size:25.6px !important;font-weight:400 !important;line-height:1.15 !important;letter-spacing:.19em !important;text-transform:uppercase !important;color:#4A3834 !important;margin:0 -10px 0 0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-biz-name::after{content:"" !important;display:block !important;width:303.8px !important;height:57.6px !important;margin:6px auto 0 !important;background:url('/assets/tpl-art/ph20/p17-subname.webp') center/100% 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-biz-contact{position:absolute !important;left:0 !important;right:0 !important;bottom:22px !important;display:flex !important;justify-content:center !important;align-items:center !important;margin:0 !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-biz-contact>div{font-family:var(--font-serif) !important;font-size:8.6px !important;line-height:1 !important;letter-spacing:.3em !important;text-transform:uppercase !important;color:#5C5352 !important;opacity:1 !important;padding:0 11px !important;border-left:1px solid #B7ADAB !important;border-radius:0 !important;margin:0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-biz-contact>div:first-child{border-left:0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-biz-address{position:absolute !important;left:0 !important;right:0 !important;bottom:6px !important;margin:0 auto !important;max-width:none !important;text-align:center !important;font-size:7.6px !important;line-height:1 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#7A6F6D !important;opacity:1 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-biz-tax{font-size:9px !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#7A6F6D !important;opacity:1 !important;margin-top:2px !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-head-right{display:block !important;position:relative !important;text-align:center !important;margin:3px 0 0 !important;padding:0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-doc-title{font-family:var(--font-serif) !important;font-size:34px !important;font-weight:400 !important;line-height:1.1 !important;letter-spacing:.13em !important;text-transform:uppercase !important;color:#1C1819 !important;margin:0 -.13em 0 0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-head-right::after{content:"" !important;display:block !important;width:341.3px !important;height:38.9px !important;margin:3px auto 0 !important;background:url('/assets/tpl-art/ph20/p17-thanks-line.webp') center/100% 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-doc-num{position:absolute !important;top:calc(100% + 49.2px) !important;left:306.7px !important;display:flex !important;text-align:left !important;white-space:nowrap !important;font-family:var(--font-serif) !important;font-size:12.2px !important;line-height:17.6px !important;letter-spacing:0 !important;text-transform:none !important;color:#262223 !important;opacity:1 !important;margin:0 !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-doc-num::before{content:"Number" !important;width:86px !important;flex:none !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-doc-po{font-size:10px !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#7A6F6D !important;opacity:1 !important;margin-top:2px !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-body{display:grid !important;grid-template-columns:310px 1fr 254px !important;align-items:start !important;padding:0 19.5px 112px 22px !important;position:static !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-body>*{grid-column:1/-1 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-parties{grid-row:1 !important;display:flex !important;flex-wrap:nowrap !important;gap:11.5px !important;align-items:stretch !important;margin:0 0 12.8px !important;padding:0 !important;border:0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-bill-to,
.invoice-preview.tmpl-ph20-17-blushbloom .inv-details{background:#F6F0F0 !important;border-radius:10px !important;min-height:144px !important;padding:16px 16px 14px 20.2px !important;text-align:left !important;min-width:0 !important;max-width:none !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-bill-to{flex:0 0 248.5px !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-details{flex:0 0 262px !important;padding-left:24.5px !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-parties::after{content:"" !important;flex:0 0 220px !important;height:146.9px !important;margin:-1px 0 0 !important;background:url('/assets/tpl-art/ph20/p17-card-more.webp') center/100% 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-label{font-family:var(--font-serif) !important;font-size:9.6px !important;font-weight:500 !important;letter-spacing:.34em !important;text-transform:uppercase !important;color:#313033 !important;margin:0 0 12px !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-details .inv-label{margin-bottom:29.6px !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-client-name{font-family:var(--font-serif) !important;font-size:12.2px !important;font-weight:600 !important;line-height:17.6px !important;color:#262223 !important;margin:0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-bill-to div:not(.inv-label){font-size:12.2px !important;line-height:17.6px !important;color:#3A3638 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-detail-row{display:flex !important;justify-content:flex-start !important;gap:0 !important;padding:0 !important;font-size:12.2px !important;line-height:17.6px !important;color:#3A3638 !important;border:0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-detail-row span{width:86px !important;flex:none !important;color:#3A3638 !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;font-size:12.2px !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-detail-row b{color:#262223 !important;font-weight:400 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table{grid-row:2 !important;width:100% !important;border-collapse:separate !important;border-spacing:0 !important;border:1px solid #E7DEDD !important;border-radius:9px !important;overflow:hidden !important;margin:0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table thead th{height:34px !important;padding:0 6px !important;background:#EFE4E3 !important;border-bottom:1px solid #E7DEDD !important;font-family:var(--font-serif) !important;font-size:9.6px !important;font-weight:500 !important;letter-spacing:.36em !important;text-transform:uppercase !important;color:#3A3638 !important;text-align:center !important;vertical-align:middle !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table thead th:first-child{text-align:left !important;padding-left:52.6px !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table thead th+th{border-left:1px solid #E7DEDD !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table thead th:nth-child(2){width:70px !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table thead th:nth-child(3){width:144px !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table thead th:last-child{width:132px !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table tbody td{height:65.5px !important;padding:0 6px !important;border-bottom:1px solid #EDE5E4 !important;font-family:var(--font-serif) !important;font-size:12.6px !important;color:#1F1C1E !important;text-align:center !important;vertical-align:middle !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table tbody td+td{border-left:1px solid #EDE5E4 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table tbody tr[data-row]:nth-last-child(2) td{border-bottom:0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table tbody td.td-amt{font-weight:400 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table tbody td.td-desc{position:relative !important;text-align:left !important;padding:8px 10px 8px 117px !important;font-size:12.3px !important;line-height:1.35 !important;color:#1F1C1E !important;font-weight:400 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table tbody td.td-desc::after{content:"" !important;position:absolute !important;left:10.8px !important;top:50% !important;transform:translateY(-50%) !important;width:92.2px !important;height:57.6px !important;background:url('/assets/tpl-art/ph20/p17-thumb-1.webp') center/100% 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table tbody tr[data-row]:nth-child(5n+2) td.td-desc::after{background-image:url('/assets/tpl-art/ph20/p17-thumb-2.webp') !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table tbody tr[data-row]:nth-child(5n+3) td.td-desc::after{background-image:url('/assets/tpl-art/ph20/p17-thumb-3.webp') !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table tbody tr[data-row]:nth-child(5n+4) td.td-desc::after{background-image:url('/assets/tpl-art/ph20/p17-thumb-4.webp') !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-table tbody tr[data-row]:nth-child(5n+5) td.td-desc::after{background-image:url('/assets/tpl-art/ph20/p17-thumb-5.webp') !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-payrow{grid-row:3 !important;grid-column:1/2 !important;display:block !important;margin:12.8px 0 0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-body::before{content:"" !important;grid-row:3 !important;grid-column:2/3 !important;justify-self:center !important;width:171.4px !important;height:141.1px !important;margin-top:11px !important;background:url('/assets/tpl-art/ph20/p17-thankyou.webp') center/100% 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-bank{background:#F8F5F4 !important;border-radius:10px !important;min-height:141.8px !important;padding:15px 20px 14px 20.2px !important;margin:0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-bank .inv-label{margin-bottom:12px !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-bank div{font-size:10.8px !important;line-height:1.75 !important;color:#262223 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-bank .inv-latefee{font-style:italic !important;color:#5D595A !important;font-size:10.4px !important;margin-top:6px !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-totals{grid-row:3 !important;grid-column:3/4 !important;width:254px !important;margin:12.8px 0 0 !important;padding:13px 0 0 !important;background:#FAF4F4 !important;border-radius:10px !important;overflow:hidden !important;min-height:131px !important;display:flex !important;flex-direction:column !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-totals>div{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:0 23px 0 21.6px !important;height:27px !important;font-family:var(--font-serif) !important;font-size:11.2px !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#262223 !important;border:0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-totals>div b{font-size:12.3px !important;font-weight:400 !important;letter-spacing:0 !important;color:#262223 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-totals>.inv-total-grand{margin-top:auto !important;height:51.8px !important;padding:0 23px 0 21.6px !important;background:#EDE1E0 !important;border-top:0 !important;font-size:12.6px !important;font-weight:400 !important;letter-spacing:.17em !important;color:#2A2526 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-totals>.inv-total-grand b{font-size:14px !important;font-weight:400 !important;letter-spacing:.02em !important;color:#1C1819 !important;font-family:var(--font-serif) !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-totals>.inv-deposit{height:auto !important;padding:6px 23px 8px 21.6px !important;font-size:10px !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-photos{grid-row:4 !important;margin:14px 0 0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-body>div[data-f="payment.methods"]{grid-row:5 !important;margin:14px 0 0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-notes{grid-row:6 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-terms{grid-row:7 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-notes,
.invoice-preview.tmpl-ph20-17-blushbloom .inv-terms{background:transparent !important;border-radius:0 !important;padding:0 !important;margin:14px 0 0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-notes .inv-label,
.invoice-preview.tmpl-ph20-17-blushbloom .inv-terms .inv-label{margin-bottom:5px !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-notes div,
.invoice-preview.tmpl-ph20-17-blushbloom .inv-terms div{font-size:10.6px !important;font-style:italic !important;line-height:1.6 !important;color:#5D595A !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-signature-row{grid-row:8 !important;margin:12px 0 0 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .sig-line{background:#CFC3C1 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .sig-caption{font-family:var(--font-serif) !important;letter-spacing:.3em !important;text-transform:uppercase !important;font-size:8.6px !important;color:#5D595A !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-footer-note{grid-row:9 !important;margin:12px 0 0 !important;font-family:var(--font-serif) !important;font-size:10.6px !important;font-style:italic !important;color:#5D595A !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-powered{grid-row:10 !important;margin:8px 0 0 !important;font-size:8.4px !important;letter-spacing:.24em !important;color:#8B8183 !important;}
.invoice-preview.tmpl-ph20-17-blushbloom .inv-powered a{color:inherit !important;}

/* ============================= PH-18: ph20-18-archvow ============================= */
.invoice-preview.tmpl-ph20-18-archvow{background:#FFFFFF !important;color:#1E1B18 !important;font-family:var(--font-serif) !important;position:relative !important;isolation:isolate !important;overflow:hidden !important;}
.invoice-preview.tmpl-ph20-18-archvow::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:-1 !important;pointer-events:none !important;background:
   url('/assets/tpl-art/ph20/p18-arch.webp') left 328.3px top 8.6px/210.2px 250.6px no-repeat,
   linear-gradient(#C9BDB1,#C9BDB1) left 37.4px bottom 97.2px/717px 1.4px no-repeat,
   url('/assets/tpl-art/ph20/p18-sprig.webp') left 28.8px bottom 38.9px/43.2px 53.3px no-repeat,
   url('/assets/tpl-art/ph20/p18-love.webp') right 30.9px bottom 17.3px/83.5px 73.4px no-repeat,
   url('/assets/tpl-art/ph20/p18-footer-cats.webp') left 230.4px bottom 20.9px/332.6px 14.4px no-repeat !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-head{display:flex !important;justify-content:space-between !important;align-items:flex-start !important;flex-wrap:nowrap !important;position:static !important;min-height:273.6px !important;height:auto !important;padding:44.6px 25px 0 40px !important;margin:0 !important;border:0 !important;background:transparent !important;gap:0 !important;overflow:visible !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-head-left{position:static !important;width:280px !important;max-width:280px !important;flex:none !important;text-align:center !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-head-left::before{content:"" !important;display:block !important;width:216px !important;height:14.4px !important;margin:0 auto !important;background:url('/assets/tpl-art/ph20/p18-tag-top.webp') center/100% 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-logo{display:block !important;max-height:46px !important;max-width:150px !important;margin:8px auto 0 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-biz-name{font-family:var(--font-serif) !important;font-size:40px !important;font-weight:400 !important;line-height:1.05 !important;letter-spacing:.02em !important;text-transform:uppercase !important;color:#13120C !important;margin:3px 0 0 !important;overflow-wrap:anywhere !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-biz-name::after{content:"" !important;display:block !important;width:194.4px !important;height:35.3px !important;margin:6.6px auto 0 !important;background:url('/assets/tpl-art/ph20/p18-subname.webp') center/100% 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-head-left::after{content:"" !important;display:block !important;width:249.1px !important;height:95px !important;margin:3px auto 0 !important;background:url('/assets/tpl-art/ph20/p18-script.webp') center/100% 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-biz-contact{position:absolute !important;left:300px !important;right:122px !important;bottom:60px !important;display:flex !important;flex-wrap:wrap !important;align-items:center !important;margin:0 !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-biz-contact>div{font-family:var(--font-serif) !important;font-size:9.4px !important;line-height:1.2 !important;letter-spacing:.02em !important;color:#3F3B3D !important;opacity:1 !important;padding:0 12px !important;border-left:1px solid #9C948C !important;border-radius:0 !important;margin:0 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-biz-contact>div:first-child{border-left:0 !important;padding-left:0 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-biz-address{position:absolute !important;left:85px !important;bottom:52px !important;width:190px !important;max-width:190px !important;margin:0 !important;font-size:8.2px !important;line-height:1.45 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#4A464A !important;opacity:1 !important;text-align:left !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-biz-tax{font-size:9px !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#6A6668 !important;opacity:1 !important;margin-top:4px !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-head-right{position:relative !important;width:220px !important;flex:none !important;align-self:stretch !important;text-align:center !important;margin:47.8px 0 0 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-doc-title{font-family:var(--font-serif) !important;font-size:40.5px !important;font-weight:400 !important;line-height:1.05 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#1B1911 !important;margin:0 -.06em 0 0 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-doc-title::after{content:"" !important;display:block !important;width:172.8px !important;height:51.8px !important;margin:8.6px auto 0 !important;background:url('/assets/tpl-art/ph20/p18-invoice-sub.webp') center/100% 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-doc-num{position:absolute !important;top:calc(100% + 23.1px) !important;left:2.5px !important;display:flex !important;text-align:left !important;white-space:nowrap !important;font-family:var(--font-serif) !important;font-size:10.6px !important;line-height:17px !important;letter-spacing:0 !important;text-transform:none !important;color:#2E2C2F !important;opacity:1 !important;margin:0 !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-doc-num::before{content:"Number" !important;width:80.6px !important;flex:none !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-doc-po{font-size:9.5px !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#6A6668 !important;opacity:1 !important;margin-top:4px !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-body{display:grid !important;grid-template-columns:360px 1fr 329px !important;align-items:start !important;padding:0 33px 116px 34.6px !important;position:static !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-body>*{grid-column:1/-1 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-parties{grid-row:1 !important;display:flex !important;flex-wrap:nowrap !important;justify-content:flex-start !important;gap:0 !important;align-items:flex-start !important;margin:0 0 14px !important;padding:0 0 0 13.7px !important;border:0 !important;min-height:160px !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-bill-to{order:1 !important;flex:0 0 214.6px !important;max-width:none !important;padding-top:7.2px !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-parties::before{content:"" !important;order:2 !important;flex:0 0 244px !important;align-self:stretch !important;min-height:142px !important;max-height:160px !important;margin-top:7.2px !important;border-left:1px solid #CFC6BC !important;border-right:1px solid #CFC6BC !important;background:url('/assets/tpl-art/ph20/p18-script-center.webp') left 49.7px top 98.6px/158.4px 50.4px no-repeat !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-details{order:3 !important;flex:0 0 190px !important;min-width:0 !important;margin-left:44.6px !important;text-align:left !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-label{font-family:var(--font-serif) !important;font-size:9.4px !important;font-weight:700 !important;letter-spacing:.3em !important;text-transform:uppercase !important;color:#11100E !important;margin:0 0 11px !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-details .inv-label{margin-bottom:27px !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-client-name{font-family:var(--font-serif) !important;font-size:13px !important;font-weight:600 !important;line-height:1.4 !important;color:#090908 !important;margin:0 0 3px !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-bill-to div:not(.inv-label){font-size:12.2px !important;line-height:17.6px !important;color:#2F2C30 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-detail-row{display:flex !important;justify-content:flex-start !important;gap:0 !important;padding:0 !important;font-size:10.6px !important;line-height:17px !important;color:#2E2C2F !important;border:0 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-detail-row span{width:80.6px !important;flex:none !important;font-size:10.6px !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;color:#2E2C2F !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-detail-row b{font-weight:400 !important;color:#2E2C2F !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-details::after{content:"" !important;display:block !important;width:213.1px !important;height:63.4px !important;margin:10px 0 0 -5.8px !important;border-top:1px solid #D6CFC6 !important;background:url('/assets/tpl-art/ph20/p18-thanks-right.webp') left bottom/213.1px 49px no-repeat !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-table{grid-row:2 !important;width:100% !important;border-collapse:separate !important;border-spacing:0 !important;border:1px solid #E3DED7 !important;border-radius:0 !important;margin:0 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-table thead th{height:25.2px !important;padding:0 10px !important;background:#F1EDE8 !important;border-bottom:1px solid #E3DED7 !important;font-family:var(--font-serif) !important;font-size:8.6px !important;font-weight:400 !important;letter-spacing:.3em !important;text-transform:uppercase !important;color:#3E3A38 !important;text-align:center !important;vertical-align:middle !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-table thead th:first-child{text-align:left !important;padding-left:20.9px !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-table thead th:last-child{text-align:right !important;padding-right:13px !important;width:121px !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-table thead th+th{border-left:1px solid #E3DED7 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-table thead th:nth-child(2){width:80.6px !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-table thead th:nth-child(3){width:137.5px !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-table tbody td{height:37px !important;padding:0 10px !important;border-bottom:1px solid #E6E1DA !important;font-family:var(--font-serif) !important;font-size:10.6px !important;color:#2A272B !important;text-align:center !important;vertical-align:middle !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-table tbody td+td{border-left:1px solid #E6E1DA !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-table tbody td.td-amt{text-align:right !important;padding-right:15.8px !important;font-weight:400 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-table tbody tr[data-row]:nth-last-child(2) td{border-bottom:0 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-table tbody td.td-desc{text-align:left !important;padding:5px 10px 5px 20.9px !important;font-size:10.8px !important;line-height:1.35 !important;color:#1E1B18 !important;font-weight:400 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-payrow{grid-row:3 !important;grid-column:1/2 !important;display:block !important;margin:14.4px 0 0 2.9px !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-bank{background:#F6F5F2 !important;border-radius:0 !important;min-height:162px !important;padding:15px 20px 12px 20px !important;margin:0 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-bank .inv-label{font-size:9.5px !important;letter-spacing:.3em !important;margin-bottom:10px !important;color:#0D0C0B !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-bank div{font-size:10.8px !important;line-height:1.6 !important;color:#2F2C30 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-bank .inv-latefee{font-size:10px !important;color:#4A464A !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-bank::after{content:"" !important;display:block !important;width:301px !important;height:59px !important;margin:10px 0 0 -1px !important;border-top:1px solid #CFC8BE !important;padding-top:0 !important;background:url('/assets/tpl-art/ph20/p18-thankyou-card.webp') left bottom/301px 59px no-repeat !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-totals{grid-row:3 !important;grid-column:3/4 !important;width:329px !important;margin:14.4px 0 0 !important;padding:10px 0 0 !important;background:linear-gradient(#C9BDB1,#C9BDB1) left 7px bottom 52px/calc(100% - 14px) 1px no-repeat !important;border-radius:0 !important;display:flex !important;flex-direction:column !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-totals>div{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:0 16px 0 15.8px !important;height:18px !important;font-family:var(--font-serif) !important;font-size:8.6px !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#3E3B3D !important;border:0 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-totals>div b{font-size:10.8px !important;font-weight:400 !important;letter-spacing:0 !important;color:#2A272B !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-totals>.inv-total-grand{margin-top:28px !important;height:39.6px !important;padding:0 14px 0 15.8px !important;background:#F2F0ED !important;border-top:0 !important;font-size:12.2px !important;font-weight:700 !important;letter-spacing:.17em !important;color:#060503 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-totals>.inv-total-grand b{font-family:var(--font-serif) !important;font-size:15.6px !important;font-weight:700 !important;letter-spacing:0 !important;color:#050301 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-totals>.inv-deposit{height:auto !important;padding:6px 16px !important;font-size:9px !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-photos{grid-row:4 !important;margin:14px 0 0 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-body>div[data-f="payment.methods"]{grid-row:5 !important;margin:14px 0 0 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-notes{grid-row:6 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-terms{grid-row:7 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-notes,
.invoice-preview.tmpl-ph20-18-archvow .inv-terms{background:transparent !important;border-radius:0 !important;padding:0 !important;margin:14px 0 0 !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-notes .inv-label,
.invoice-preview.tmpl-ph20-18-archvow .inv-terms .inv-label{margin-bottom:5px !important;font-size:8.6px !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-notes div,
.invoice-preview.tmpl-ph20-18-archvow .inv-terms div{font-size:10.4px !important;font-style:italic !important;line-height:1.6 !important;color:#4A464A !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-signature-row{grid-row:8 !important;margin:12px 0 0 !important;}
.invoice-preview.tmpl-ph20-18-archvow .sig-line{background:#C9BDB1 !important;}
.invoice-preview.tmpl-ph20-18-archvow .sig-caption{font-family:var(--font-serif) !important;letter-spacing:.26em !important;text-transform:uppercase !important;font-size:8.4px !important;color:#4A464A !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-footer-note{grid-row:9 !important;margin:12px 0 0 !important;font-family:var(--font-serif) !important;font-size:10.4px !important;font-style:italic !important;color:#4A464A !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-powered{grid-row:10 !important;margin:8px 0 0 !important;font-size:8.2px !important;letter-spacing:.24em !important;color:#7E7A7C !important;}
.invoice-preview.tmpl-ph20-18-archvow .inv-powered a{color:inherit !important;}

/* ============================= PH-19: ph20-19-studiohero ============================= */
.invoice-preview.tmpl-ph20-19-studiohero{background:#FFFFFF !important;color:#1A2230 !important;font-family:var(--font-sans) !important;position:relative !important;isolation:isolate !important;overflow:hidden !important;}
.invoice-preview.tmpl-ph20-19-studiohero::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:-1 !important;pointer-events:none !important;background:
   url('/assets/tpl-art/ph20/p19-hero.webp') left 0 top 0/794px 290.9px no-repeat,
   linear-gradient(#DADDE2,#DADDE2) left 254.2px top 309.6px/1px 124.6px no-repeat,
   linear-gradient(#DADDE2,#DADDE2) left 549.4px top 309.6px/1px 124.6px no-repeat,
   url('/assets/tpl-art/ph20/p19-ic-globe.webp') left 31.7px bottom 23px/27.4px 25.9px no-repeat,
   linear-gradient(#A9AEB6,#A9AEB6) left 205.2px bottom 26px/1px 17px no-repeat,
   linear-gradient(#A9AEB6,#A9AEB6) left 360px bottom 26px/1px 17px no-repeat,
   url('/assets/tpl-art/ph20/p19-footer-right.webp') left 384.5px bottom 24.5px/355.7px 14.4px no-repeat !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-head{display:block !important;position:static !important;height:290.9px !important;min-height:0 !important;padding:0 !important;margin:0 !important;border:0 !important;background:transparent !important;overflow:visible !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-head-left{position:static !important;max-width:none !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-logo{position:absolute !important;left:28.8px !important;top:40px !important;max-height:78px !important;max-width:72px !important;margin:0 !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-biz-name{position:absolute !important;left:123.8px !important;top:34.6px !important;margin:0 !important;white-space:nowrap !important;font-family:var(--font-serif) !important;font-size:27.6px !important;font-weight:400 !important;line-height:1.15 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#FFFFFF !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-biz-contact{position:static !important;margin:0 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-biz-contact::before{content:"From" !important;position:absolute !important;left:576px !important;top:305.3px !important;height:30.2px !important;line-height:30.2px !important;padding-left:41.6px !important;font-family:var(--font-serif) !important;font-size:9.4px !important;font-weight:400 !important;letter-spacing:.36em !important;text-transform:uppercase !important;color:#172130 !important;background:url('/assets/tpl-art/ph20/p19-ic-from.webp') left center/27.4px 30.2px no-repeat !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-biz-contact>div{position:absolute !important;margin:0 !important;font-family:var(--font-sans) !important;font-size:10.8px !important;line-height:15.1px !important;letter-spacing:0 !important;color:#222934 !important;opacity:1 !important;white-space:nowrap !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-biz-contact>div:nth-child(1){left:620.6px !important;top:337.5px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-biz-contact>div:nth-child(2){left:620.6px !important;top:352.6px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-biz-contact>div:nth-child(3){left:62.6px !important;bottom:28.4px !important;font-size:10.4px !important;color:#5E646D !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-biz-address{position:absolute !important;left:620.6px !important;top:367.7px !important;width:150px !important;max-width:150px !important;margin:0 !important;font-family:var(--font-sans) !important;font-size:10.8px !important;line-height:15.1px !important;color:#222934 !important;opacity:1 !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-biz-tax{position:absolute !important;left:620.6px !important;top:414px !important;margin:0 !important;font-size:9.6px !important;color:#5E646D !important;opacity:1 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-head-right{position:static !important;text-align:left !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-doc-title{position:absolute !important;left:34px !important;top:201px !important;margin:0 !important;white-space:nowrap !important;font-family:var(--font-serif) !important;font-size:56px !important;font-weight:400 !important;line-height:1 !important;letter-spacing:.155em !important;text-transform:uppercase !important;color:#0E1A2A !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-doc-num{position:absolute !important;left:317.5px !important;top:336.4px !important;display:flex !important;white-space:nowrap !important;margin:0 !important;font-family:var(--font-sans) !important;font-size:10.8px !important;line-height:17.6px !important;letter-spacing:0 !important;color:#222934 !important;opacity:1 !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-doc-num::before{content:"Number" !important;width:72.7px !important;flex:none !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-doc-po{position:absolute !important;left:36px !important;top:268px !important;margin:0 !important;font-size:9px !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#4A5260 !important;opacity:1 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-body{display:grid !important;grid-template-columns:1fr 24px 305px !important;align-items:start !important;padding:0 35px 70px 36px !important;position:static !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-body>*{grid-column:1/-1 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-parties{grid-row:1 !important;display:flex !important;flex-wrap:nowrap !important;justify-content:flex-start !important;gap:0 !important;align-items:flex-start !important;min-height:150px !important;margin:0 0 15px !important;padding:15.4px 0 0 !important;border:0 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-bill-to{box-sizing:border-box !important;flex:0 0 218.2px !important;max-width:none !important;padding-left:41.8px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-details{box-sizing:border-box !important;flex:0 0 295.2px !important;min-width:0 !important;text-align:left !important;padding-left:63.5px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-label{position:relative !important;height:30.2px !important;line-height:30.2px !important;margin:0 0 4px !important;font-family:var(--font-serif) !important;font-size:9.4px !important;font-weight:400 !important;letter-spacing:.36em !important;text-transform:uppercase !important;color:#172130 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-bill-to>.inv-label::before{content:"" !important;position:absolute !important;left:-44.6px !important;top:0 !important;width:28.8px !important;height:28.8px !important;background:url('/assets/tpl-art/ph20/p19-ic-bill.webp') center/100% 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-details>.inv-label{margin-bottom:21.6px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-details>.inv-label::before{content:"" !important;position:absolute !important;left:-41px !important;top:0 !important;width:25.9px !important;height:28.8px !important;background:url('/assets/tpl-art/ph20/p19-ic-doc.webp') center/100% 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-client-name{font-family:var(--font-sans) !important;font-size:11.2px !important;font-weight:600 !important;line-height:17.6px !important;color:#030815 !important;margin:0 0 1px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-bill-to div:not(.inv-label){font-family:var(--font-sans) !important;font-size:10.8px !important;line-height:15.4px !important;color:#222934 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-detail-row{display:flex !important;justify-content:flex-start !important;gap:0 !important;padding:0 !important;font-family:var(--font-sans) !important;font-size:10.8px !important;line-height:17.6px !important;color:#222934 !important;border:0 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-detail-row span{width:72.7px !important;flex:none !important;font-size:10.8px !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;color:#222934 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-detail-row b{font-weight:400 !important;color:#222934 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-table{grid-row:2 !important;width:100% !important;border-collapse:collapse !important;border:0 !important;margin:0 !important;counter-reset:ph19row !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-table thead th{position:relative !important;height:28.8px !important;padding:0 10px !important;background:#132331 !important;border:0 !important;font-family:var(--font-serif) !important;font-size:9.4px !important;font-weight:400 !important;letter-spacing:.34em !important;text-transform:uppercase !important;color:#FFFFFF !important;text-align:right !important;vertical-align:middle !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-table thead th:first-child{text-align:left !important;padding-left:59px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-table thead th:first-child::before{content:"#" !important;position:absolute !important;left:12px !important;top:0 !important;line-height:28.8px !important;letter-spacing:0 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-table thead th:nth-child(2){width:65px !important;text-align:center !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-table thead th:nth-child(3){width:115px !important;padding-right:16px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-table thead th:last-child{width:120px !important;padding-right:9px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-table tbody tr[data-row]{counter-increment:ph19row !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-table tbody td{height:43.9px !important;padding:0 10px !important;border:0 !important;border-bottom:1px solid #DDE0E5 !important;font-family:var(--font-sans) !important;font-size:10.8px !important;color:#0E1524 !important;text-align:right !important;vertical-align:middle !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-table tbody td:nth-child(2){text-align:center !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-table tbody td:nth-child(3){padding-right:16px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-table tbody td.td-amt{padding-right:9px !important;font-weight:400 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-table tbody td.td-desc{position:relative !important;text-align:left !important;padding:6px 10px 6px 59.8px !important;font-size:11.2px !important;font-weight:600 !important;line-height:1.35 !important;color:#020613 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-table tbody td.td-desc::after{content:counter(ph19row,decimal-leading-zero) !important;position:absolute !important;left:0 !important;top:50% !important;transform:translateY(-50%) !important;width:49px !important;padding-left:12px !important;box-sizing:border-box !important;height:30px !important;line-height:30px !important;border-right:1px solid #DDE0E5 !important;font-family:var(--font-sans) !important;font-size:10.8px !important;font-weight:400 !important;color:#0C1324 !important;text-align:left !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-notes{grid-row:3 !important;grid-column:1/2 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-terms{grid-row:4 !important;grid-column:1/2 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-notes,
.invoice-preview.tmpl-ph20-19-studiohero .inv-terms{position:relative !important;background:transparent !important;border-radius:0 !important;padding:0 0 0 38.9px !important;margin:20.9px 0 0 !important;max-width:330px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-notes+.inv-terms{margin-top:12px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-notes .inv-label,
.invoice-preview.tmpl-ph20-19-studiohero .inv-terms .inv-label{height:auto !important;line-height:1.2 !important;margin:4px 0 8px !important;font-size:9.4px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-notes::before,
.invoice-preview.tmpl-ph20-19-studiohero .inv-terms::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;width:25.9px !important;height:28.8px !important;background:url('/assets/tpl-art/ph20/p19-ic-notes.webp') center/100% 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-notes+.inv-terms::before{content:none !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-notes div,
.invoice-preview.tmpl-ph20-19-studiohero .inv-terms div{font-family:var(--font-sans) !important;font-size:10.8px !important;line-height:14.8px !important;color:#545A63 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-terms::after{content:"" !important;display:block !important;width:188.6px !important;height:54.7px !important;margin:12px 0 0 -5.9px !important;background:url('/assets/tpl-art/ph20/p19-tag-notes.webp') left top/100% 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-payrow{grid-row:5 !important;grid-column:1/2 !important;display:block !important;margin:14px 0 0 !important;max-width:330px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-bank{background:#F5F6F7 !important;border-radius:0 !important;padding:12px 16px !important;margin:0 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-bank .inv-label{height:auto !important;line-height:1.2 !important;margin-bottom:6px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-bank div{font-size:10.4px !important;line-height:1.55 !important;color:#545A63 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-totals{grid-row:3/6 !important;grid-column:3/4 !important;width:305px !important;margin:20.9px 0 0 !important;padding:0 !important;background:#F5F6F7 !important;border-radius:0 !important;display:flex !important;flex-direction:column !important;align-self:start !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-totals>div{display:flex !important;justify-content:space-between !important;align-items:center !important;height:28.8px !important;padding:0 13px 0 15.1px !important;font-family:var(--font-sans) !important;font-size:9.7px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#15202D !important;border:0 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-totals>div:first-child{margin-top:4px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-totals>div b{font-size:10.8px !important;font-weight:400 !important;letter-spacing:0 !important;color:#15202D !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-totals>.inv-total-grand{height:50.4px !important;margin-top:9px !important;padding:0 13px 0 15.1px !important;background:#132331 !important;border:0 !important;font-family:var(--font-serif) !important;font-size:11.6px !important;font-weight:400 !important;letter-spacing:.3em !important;color:#FFFFFF !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-totals>.inv-total-grand b{font-family:var(--font-serif) !important;font-size:24px !important;font-weight:400 !important;letter-spacing:.01em !important;color:#FFFFFF !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-totals>.inv-deposit{background:#FFFFFF !important;height:auto !important;padding:6px 13px !important;font-size:9px !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-body::after{content:"" !important;grid-row:6 !important;grid-column:3/4 !important;justify-self:end !important;width:133.9px !important;height:60.5px !important;margin:23px -8.5px 0 0 !important;background:url('/assets/tpl-art/ph20/p19-thankyou.webp') center/100% 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-photos{grid-row:7 !important;margin:14px 0 0 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-body>div[data-f="payment.methods"]{grid-row:8 !important;margin:14px 0 0 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-signature-row{grid-row:6 !important;grid-column:1/2 !important;justify-content:flex-start !important;margin:20px 0 0 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .sig-line{background:#C3C8CF !important;}
.invoice-preview.tmpl-ph20-19-studiohero .sig-caption{letter-spacing:.24em !important;text-transform:uppercase !important;font-size:8.4px !important;color:#545A63 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-footer-note{grid-row:9 !important;margin:14px 0 0 !important;font-family:var(--font-sans) !important;font-size:10.4px !important;font-style:normal !important;color:#545A63 !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-powered{grid-row:10 !important;margin:8px 0 0 !important;font-size:8px !important;letter-spacing:.24em !important;color:#7A808A !important;}
.invoice-preview.tmpl-ph20-19-studiohero .inv-powered a{color:inherit !important;}

/* ============================= PH-20: ph20-20-nightframe ============================= */
.invoice-preview.tmpl-ph20-20-nightframe{background:#FFFFFF !important;color:#121417 !important;font-family:var(--font-sans) !important;position:relative !important;isolation:isolate !important;overflow:hidden !important;padding:0 !important;min-height:1027px !important;}
.invoice-preview.tmpl-ph20-20-nightframe::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:-1 !important;pointer-events:none !important;background:
   url('/assets/tpl-art/ph20/p20-side-top.webp') left 0 top 0/218.2px 774.7px no-repeat,
   url('/assets/tpl-art/ph20/p20-side-bot.webp') left 0 bottom 0/218.2px 252px no-repeat,
   url('/assets/tpl-art/ph20/p20-headline.webp') left 250.6px top 31.7px/254.9px 139.7px no-repeat,
   url('/assets/tpl-art/ph20/p20-tag-right.webp') left 643px top 34.6px/114.5px 83.5px no-repeat,
   linear-gradient(90deg,#1B1D1C 0%,#111313 45%,#1A1C1B 85%,#1E1E1E 100%) left 0 top 0/218.2px 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-head{display:block !important;position:static !important;height:182px !important;min-height:0 !important;padding:0 !important;margin:0 !important;border:0 !important;background:transparent !important;overflow:visible !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-head-left{position:static !important;max-width:none !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-logo{position:absolute !important;left:530px !important;top:36px !important;max-height:64px !important;max-width:96px !important;margin:0 !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-biz-name{position:absolute !important;left:6px !important;width:206px !important;bottom:calc(100% - 126px) !important;margin:0 !important;text-align:center !important;font-family:var(--font-serif) !important;font-size:17px !important;font-weight:400 !important;line-height:1.1 !important;letter-spacing:.26em !important;text-transform:uppercase !important;color:#FFFFFF !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-biz-contact{position:static !important;margin:0 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-biz-contact>div,
.invoice-preview.tmpl-ph20-20-nightframe .inv-biz-address{position:absolute !important;left:61.9px !important;width:148px !important;max-width:148px !important;margin:0 !important;font-family:var(--font-sans) !important;font-size:10.9px !important;line-height:14.4px !important;letter-spacing:0 !important;color:#E8E8E8 !important;opacity:1 !important;overflow-wrap:anywhere !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-biz-contact>div:nth-child(1){top:calc(100% - 221px) !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-biz-contact>div:nth-child(2){top:calc(100% - 244.1px) !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-biz-contact>div:nth-child(3){top:calc(100% - 163.4px) !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-biz-address{top:calc(100% - 199.4px) !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-biz-tax{position:absolute !important;left:31.7px !important;top:calc(100% - 130px) !important;margin:0 !important;font-size:9px !important;color:#CFCFCF !important;opacity:1 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-head-right{position:static !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-doc-title{position:absolute !important;left:28.8px !important;top:206.6px !important;margin:0 !important;white-space:nowrap !important;transform:scaleY(1.45) !important;transform-origin:left top !important;font-family:var(--font-sans) !important;font-size:36px !important;font-weight:800 !important;line-height:1 !important;letter-spacing:.01em !important;text-transform:uppercase !important;color:#FFFFFF !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-doc-num{position:absolute !important;left:31.7px !important;top:338.5px !important;margin:0 !important;text-align:left !important;font-family:var(--font-sans) !important;font-size:13.7px !important;line-height:17px !important;letter-spacing:0 !important;color:#FFFFFF !important;opacity:1 !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-doc-num::before{content:"Number" !important;display:block !important;margin:0 0 3px !important;font-size:9.9px !important;font-weight:800 !important;line-height:12px !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#D9A05B !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-doc-po{position:absolute !important;left:31.7px !important;top:305px !important;margin:0 !important;font-size:9px !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#CFCFCF !important;opacity:1 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-body{display:grid !important;grid-template-columns:1fr 236.2px !important;align-items:start !important;padding:0 28.8px 30px 246.2px !important;position:static !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-body>*{grid-column:1/-1 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-parties{grid-row:1 !important;display:flex !important;justify-content:flex-start !important;gap:0 !important;margin:0 0 15px !important;padding:10.8px 0 19px 10.8px !important;border:0 !important;border-bottom:1px solid #A5AAAE !important;min-height:0 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-bill-to{flex:0 0 260px !important;max-width:none !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-details{position:absolute !important;left:31.7px !important;top:381px !important;width:170px !important;min-width:0 !important;margin:0 !important;text-align:left !important;z-index:1 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-details>.inv-label{display:none !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-detail-row{display:block !important;height:43.2px !important;padding:0 !important;margin:0 !important;border:0 !important;font-family:var(--font-sans) !important;font-size:13.7px !important;line-height:17px !important;color:#FFFFFF !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-detail-row span{display:block !important;margin:0 0 3px !important;font-size:9.9px !important;font-weight:800 !important;line-height:12px !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#D9A05B !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-detail-row b{display:block !important;font-weight:400 !important;color:#FFFFFF !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-label{font-family:var(--font-sans) !important;font-size:9.9px !important;font-weight:800 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#B07A3E !important;margin:0 0 5px !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-client-name{font-family:var(--font-sans) !important;font-size:13.2px !important;font-weight:700 !important;line-height:1.3 !important;color:#010104 !important;margin:0 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-bill-to div:not(.inv-label){font-family:var(--font-sans) !important;font-size:11.8px !important;line-height:15.5px !important;color:#2F343B !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-table{grid-row:2 !important;width:100% !important;border-collapse:collapse !important;border:0 !important;margin:0 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-table thead th{height:27.4px !important;padding:0 8px !important;background:#E3E4E5 !important;border:0 !important;font-family:var(--font-sans) !important;font-size:8.6px !important;font-weight:800 !important;letter-spacing:.22em !important;text-transform:uppercase !important;color:#020407 !important;text-align:right !important;vertical-align:middle !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-table thead th:first-child{text-align:left !important;padding-left:10.8px !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-table thead th:nth-child(2){width:62px !important;text-align:center !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-table thead th:nth-child(3){width:100px !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-table thead th:last-child{width:108px !important;padding-right:11.6px !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-table tbody td{height:39.6px !important;padding:0 8px !important;border:0 !important;border-bottom:1px solid #E3E5E7 !important;font-family:var(--font-sans) !important;font-size:11.2px !important;color:#2D333E !important;text-align:right !important;vertical-align:middle !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-table tbody td:nth-child(2){text-align:center !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-table tbody td.td-amt{padding-right:11.6px !important;font-weight:400 !important;color:#121417 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-table tbody td.td-desc{text-align:left !important;padding:6px 8px 6px 10.8px !important;font-size:11.2px !important;font-weight:700 !important;line-height:1.35 !important;color:#010207 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-totals{grid-row:3 !important;grid-column:2/3 !important;width:236.2px !important;margin:6px 0 0 !important;padding:0 !important;background:transparent !important;display:flex !important;flex-direction:column !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-totals>div{display:flex !important;justify-content:space-between !important;align-items:center !important;height:24.5px !important;padding:0 13px 0 10.8px !important;border:0 !important;border-bottom:1px solid #E6E7E9 !important;font-family:var(--font-sans) !important;font-size:8.7px !important;font-weight:800 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#2B2F33 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-totals>div b{font-size:11.2px !important;font-weight:400 !important;letter-spacing:0 !important;color:#121417 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-totals>.inv-total-grand{height:29.6px !important;margin-top:6px !important;padding:0 13px 0 10.8px !important;background:#F4E9DB !important;border:0 !important;font-size:10px !important;font-weight:800 !important;letter-spacing:.16em !important;color:#03070A !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-totals>.inv-total-grand b{font-size:17.3px !important;font-weight:800 !important;letter-spacing:0 !important;color:#000002 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-totals>.inv-deposit{height:auto !important;padding:5px 13px 5px 10.8px !important;font-size:8.6px !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-payrow{grid-row:3 !important;grid-column:1/2 !important;display:block !important;margin:6px 18px 0 0 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-bank{background:#F6F6F6 !important;border-radius:0 !important;padding:12px 14px !important;margin:0 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-bank div{font-size:10.4px !important;line-height:1.5 !important;color:#2F343B !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-photos{grid-row:4 !important;margin:14px 0 0 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-body>div[data-f="payment.methods"]{grid-row:5 !important;margin:14px 0 0 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-notes{grid-row:6 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-terms{grid-row:7 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-notes,
.invoice-preview.tmpl-ph20-20-nightframe .inv-terms{background:transparent !important;border-radius:0 !important;padding:0 0 0 10.8px !important;margin:14px 0 0 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-notes div,
.invoice-preview.tmpl-ph20-20-nightframe .inv-terms div{font-size:10.6px !important;line-height:1.5 !important;color:#575D67 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-body::before{content:"" !important;grid-row:8 !important;grid-column:1/2 !important;width:282.2px !important;height:28.8px !important;margin:22px 0 0 7.2px !important;background:url('/assets/tpl-art/ph20/p20-thanks-head.webp') left top/100% 100% no-repeat !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-footer-note{grid-row:9 !important;grid-column:1/2 !important;margin:6px 18px 0 10.8px !important;text-align:left !important;font-family:var(--font-sans) !important;font-size:10.8px !important;font-style:normal !important;line-height:1.45 !important;color:#575D67 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-signature-row{grid-row:10 !important;grid-column:1/2 !important;justify-content:flex-start !important;margin:12px 0 0 10.8px !important;}
.invoice-preview.tmpl-ph20-20-nightframe .sig-line{background:#121417 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .sig-caption{letter-spacing:.3em !important;text-transform:uppercase !important;font-size:8.4px !important;color:#121417 !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-body::after{content:"" !important;grid-row:8/11 !important;grid-column:2/3 !important;align-self:start !important;width:236.2px !important;height:148px !important;margin:22px 0 0 !important;border-left:1px solid #C2C3C5 !important;background:url('/assets/tpl-art/ph20/p20-quote.webp') right 4px top 10px/129.6px 125.3px no-repeat !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-powered{grid-row:11 !important;margin:14px 0 0 !important;font-size:8px !important;letter-spacing:.24em !important;color:#80858D !important;}
.invoice-preview.tmpl-ph20-20-nightframe .inv-powered a{color:inherit !important;}