/*!
 * it-gen-universal-30more-batch2-v1.css
 * Invoice generator: universal "30 more" pack, batch 2 (designs 26-30: Aperture, Registry, Prism,
 * Split Horizon, Contour), rebuilt pixel-for-pixel against the reference PNGs in
 * docs/universal-templates/incoming/universal-additional-30/invoice-universal-30-more/assets/.
 * Targets invoice-generator's real DOM (.invoice-preview .inv-head/.inv-body/.inv-parties/.inv-table/
 * .inv-totals/.inv-block/.inv-signature-row...). Additive only. Every declaration carries !important
 * because the page's own base rules (inline in invoice-generator/index.html) otherwise win the cascade.
 * Loaded AFTER it-gen-universal-tpl-v1.css so these blocks override that file's placeholder blocks for
 * the same five ids. Real art only: /assets/tpl-art/invoice30more/ (decorative crops, sample text
 * inpainted out). No raw unescaped SVG markup anywhere. No field is ever display:none; the signature
 * (.inv-signature/.sig-render) stays visible on every design. Decorative-only reference copy (taglines,
 * "thank you" lines, index numbers, fake pay buttons) is omitted, never baked as content: text.
 */

/* ===================== 26: Aperture - royal blue header band, cropped gold ring, serif body ===================== */
.invoice-preview.tmpl-uni26-aperture{ background:#FFFFFF!important; color:#0A1B4A!important; position:relative!important; overflow:hidden!important; font-family:var(--font-sans)!important; }
.invoice-preview.tmpl-uni26-aperture::before{ content:""!important; position:absolute!important; left:443px!important; top:0!important; width:349px!important; height:256px!important; background:radial-gradient(circle at 222px 32px,transparent 220.4px,#C9A86A 221px 222.2px,transparent 222.8px)!important; z-index:3!important; pointer-events:none!important; border:none!important; border-radius:0!important; }
.invoice-preview.tmpl-uni26-aperture .inv-head{ background:#0339AB!important; color:#FFFFFF!important; padding:50px 44px 30px!important; position:relative!important; z-index:1!important; align-items:flex-start!important; }
.invoice-preview.tmpl-uni26-aperture .inv-head-left{ max-width:60%!important; }
.invoice-preview.tmpl-uni26-aperture .inv-biz-name{ font-size:19px!important; font-weight:500!important; letter-spacing:.32em!important; text-transform:uppercase!important; color:#FFFFFF!important; margin-bottom:20px!important; }
.invoice-preview.tmpl-uni26-aperture .inv-biz-contact div{ font-size:12px!important; letter-spacing:.1em!important; color:#FFFFFF!important; opacity:1!important; line-height:1.9!important; }
.invoice-preview.tmpl-uni26-aperture .inv-biz-address{ font-size:12px!important; letter-spacing:.1em!important; color:#FFFFFF!important; opacity:1!important; margin-top:0!important; line-height:1.9!important; }
.invoice-preview.tmpl-uni26-aperture .inv-biz-tax{ font-size:12px!important; letter-spacing:.1em!important; color:#FFFFFF!important; opacity:1!important; }
.invoice-preview.tmpl-uni26-aperture .inv-head-right{ text-align:right!important; padding-top:10px!important; }
.invoice-preview.tmpl-uni26-aperture .inv-doc-title{ display:inline-block!important; font-size:19px!important; font-weight:500!important; letter-spacing:.32em!important; text-transform:uppercase!important; color:#FFFFFF!important; padding-bottom:14px!important; border-bottom:1px solid rgba(255,255,255,.75)!important; margin-bottom:12px!important; }
.invoice-preview.tmpl-uni26-aperture .inv-doc-num{ font-size:15px!important; letter-spacing:.16em!important; color:#FFFFFF!important; opacity:1!important; }
.invoice-preview.tmpl-uni26-aperture .inv-doc-po{ color:#FFFFFF!important; opacity:1!important; font-size:12px!important; letter-spacing:.1em!important; }
.invoice-preview.tmpl-uni26-aperture .inv-body{ padding:44px 44px 44px!important; position:relative!important; z-index:1!important; }
.invoice-preview.tmpl-uni26-aperture .inv-label{ font-size:10px!important; font-weight:600!important; letter-spacing:.3em!important; text-transform:uppercase!important; color:#0A1B4A!important; margin-bottom:10px!important; }
.invoice-preview.tmpl-uni26-aperture .inv-label-inline,.invoice-preview.tmpl-uni26-aperture .inv-lbl{ color:#0A1B4A!important; }
.invoice-preview.tmpl-uni26-aperture .inv-parties{ border-bottom:none!important; padding-bottom:16px!important; margin-bottom:20px!important; }
.invoice-preview.tmpl-uni26-aperture .inv-client-name{ font-family:var(--font-serif)!important; font-size:34px!important; font-weight:600!important; letter-spacing:-.01em!important; line-height:1.15!important; margin-bottom:8px!important; color:#0A1B4A!important; }
.invoice-preview.tmpl-uni26-aperture .inv-bill-to div{ font-size:14px!important; color:#2B3550!important; line-height:1.75!important; }
.invoice-preview.tmpl-uni26-aperture .inv-bill-to .inv-label{ color:#0A1B4A!important; font-size:10px!important; }
.invoice-preview.tmpl-uni26-aperture .inv-details{ padding-top:30px!important; }
.invoice-preview.tmpl-uni26-aperture .inv-detail-row{ font-size:14px!important; padding:5px 0!important; gap:28px!important; color:#0A1B4A!important; align-items:baseline!important; }
.invoice-preview.tmpl-uni26-aperture .inv-detail-row span{ font-size:10px!important; font-weight:600!important; letter-spacing:.24em!important; text-transform:uppercase!important; color:#0A1B4A!important; }
.invoice-preview.tmpl-uni26-aperture .inv-detail-row b{ font-weight:400!important; font-size:14px!important; color:#0A1B4A!important; }
.invoice-preview.tmpl-uni26-aperture .inv-shipping{ color:#2B3550!important; }
.invoice-preview.tmpl-uni26-aperture .inv-table thead th{ font-size:10px!important; font-weight:600!important; letter-spacing:.3em!important; color:#0A1B4A!important; border-bottom:1px solid #0A1B4A!important; padding:0 8px 12px!important; }
.invoice-preview.tmpl-uni26-aperture .inv-table tbody td{ padding:18px 8px!important; border-bottom:1px solid #D9DEEA!important; font-size:15px!important; color:#0A1B4A!important; }
.invoice-preview.tmpl-uni26-aperture .td-desc{ font-family:var(--font-serif)!important; font-weight:500!important; font-size:17px!important; color:#0A1B4A!important; }
.invoice-preview.tmpl-uni26-aperture .td-num{ font-family:var(--font-serif)!important; color:#2B3550!important; font-weight:400!important; }
.invoice-preview.tmpl-uni26-aperture .td-amt{ color:#0A1B4A!important; font-weight:400!important; }
.invoice-preview.tmpl-uni26-aperture .inv-totals{ margin-top:4px!important; }
.invoice-preview.tmpl-uni26-aperture .inv-totals>div{ padding:6px 4px!important; color:#0A1B4A!important; align-items:baseline!important; }
.invoice-preview.tmpl-uni26-aperture .inv-totals>div span{ font-size:10px!important; font-weight:600!important; letter-spacing:.28em!important; text-transform:uppercase!important; color:#0A1B4A!important; }
.invoice-preview.tmpl-uni26-aperture .inv-totals>div b{ font-family:var(--font-serif)!important; font-size:15px!important; font-weight:400!important; color:#0A1B4A!important; }
.invoice-preview.tmpl-uni26-aperture .inv-totals>div.inv-total-grand{ border-top:1px solid #0A1B4A!important; margin-top:10px!important; padding-top:16px!important; color:#0A1B4A!important; }
.invoice-preview.tmpl-uni26-aperture .inv-totals>div.inv-total-grand span{ font-size:10px!important; font-weight:700!important; }
.invoice-preview.tmpl-uni26-aperture .inv-totals>div.inv-total-grand b{ font-size:36px!important; font-weight:600!important; letter-spacing:-.01em!important; }
.invoice-preview.tmpl-uni26-aperture .inv-deposit{ color:#0A1B4A!important; }
.invoice-preview.tmpl-uni26-aperture .inv-block{ background:none!important; border-radius:0!important; padding:0!important; margin-bottom:22px!important; }
.invoice-preview.tmpl-uni26-aperture .inv-bank div,.invoice-preview.tmpl-uni26-aperture .inv-notes div,.invoice-preview.tmpl-uni26-aperture .inv-terms div{ font-size:14px!important; color:#2B3550!important; line-height:1.75!important; }
.invoice-preview.tmpl-uni26-aperture .inv-latefee{ color:#2B3550!important; }
.invoice-preview.tmpl-uni26-aperture .inv-signature-row{ margin-top:26px!important; }
.invoice-preview.tmpl-uni26-aperture .sig-line{ border-top:1px solid #0A1B4A!important; }
.invoice-preview.tmpl-uni26-aperture .sig-caption{ color:#0A1B4A!important; letter-spacing:.24em!important; font-weight:600!important; }
.invoice-preview.tmpl-uni26-aperture .sig-render.sig-type{ color:#0A1B4A!important; }
.invoice-preview.tmpl-uni26-aperture .inv-footer-note{ text-align:right!important; font-style:normal!important; font-size:10px!important; letter-spacing:.24em!important; text-transform:uppercase!important; color:#0A1B4A!important; margin-top:30px!important; }
.invoice-preview.tmpl-uni26-aperture .inv-powered{ color:#6B7390!important; }

/* neutralize the earlier placeholder block's own decorative ring on the header (it-gen-universal-tpl-v1.css) */
.invoice-preview.tmpl-uni26-aperture .inv-head::after{ content:none!important; }

/* ===================== 27: Registry - cream sheet, mustard band, vertical INVOICE wordmark, archival rail ===================== */
.invoice-preview.tmpl-uni27-registry{ background:#F9F8F4!important; color:#1A1A1A!important; position:relative!important; overflow:hidden!important; font-family:var(--font-serif)!important; }
/* right-edge archival index rail: dotted ruling only (the reference's sample index numbers are decorative-only text, omitted) */
.invoice-preview.tmpl-uni27-registry::after{ content:""!important; position:absolute!important; top:0!important; right:0!important; bottom:0!important; width:50px!important; border-left:1px solid #D8D4C8!important; background-color:#F9F8F4!important; background-image:radial-gradient(circle,#9B9689 .7px,transparent .9px)!important; background-size:4px 36px!important; background-position:10px 26px!important; background-repeat:repeat!important; z-index:2!important; pointer-events:none!important; }
.invoice-preview.tmpl-uni27-registry .inv-head{ position:static!important; margin:18px 190px 0 18px!important; background:#CBA21D!important; color:#1A1A1A!important; border-radius:4px!important; padding:22px 26px!important; display:flex!important; align-items:flex-start!important; gap:24px!important; flex-wrap:nowrap!important; }
.invoice-preview.tmpl-uni27-registry .inv-head-left{ max-width:none!important; flex:1 1 auto!important; min-width:0!important; }
.invoice-preview.tmpl-uni27-registry .inv-biz-name{ font-family:var(--font-serif)!important; font-size:19px!important; font-weight:500!important; letter-spacing:.3em!important; text-transform:uppercase!important; color:#1A1A1A!important; margin-bottom:10px!important; }
.invoice-preview.tmpl-uni27-registry .inv-biz-contact div,.invoice-preview.tmpl-uni27-registry .inv-biz-address,.invoice-preview.tmpl-uni27-registry .inv-biz-tax{ font-family:var(--font-sans)!important; font-size:10px!important; letter-spacing:.2em!important; text-transform:uppercase!important; color:#1A1A1A!important; opacity:1!important; line-height:1.9!important; margin-top:0!important; }
.invoice-preview.tmpl-uni27-registry .inv-head-right{ text-align:left!important; flex:0 0 auto!important; border-left:1px solid #1A1A1A!important; padding-left:26px!important; min-width:150px!important; align-self:stretch!important; }
.invoice-preview.tmpl-uni27-registry .inv-doc-num{ font-family:var(--font-sans)!important; font-size:11px!important; font-weight:600!important; letter-spacing:.3em!important; color:#1A1A1A!important; opacity:1!important; }
.invoice-preview.tmpl-uni27-registry .inv-doc-num::before{ content:var(--itl-docno,"Doc no.")!important; display:block!important; font-size:9px!important; font-weight:600!important; letter-spacing:.3em!important; text-transform:uppercase!important; margin-bottom:6px!important; color:#1A1A1A!important; }
.invoice-preview.tmpl-uni27-registry .inv-doc-po{ font-family:var(--font-sans)!important; font-size:10px!important; letter-spacing:.2em!important; text-transform:uppercase!important; color:#1A1A1A!important; opacity:1!important; margin-top:8px!important; }
/* the document word runs vertically down the right edge, reading top to bottom, beside the rail */
.invoice-preview.tmpl-uni27-registry .inv-doc-title{ position:absolute!important; top:0!important; right:50px!important; width:120px!important; height:100%!important; min-height:560px!important; margin:0!important; padding:14px 0 0!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; writing-mode:vertical-rl!important; font-family:var(--font-sans)!important; font-weight:900!important; font-size:104px!important; line-height:1!important; letter-spacing:-.02em!important; text-transform:uppercase!important; color:#1A1A1A!important; z-index:1!important; }
.invoice-preview.tmpl-uni27-registry .inv-body{ padding:34px 190px 18px 44px!important; position:relative!important; z-index:1!important; }
.invoice-preview.tmpl-uni27-registry .inv-label{ font-family:var(--font-sans)!important; font-size:9.5px!important; font-weight:600!important; letter-spacing:.3em!important; text-transform:uppercase!important; color:#1A1A1A!important; margin-bottom:12px!important; }
.invoice-preview.tmpl-uni27-registry .inv-label-inline,.invoice-preview.tmpl-uni27-registry .inv-lbl{ color:#1A1A1A!important; }
.invoice-preview.tmpl-uni27-registry .inv-parties{ border-bottom:none!important; padding-bottom:26px!important; margin-bottom:18px!important; gap:24px!important; }
.invoice-preview.tmpl-uni27-registry .inv-client-name{ font-size:17px!important; font-weight:400!important; margin-bottom:6px!important; color:#1A1A1A!important; }
.invoice-preview.tmpl-uni27-registry .inv-bill-to div{ font-size:16px!important; color:#1A1A1A!important; line-height:1.75!important; }
.invoice-preview.tmpl-uni27-registry .inv-bill-to .inv-label{ font-size:9.5px!important; }
.invoice-preview.tmpl-uni27-registry .inv-details{ text-align:left!important; min-width:170px!important; }
.invoice-preview.tmpl-uni27-registry .inv-detail-row{ flex-direction:column!important; align-items:flex-start!important; gap:5px!important; padding:0 0 14px!important; color:#1A1A1A!important; }
.invoice-preview.tmpl-uni27-registry .inv-detail-row span{ font-family:var(--font-sans)!important; font-size:9.5px!important; font-weight:600!important; letter-spacing:.3em!important; text-transform:uppercase!important; color:#1A1A1A!important; }
.invoice-preview.tmpl-uni27-registry .inv-detail-row b{ font-family:var(--font-serif)!important; font-size:17px!important; font-weight:400!important; letter-spacing:.04em!important; color:#1A1A1A!important; }
.invoice-preview.tmpl-uni27-registry .inv-shipping{ color:#1A1A1A!important; }
.invoice-preview.tmpl-uni27-registry .inv-table thead th{ font-family:var(--font-sans)!important; font-size:9.5px!important; font-weight:600!important; letter-spacing:.3em!important; color:#1A1A1A!important; border-top:1px solid #1A1A1A!important; border-bottom:1px solid #1A1A1A!important; padding:12px 6px 10px!important; }
.invoice-preview.tmpl-uni27-registry .inv-table tbody td{ padding:18px 6px!important; border-bottom:1px solid #CFCABD!important; font-size:15px!important; color:#1A1A1A!important; font-family:var(--font-serif)!important; }
.invoice-preview.tmpl-uni27-registry .inv-table tbody tr:last-child td{ border-bottom:1px solid #CFCABD!important; }
.invoice-preview.tmpl-uni27-registry .td-desc{ font-weight:700!important; font-size:16px!important; color:#1A1A1A!important; }
.invoice-preview.tmpl-uni27-registry .td-num{ color:#1A1A1A!important; font-weight:400!important; }
.invoice-preview.tmpl-uni27-registry .td-amt{ color:#1A1A1A!important; font-weight:400!important; }
.invoice-preview.tmpl-uni27-registry .inv-totals{ border-top:1px solid #1A1A1A!important; padding-top:10px!important; margin-top:14px!important; }
.invoice-preview.tmpl-uni27-registry .inv-totals>div{ padding:6px 4px!important; color:#1A1A1A!important; align-items:baseline!important; }
.invoice-preview.tmpl-uni27-registry .inv-totals>div span{ font-family:var(--font-sans)!important; font-size:9.5px!important; font-weight:600!important; letter-spacing:.3em!important; text-transform:uppercase!important; color:#1A1A1A!important; }
.invoice-preview.tmpl-uni27-registry .inv-totals>div b{ font-family:var(--font-serif)!important; font-size:16px!important; font-weight:400!important; color:#1A1A1A!important; }
.invoice-preview.tmpl-uni27-registry .inv-totals>div.inv-total-grand{ background:#CBA21D!important; color:#1A1A1A!important; border-top:none!important; border-radius:3px!important; margin-top:10px!important; padding:14px 18px!important; }
.invoice-preview.tmpl-uni27-registry .inv-totals>div.inv-total-grand span{ font-size:11px!important; font-weight:700!important; letter-spacing:.28em!important; }
.invoice-preview.tmpl-uni27-registry .inv-totals>div.inv-total-grand b{ font-size:22px!important; font-weight:700!important; }
.invoice-preview.tmpl-uni27-registry .inv-deposit{ color:#1A1A1A!important; }
.invoice-preview.tmpl-uni27-registry .inv-block{ background:none!important; border-radius:0!important; padding:16px 0 0!important; border-top:1px solid #1A1A1A!important; margin-bottom:22px!important; }
.invoice-preview.tmpl-uni27-registry .inv-bank div,.invoice-preview.tmpl-uni27-registry .inv-notes div,.invoice-preview.tmpl-uni27-registry .inv-terms div{ font-family:var(--font-serif)!important; font-size:14px!important; color:#1A1A1A!important; line-height:1.75!important; }
.invoice-preview.tmpl-uni27-registry .inv-latefee{ color:#1A1A1A!important; }
.invoice-preview.tmpl-uni27-registry .inv-signature-row{ margin-top:22px!important; }
.invoice-preview.tmpl-uni27-registry .sig-line{ border-top:1px solid #1A1A1A!important; }
.invoice-preview.tmpl-uni27-registry .sig-caption{ font-family:var(--font-sans)!important; color:#1A1A1A!important; letter-spacing:.28em!important; }
.invoice-preview.tmpl-uni27-registry .sig-render.sig-type{ color:#1A1A1A!important; }
/* the footer memo field prints as the design's charcoal footer bar (real field: payment.footerNote) */
.invoice-preview.tmpl-uni27-registry .inv-footer-note{ margin:28px -26px 0 -26px!important; background:#292A2A!important; color:#F9F8F4!important; border-radius:4px!important; padding:26px 44px!important; text-align:left!important; font-style:normal!important; font-family:var(--font-serif)!important; font-size:13px!important; letter-spacing:.26em!important; text-transform:uppercase!important; line-height:1.7!important; }
.invoice-preview.tmpl-uni27-registry .inv-footer-note.ige-empty{ color:#CFCABD!important; }
.invoice-preview.tmpl-uni27-registry .inv-powered{ margin-top:14px!important; color:#6B675C!important; }

/* the placeholder block styled this same ::after as a rotated vertical text bar: reset those traits on the rail */
.invoice-preview.tmpl-uni27-registry::after{ transform:none!important; writing-mode:horizontal-tb!important; display:block!important; font-size:0!important; }

/* ===================== 28: Prism - airy white sheet, holographic facet crops in two corners, hairline type ===================== */
.invoice-preview.tmpl-uni28-prism{ background:#FFFEFF!important; color:#17181D!important; position:relative!important; overflow:hidden!important; isolation:isolate!important; font-family:var(--font-sans)!important; }
.invoice-preview.tmpl-uni28-prism::before{ content:""!important; position:absolute!important; left:0!important; top:0!important; width:375px!important; height:337px!important; background:url("/assets/tpl-art/invoice30more/prism-art-1.png") left top/100% 100% no-repeat!important; z-index:0!important; pointer-events:none!important; }
.invoice-preview.tmpl-uni28-prism::after{ content:""!important; position:absolute!important; right:0!important; bottom:0!important; width:333px!important; height:164px!important; background:url("/assets/tpl-art/invoice30more/prism-art-2.png") right bottom/100% 100% no-repeat!important; z-index:0!important; pointer-events:none!important; }
.invoice-preview.tmpl-uni28-prism .inv-head,.invoice-preview.tmpl-uni28-prism .inv-body{ position:relative!important; z-index:1!important; }
.invoice-preview.tmpl-uni28-prism .inv-head{ background:transparent!important; color:#17181D!important; padding:62px 44px 20px!important; align-items:flex-start!important; flex-wrap:nowrap!important; }
.invoice-preview.tmpl-uni28-prism .inv-head-left{ flex:1 1 auto!important; min-width:0!important; max-width:60%!important; }
.invoice-preview.tmpl-uni28-prism .inv-biz-name{ font-size:22px!important; font-weight:500!important; letter-spacing:.42em!important; text-transform:uppercase!important; color:#17181D!important; margin-bottom:14px!important; }
.invoice-preview.tmpl-uni28-prism .inv-biz-contact div,.invoice-preview.tmpl-uni28-prism .inv-biz-address,.invoice-preview.tmpl-uni28-prism .inv-biz-tax{ font-size:11px!important; letter-spacing:.22em!important; text-transform:uppercase!important; color:#5D606B!important; opacity:1!important; line-height:2!important; margin-top:0!important; }
.invoice-preview.tmpl-uni28-prism .inv-head-right{ text-align:right!important; padding-top:70px!important; flex:0 0 auto!important; }
.invoice-preview.tmpl-uni28-prism .inv-doc-title{ font-weight:400!important; font-size:34px!important; letter-spacing:.42em!important; text-transform:uppercase!important; color:#17181D!important; margin-bottom:22px!important; }
.invoice-preview.tmpl-uni28-prism .inv-doc-num{ display:inline-block!important; text-align:left!important; border-left:1px solid #17181D!important; padding-left:12px!important; font-size:14px!important; letter-spacing:.14em!important; color:#17181D!important; opacity:1!important; }
.invoice-preview.tmpl-uni28-prism .inv-doc-num::before{ content:var(--itl-no,"No.")!important; display:block!important; font-size:11px!important; letter-spacing:.02em!important; color:#5D606B!important; margin-bottom:4px!important; }
.invoice-preview.tmpl-uni28-prism .inv-doc-po{ color:#5D606B!important; opacity:1!important; font-size:12px!important; letter-spacing:.1em!important; margin-top:10px!important; }
.invoice-preview.tmpl-uni28-prism .inv-body{ padding:46px 44px 44px!important; }
.invoice-preview.tmpl-uni28-prism .inv-label{ font-size:12px!important; font-weight:400!important; letter-spacing:.02em!important; text-transform:none!important; color:#5D606B!important; margin-bottom:10px!important; }
.invoice-preview.tmpl-uni28-prism .inv-label-inline,.invoice-preview.tmpl-uni28-prism .inv-lbl{ color:#5D606B!important; }
.invoice-preview.tmpl-uni28-prism .inv-parties{ border-bottom:none!important; padding-bottom:18px!important; margin-bottom:22px!important; }
.invoice-preview.tmpl-uni28-prism .inv-client-name{ font-size:18px!important; font-weight:500!important; letter-spacing:.02em!important; margin-bottom:6px!important; color:#17181D!important; }
.invoice-preview.tmpl-uni28-prism .inv-bill-to div{ font-size:14px!important; color:#17181D!important; letter-spacing:.04em!important; line-height:1.7!important; }
.invoice-preview.tmpl-uni28-prism .inv-bill-to .inv-label{ color:#5D606B!important; font-size:12px!important; }
/* staggered metadata: each reference line steps in from a hairline, as the header's stepped block does */
.invoice-preview.tmpl-uni28-prism .inv-details{ text-align:left!important; min-width:0!important; width:270px!important; }
.invoice-preview.tmpl-uni28-prism .inv-detail-row{ flex-direction:column!important; align-items:flex-start!important; gap:2px!important; border-left:1px solid #17181D!important; padding:0 0 0 12px!important; margin:0 0 12px!important; color:#17181D!important; }
.invoice-preview.tmpl-uni28-prism .inv-detail-row:nth-child(3){ margin-left:28px!important; }
.invoice-preview.tmpl-uni28-prism .inv-detail-row:nth-child(4){ margin-left:56px!important; }
.invoice-preview.tmpl-uni28-prism .inv-detail-row:nth-child(5){ margin-left:84px!important; }
.invoice-preview.tmpl-uni28-prism .inv-detail-row:nth-child(6){ margin-left:112px!important; }
.invoice-preview.tmpl-uni28-prism .inv-detail-row span{ font-size:11px!important; color:#5D606B!important; letter-spacing:.02em!important; }
.invoice-preview.tmpl-uni28-prism .inv-detail-row b{ font-size:14px!important; font-weight:400!important; letter-spacing:.1em!important; color:#17181D!important; }
.invoice-preview.tmpl-uni28-prism .inv-shipping{ color:#17181D!important; }
.invoice-preview.tmpl-uni28-prism .inv-table thead th{ font-size:11px!important; font-weight:500!important; letter-spacing:.26em!important; color:#5D606B!important; border-bottom:1px solid #D5D6DC!important; padding:0 8px 12px!important; }
.invoice-preview.tmpl-uni28-prism .inv-table tbody td{ padding:18px 8px!important; border-bottom:1px solid #ECECF0!important; font-size:15px!important; letter-spacing:.03em!important; color:#17181D!important; }
.invoice-preview.tmpl-uni28-prism .td-desc{ font-weight:500!important; font-size:16px!important; color:#17181D!important; }
.invoice-preview.tmpl-uni28-prism .td-num{ color:#17181D!important; font-weight:400!important; }
.invoice-preview.tmpl-uni28-prism .td-amt{ color:#17181D!important; font-weight:400!important; }
.invoice-preview.tmpl-uni28-prism .inv-totals>div{ padding:6px 4px!important; color:#5D606B!important; font-size:14px!important; align-items:baseline!important; }
.invoice-preview.tmpl-uni28-prism .inv-totals>div span{ color:#5D606B!important; font-size:14px!important; letter-spacing:.02em!important; }
.invoice-preview.tmpl-uni28-prism .inv-totals>div b{ color:#17181D!important; font-size:14px!important; font-weight:400!important; letter-spacing:.03em!important; }
.invoice-preview.tmpl-uni28-prism .inv-totals>div.inv-total-grand{ border-top:1px solid #C9CAD2!important; margin-top:8px!important; padding-top:14px!important; color:#17181D!important; }
.invoice-preview.tmpl-uni28-prism .inv-totals>div.inv-total-grand span{ color:#17181D!important; font-size:19px!important; font-weight:500!important; }
.invoice-preview.tmpl-uni28-prism .inv-totals>div.inv-total-grand b{ font-size:20px!important; font-weight:600!important; }
.invoice-preview.tmpl-uni28-prism .inv-deposit{ color:#17181D!important; }
.invoice-preview.tmpl-uni28-prism .inv-block{ background:none!important; border-radius:0!important; padding:0!important; margin-bottom:22px!important; }
.invoice-preview.tmpl-uni28-prism .inv-bank div,.invoice-preview.tmpl-uni28-prism .inv-notes div,.invoice-preview.tmpl-uni28-prism .inv-terms div{ font-size:14px!important; color:#17181D!important; letter-spacing:.03em!important; line-height:1.75!important; }
.invoice-preview.tmpl-uni28-prism .inv-latefee{ color:#5D606B!important; }
.invoice-preview.tmpl-uni28-prism .inv-signature-row{ margin-top:26px!important; }
.invoice-preview.tmpl-uni28-prism .sig-line{ border-top:1px solid #17181D!important; }
.invoice-preview.tmpl-uni28-prism .sig-caption{ color:#5D606B!important; letter-spacing:.26em!important; font-weight:500!important; }
.invoice-preview.tmpl-uni28-prism .sig-render.sig-type{ color:#17181D!important; }
.invoice-preview.tmpl-uni28-prism .inv-footer-note{ text-align:left!important; font-style:normal!important; font-size:12px!important; letter-spacing:.3em!important; text-transform:uppercase!important; color:#17181D!important; margin-top:30px!important; }
.invoice-preview.tmpl-uni28-prism .inv-powered{ text-align:left!important; color:#5D606B!important; }

/* placeholder block used clip-path/opacity on these pseudo-elements: reset so the real art crops show whole */
.invoice-preview.tmpl-uni28-prism::before,.invoice-preview.tmpl-uni28-prism::after{ clip-path:none!important; opacity:1!important; border-radius:0!important; }

/* ===================== 29: Split Horizon - deep purple head, giant title crossing the horizon, lime total, lavender/purple foot panels ===================== */
.invoice-preview.tmpl-uni29-split-horizon{ background:#FFFFFF!important; color:#221031!important; position:relative!important; overflow:hidden!important; font-family:var(--font-sans)!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-head{ background:#221031!important; color:#FFFFFF!important; padding:36px 40px 0!important; display:flex!important; flex-wrap:wrap!important; gap:0!important; align-items:flex-start!important; position:relative!important; z-index:2!important; }
/* title/number/PO become direct flex children of the head so the title can take its own full-width row */
.invoice-preview.tmpl-uni29-split-horizon .inv-head-right{ display:contents!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-head-left{ order:1!important; flex:1 1 50%!important; max-width:60%!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-biz-name{ font-size:17px!important; font-weight:700!important; letter-spacing:.3em!important; text-transform:uppercase!important; color:#FFFFFF!important; margin-bottom:12px!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-biz-contact div,.invoice-preview.tmpl-uni29-split-horizon .inv-biz-address,.invoice-preview.tmpl-uni29-split-horizon .inv-biz-tax{ font-size:11px!important; letter-spacing:.22em!important; text-transform:uppercase!important; color:#D9CCF3!important; opacity:1!important; line-height:2!important; margin-top:0!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-doc-num{ order:2!important; margin-left:auto!important; text-align:right!important; font-size:12px!important; letter-spacing:.14em!important; color:#FFFFFF!important; opacity:1!important; padding-top:4px!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-doc-num::before{ content:var(--itl-no,"No.")!important; margin-right:18px!important; font-size:10px!important; letter-spacing:.22em!important; text-transform:uppercase!important; color:#D9CCF3!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-doc-po{ order:3!important; flex:0 0 100%!important; text-align:right!important; color:#D9CCF3!important; opacity:1!important; font-size:11px!important; letter-spacing:.14em!important; margin-top:6px!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-doc-title{ order:4!important; flex:0 0 100%!important; text-align:left!important; margin:26px 0 -.42em!important; font-family:var(--font-sans)!important; font-weight:900!important; font-size:118px!important; line-height:.84!important; letter-spacing:-.035em!important; text-transform:uppercase!important; background:linear-gradient(to bottom,#FFFFFF 0 50%,#221031 50% 100%)!important; -webkit-background-clip:text!important; background-clip:text!important; color:transparent!important; -webkit-text-fill-color:transparent!important; position:relative!important; z-index:3!important; white-space:nowrap!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-body{ padding:92px 40px 40px!important; display:flex!important; flex-direction:column!important; position:relative!important; z-index:1!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-body>.inv-table{ order:1!important; margin-top:0!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-body>.inv-totals{ order:2!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-body>.inv-parties{ order:3!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-body>.inv-photos{ order:4!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-body>div[data-f="payment.methods"]{ order:5!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-body>.inv-payrow{ order:6!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-body>.inv-notes{ order:7!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-body>.inv-terms{ order:8!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-body>.inv-signature-row{ order:9!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-body>.inv-footer-note{ order:10!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-body>.inv-powered{ order:11!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-table thead th{ font-size:11px!important; font-weight:700!important; letter-spacing:.26em!important; color:#221031!important; border-bottom:1.5px solid #C9B6F0!important; padding:0 8px 12px!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-table tbody td{ padding:20px 8px!important; border-bottom:1px solid #EDE7F8!important; font-size:15px!important; color:#221031!important; }
.invoice-preview.tmpl-uni29-split-horizon .td-desc{ font-family:var(--font-serif)!important; font-weight:700!important; font-size:17px!important; color:#221031!important; }
.invoice-preview.tmpl-uni29-split-horizon .td-num{ color:#221031!important; font-weight:400!important; }
.invoice-preview.tmpl-uni29-split-horizon .td-amt{ color:#221031!important; font-weight:400!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-totals{ width:100%!important; margin-left:0!important; margin-bottom:26px!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-totals>div{ margin-left:auto!important; width:min(320px,100%)!important; padding:6px 4px!important; color:#221031!important; align-items:baseline!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-totals>div span{ font-size:10px!important; font-weight:600!important; letter-spacing:.26em!important; text-transform:uppercase!important; color:#221031!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-totals>div b{ font-size:15px!important; font-weight:600!important; color:#221031!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-totals>div.inv-total-grand{ width:100%!important; margin-left:0!important; margin-top:18px!important; background:#221031!important; color:#FFFFFF!important; border-top:none!important; border-radius:20px!important; padding:26px 40px!important; align-items:center!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-totals>div.inv-total-grand span{ color:#D9CCF3!important; font-size:11px!important; letter-spacing:.3em!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-totals>div.inv-total-grand b{ color:#CBFA53!important; font-family:var(--font-serif)!important; font-size:44px!important; font-weight:600!important; letter-spacing:-.02em!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-totals>div.inv-deposit{ color:#221031!important; }
/* the foot panels: lavender bill-to beside a deep purple details panel, one rounded block */
.invoice-preview.tmpl-uni29-split-horizon .inv-parties{ margin:0 0 24px!important; padding:0!important; border:none!important; border-radius:20px!important; overflow:hidden!important; gap:0!important; flex-wrap:nowrap!important; display:flex!important; align-items:stretch!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-bill-to{ flex:1 1 50%!important; max-width:none!important; min-width:0!important; background:#ECE4FB!important; padding:34px 40px!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-bill-to .inv-label{ color:#221031!important; font-size:10px!important; letter-spacing:.3em!important; font-weight:700!important; margin-bottom:12px!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-client-name{ font-family:var(--font-serif)!important; font-size:28px!important; font-weight:500!important; color:#221031!important; margin-bottom:8px!important; letter-spacing:-.01em!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-bill-to div{ font-size:14px!important; color:#221031!important; line-height:1.7!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-shipping{ color:#221031!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-details{ flex:1 1 50%!important; min-width:0!important; background:#221031!important; color:#FFFFFF!important; padding:34px 40px!important; text-align:left!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-details .inv-label{ color:#D9CCF3!important; font-size:10px!important; letter-spacing:.3em!important; font-weight:700!important; margin-bottom:12px!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-detail-row{ flex-direction:column!important; align-items:flex-start!important; gap:2px!important; padding:0 0 10px!important; color:#FFFFFF!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-detail-row span{ font-size:10px!important; letter-spacing:.26em!important; text-transform:uppercase!important; color:#D9CCF3!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-detail-row b{ color:#CBFA53!important; font-size:16px!important; font-weight:700!important; letter-spacing:.06em!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-label{ font-size:10px!important; font-weight:700!important; letter-spacing:.3em!important; text-transform:uppercase!important; color:#221031!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-label-inline,.invoice-preview.tmpl-uni29-split-horizon .inv-lbl{ color:#221031!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-details .inv-lbl{ color:#D9CCF3!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-block{ background:#F6F1FD!important; border-radius:16px!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-bank div,.invoice-preview.tmpl-uni29-split-horizon .inv-notes div,.invoice-preview.tmpl-uni29-split-horizon .inv-terms div{ font-size:14px!important; color:#221031!important; line-height:1.7!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-terms{ background:none!important; padding:0!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-latefee{ color:#4A3C62!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-signature-row{ margin-top:24px!important; }
.invoice-preview.tmpl-uni29-split-horizon .sig-line{ border-top:1.5px solid #221031!important; }
.invoice-preview.tmpl-uni29-split-horizon .sig-caption{ color:#221031!important; letter-spacing:.26em!important; }
.invoice-preview.tmpl-uni29-split-horizon .sig-render.sig-type{ color:#221031!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-footer-note{ text-align:left!important; font-style:normal!important; font-size:10px!important; letter-spacing:.24em!important; text-transform:uppercase!important; color:#221031!important; margin-top:28px!important; line-height:1.8!important; }
.invoice-preview.tmpl-uni29-split-horizon .inv-powered{ color:#4A3C62!important; }

/* placeholder block rounded/offset the body: reset so the horizon title hangs over a flush white body */
.invoice-preview.tmpl-uni29-split-horizon .inv-body{ margin-top:0!important; border-radius:0!important; background:#FFFFFF!important; color:#221031!important; }

/* ===================== 30: Contour - warm white, giant serif Invoice logotype with peach dot, contour-line crop bottom-left ===================== */
.invoice-preview.tmpl-uni30-contour{ background:#FEFEFE!important; color:#142E22!important; position:relative!important; overflow:hidden!important; isolation:isolate!important; font-family:var(--font-serif)!important; }
.invoice-preview.tmpl-uni30-contour::before{ content:""!important; position:absolute!important; left:0!important; bottom:0!important; width:461px!important; height:423px!important; background:url("/assets/tpl-art/invoice30more/contour-art-1.png") left bottom/100% 100% no-repeat!important; z-index:0!important; pointer-events:none!important; }
.invoice-preview.tmpl-uni30-contour .inv-head,.invoice-preview.tmpl-uni30-contour .inv-body{ position:relative!important; z-index:1!important; }
/* the logotype sits top-left and the business block top-right: the two header halves swap sides */
.invoice-preview.tmpl-uni30-contour .inv-head{ background:transparent!important; color:#142E22!important; padding:40px 44px 14px!important; flex-direction:row-reverse!important; flex-wrap:nowrap!important; align-items:flex-start!important; gap:24px!important; }
.invoice-preview.tmpl-uni30-contour .inv-head-right{ text-align:left!important; flex:1 1 auto!important; min-width:0!important; }
.invoice-preview.tmpl-uni30-contour .inv-doc-title{ position:relative!important; display:inline-block!important; font-family:var(--font-serif)!important; font-weight:700!important; font-size:96px!important; line-height:1!important; letter-spacing:-.03em!important; text-transform:none!important; color:#142E22!important; margin:0 0 8px!important; padding-right:.2em!important; }
.invoice-preview.tmpl-uni30-contour .inv-doc-title::after{ content:""!important; position:absolute!important; width:.22em!important; height:.22em!important; border-radius:50%!important; background:#FDBD9B!important; left:2.03em!important; top:0!important; }
.invoice-preview.tmpl-uni30-contour .inv-doc-num{ font-family:var(--font-sans)!important; font-size:12px!important; font-weight:600!important; letter-spacing:.22em!important; text-transform:uppercase!important; color:#142E22!important; opacity:1!important; }
.invoice-preview.tmpl-uni30-contour .inv-doc-po{ font-family:var(--font-sans)!important; font-size:12px!important; letter-spacing:.1em!important; color:#142E22!important; opacity:1!important; }
.invoice-preview.tmpl-uni30-contour .inv-head-left{ text-align:right!important; max-width:42%!important; flex:0 0 auto!important; padding-top:34px!important; }
.invoice-preview.tmpl-uni30-contour .inv-logo{ margin-left:auto!important; }
.invoice-preview.tmpl-uni30-contour .inv-biz-name{ font-family:var(--font-sans)!important; font-size:12px!important; font-weight:700!important; letter-spacing:.2em!important; text-transform:uppercase!important; color:#142E22!important; margin-bottom:8px!important; }
.invoice-preview.tmpl-uni30-contour .inv-biz-contact div,.invoice-preview.tmpl-uni30-contour .inv-biz-address,.invoice-preview.tmpl-uni30-contour .inv-biz-tax{ font-family:var(--font-sans)!important; font-size:12px!important; color:#142E22!important; opacity:1!important; line-height:1.9!important; margin-top:0!important; margin-left:auto!important; max-width:none!important; }
.invoice-preview.tmpl-uni30-contour .inv-body{ padding:30px 44px 40px!important; }
.invoice-preview.tmpl-uni30-contour .inv-label{ font-family:var(--font-sans)!important; font-size:10px!important; font-weight:700!important; letter-spacing:.26em!important; text-transform:uppercase!important; color:#142E22!important; margin-bottom:10px!important; }
.invoice-preview.tmpl-uni30-contour .inv-label-inline,.invoice-preview.tmpl-uni30-contour .inv-lbl{ font-family:var(--font-sans)!important; color:#142E22!important; }
.invoice-preview.tmpl-uni30-contour .inv-parties{ border-bottom:none!important; padding-bottom:20px!important; margin-bottom:18px!important; }
.invoice-preview.tmpl-uni30-contour .inv-client-name{ font-size:24px!important; font-weight:500!important; color:#142E22!important; margin-bottom:6px!important; }
.invoice-preview.tmpl-uni30-contour .inv-bill-to div{ font-size:15px!important; color:#142E22!important; line-height:1.75!important; }
.invoice-preview.tmpl-uni30-contour .inv-bill-to .inv-label{ font-size:10px!important; }
.invoice-preview.tmpl-uni30-contour .inv-details{ padding-top:4px!important; min-width:230px!important; }
.invoice-preview.tmpl-uni30-contour .inv-detail-row{ gap:40px!important; padding:6px 0!important; color:#142E22!important; align-items:baseline!important; }
.invoice-preview.tmpl-uni30-contour .inv-detail-row span{ font-family:var(--font-sans)!important; font-size:10px!important; font-weight:700!important; letter-spacing:.26em!important; text-transform:uppercase!important; color:#142E22!important; }
.invoice-preview.tmpl-uni30-contour .inv-detail-row b{ font-size:15px!important; font-weight:400!important; color:#142E22!important; }
.invoice-preview.tmpl-uni30-contour .inv-shipping{ color:#142E22!important; }
.invoice-preview.tmpl-uni30-contour .inv-table thead th{ font-family:var(--font-sans)!important; font-size:10px!important; font-weight:700!important; letter-spacing:.26em!important; color:#142E22!important; border-bottom:1px solid #F2C9B0!important; padding:0 8px 12px!important; }
.invoice-preview.tmpl-uni30-contour .inv-table tbody td{ padding:16px 8px!important; border-bottom:none!important; font-size:16px!important; color:#142E22!important; }
.invoice-preview.tmpl-uni30-contour .td-desc{ font-weight:500!important; font-size:18px!important; color:#142E22!important; }
.invoice-preview.tmpl-uni30-contour .td-num{ color:#142E22!important; font-weight:400!important; }
.invoice-preview.tmpl-uni30-contour .td-amt{ color:#142E22!important; font-weight:400!important; }
.invoice-preview.tmpl-uni30-contour .inv-totals>div{ padding:6px 4px!important; color:#142E22!important; align-items:baseline!important; }
.invoice-preview.tmpl-uni30-contour .inv-totals>div span{ font-family:var(--font-sans)!important; font-size:10px!important; font-weight:700!important; letter-spacing:.26em!important; text-transform:uppercase!important; color:#142E22!important; }
.invoice-preview.tmpl-uni30-contour .inv-totals>div b{ font-size:17px!important; font-weight:400!important; color:#142E22!important; }
.invoice-preview.tmpl-uni30-contour .inv-totals>div.inv-total-grand{ background:#FBEADE!important; color:#142E22!important; border-top:none!important; margin-top:14px!important; padding:16px 20px!important; }
.invoice-preview.tmpl-uni30-contour .inv-totals>div.inv-total-grand b{ font-size:28px!important; font-weight:700!important; }
.invoice-preview.tmpl-uni30-contour .inv-deposit{ color:#142E22!important; }
.invoice-preview.tmpl-uni30-contour .inv-block{ background:none!important; border-radius:0!important; padding:0!important; margin-bottom:22px!important; }
.invoice-preview.tmpl-uni30-contour .inv-bank div,.invoice-preview.tmpl-uni30-contour .inv-notes div,.invoice-preview.tmpl-uni30-contour .inv-terms div{ font-size:15px!important; color:#142E22!important; line-height:1.7!important; }
.invoice-preview.tmpl-uni30-contour .inv-latefee{ color:#142E22!important; }
.invoice-preview.tmpl-uni30-contour .inv-signature-row{ margin-top:26px!important; }
.invoice-preview.tmpl-uni30-contour .sig-line{ border-top:1px solid #142E22!important; }
.invoice-preview.tmpl-uni30-contour .sig-caption{ font-family:var(--font-sans)!important; color:#142E22!important; letter-spacing:.26em!important; }
.invoice-preview.tmpl-uni30-contour .sig-render.sig-type{ color:#142E22!important; }
.invoice-preview.tmpl-uni30-contour .inv-footer-note{ text-align:left!important; font-style:italic!important; font-size:15px!important; color:#142E22!important; margin-top:28px!important; }
.invoice-preview.tmpl-uni30-contour .inv-powered{ font-family:var(--font-sans)!important; color:#4A5C52!important; }
/* placeholder block drew a radial-gradient circle on this ::before: reset its shape so the contour crop shows whole */
.invoice-preview.tmpl-uni30-contour::before{ border-radius:0!important; opacity:1!important; }