/* ==========================================================================
   it-gen-trade-re10-v1.css  -  Real estate services trade pack, 10 designs
   adapted from tools/full-designs/pk-re-*.js (same NN-slug, so each block
   traces back to its source). invoice-generator only (.invoice-preview DOM).
   Additive: ten new .tmpl-re10-NN-* blocks, nothing shared is touched. Every
   declaration is !important on purpose (the page's own stylesheet wins
   otherwise). Motifs are pure CSS gradients/shapes/clip-paths, no raw or
   encoded SVG and no external images (per the DOM, there is nowhere to put
   an <img> beyond the existing .inv-logo). Each block carries the hex its
   source file's header comment actually names as "accent", not a color
   guessed from the design's nickname.
   ========================================================================== */

/* ==========================================================================
   re10-01-listing  -  Luxury listing: full-width navy header band, serif
   name in caps, gold subtitle and gold document word, gold total bar, navy
   footer-toned signature row.
   Source: pk-re-01-listing (accent #14213D navy, secondary #C49A5E gold).
   ========================================================================== */
.invoice-preview.tmpl-re10-01-listing{ background:#FFFFFF !important; color:#14213D !important; font-family:var(--font-serif) !important; position:relative !important; }
.invoice-preview.tmpl-re10-01-listing .inv-head{ background:#14213D !important; color:#FFFFFF !important; margin:0 !important; padding:32px 40px 26px !important; border:none !important; display:flex !important; }
.invoice-preview.tmpl-re10-01-listing .inv-logo{ max-width:120px !important; margin-bottom:10px !important; filter:brightness(0) invert(1) !important; }
.invoice-preview.tmpl-re10-01-listing .inv-biz-name{ font-family:var(--font-serif) !important; font-weight:700 !important; font-size:24px !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:#FFFFFF !important; }
.invoice-preview.tmpl-re10-01-listing .inv-biz-contact,.invoice-preview.tmpl-re10-01-listing .inv-biz-address,.invoice-preview.tmpl-re10-01-listing .inv-biz-tax{ color:#C49A5E !important; font-size:11px !important; }
.invoice-preview.tmpl-re10-01-listing .inv-doc-title{ font-family:var(--font-serif) !important; font-size:34px !important; font-weight:700 !important; color:#C49A5E !important; letter-spacing:.05em !important; }
.invoice-preview.tmpl-re10-01-listing .inv-doc-num,.invoice-preview.tmpl-re10-01-listing .inv-doc-po{ color:#F3E7CF !important; }
.invoice-preview.tmpl-re10-01-listing .inv-label{ color:#C49A5E !important; font-weight:700 !important; letter-spacing:.05em !important; text-transform:uppercase !important; font-size:10px !important; }
.invoice-preview.tmpl-re10-01-listing .inv-table thead tr{ background:#14213D !important; color:#FFFFFF !important; }
.invoice-preview.tmpl-re10-01-listing .inv-table th{ color:#FFFFFF !important; font-weight:700 !important; text-transform:uppercase !important; font-size:10px !important; letter-spacing:.05em !important; }
.invoice-preview.tmpl-re10-01-listing .inv-table td{ border-bottom:1px solid #E7DEC9 !important; }
.invoice-preview.tmpl-re10-01-listing .inv-total-grand{ background:#C49A5E !important; color:#14213D !important; padding:10px 14px !important; border-radius:2px !important; font-weight:700 !important; }
.invoice-preview.tmpl-re10-01-listing .inv-total-grand span,.invoice-preview.tmpl-re10-01-listing .inv-total-grand b{ color:#14213D !important; }
.invoice-preview.tmpl-re10-01-listing .inv-block.inv-bank{ border:1px solid #C49A5E !important; padding:12px !important; color:#14213D !important; }
.invoice-preview.tmpl-re10-01-listing .sig-line{ border-top:1px solid #14213D !important; }
.invoice-preview.tmpl-re10-01-listing .sig-caption{ color:#6B6F76 !important; font-size:10px !important; }

/* ==========================================================================
   re10-03-commercial  -  Commercial leasing: dark slate header cut by a
   diagonal white wedge, teal accent labels and total bar, slate table head.
   Source: pk-re-03-commercial (accent #233B29 slate-green, secondary
   #52A756 teal-green).
   ========================================================================== */
.invoice-preview.tmpl-re10-03-commercial{ background:#FFFFFF !important; color:#233B29 !important; font-family:var(--font-sans) !important; position:relative !important; isolation:isolate !important; }
.invoice-preview.tmpl-re10-03-commercial .inv-head{ position:relative !important; background:#233B29 !important; color:#FFFFFF !important; margin:0 !important; padding:28px 40px 24px 40px !important; border:none !important; overflow:hidden !important; }
.invoice-preview.tmpl-re10-03-commercial .inv-head::before{ content:"" !important; position:absolute !important; left:0 !important; top:0 !important; bottom:0 !important; width:38% !important; background:#FFFFFF !important; clip-path:polygon(0 0, 70% 0, 40% 100%, 0 100%) !important; z-index:0 !important; }
.invoice-preview.tmpl-re10-03-commercial .inv-head-left,.invoice-preview.tmpl-re10-03-commercial .inv-head-right{ position:relative !important; z-index:1 !important; }
.invoice-preview.tmpl-re10-03-commercial .inv-biz-name{ color:#FFFFFF !important; font-weight:800 !important; font-size:22px !important; text-transform:uppercase !important; letter-spacing:.03em !important; }
.invoice-preview.tmpl-re10-03-commercial .inv-biz-contact,.invoice-preview.tmpl-re10-03-commercial .inv-biz-address,.invoice-preview.tmpl-re10-03-commercial .inv-biz-tax{ color:#9FD7A3 !important; font-size:11px !important; }
.invoice-preview.tmpl-re10-03-commercial .inv-doc-title{ font-size:30px !important; font-weight:800 !important; color:#52A756 !important; letter-spacing:.04em !important; }
.invoice-preview.tmpl-re10-03-commercial .inv-doc-num,.invoice-preview.tmpl-re10-03-commercial .inv-doc-po{ color:#E7F5E8 !important; }
.invoice-preview.tmpl-re10-03-commercial .inv-label{ color:#52A756 !important; font-weight:700 !important; text-transform:uppercase !important; font-size:10px !important; letter-spacing:.05em !important; }
.invoice-preview.tmpl-re10-03-commercial .inv-table thead tr{ background:#233B29 !important; }
.invoice-preview.tmpl-re10-03-commercial .inv-table th{ color:#FFFFFF !important; text-transform:uppercase !important; font-size:10px !important; }
.invoice-preview.tmpl-re10-03-commercial .inv-total-grand{ background:#52A756 !important; color:#0F1F12 !important; padding:10px 14px !important; font-weight:700 !important; }
.invoice-preview.tmpl-re10-03-commercial .inv-total-grand span,.invoice-preview.tmpl-re10-03-commercial .inv-total-grand b{ color:#0F1F12 !important; }
.invoice-preview.tmpl-re10-03-commercial .inv-block.inv-bank{ background:#F2F8F2 !important; border-left:3px solid #52A756 !important; padding:12px !important; }
.invoice-preview.tmpl-re10-03-commercial .sig-line{ border-top:1px solid #233B29 !important; }

/* ==========================================================================
   re10-04-management  -  Property management: white header, serif business
   name, long gold rule, gold total bar, green table head.
   Source: pk-re-04-management (accent #3C264D deep plum, secondary #6CB9A8
   teal-green; gold rule from the design's own fixed palette #C9A24D).
   ========================================================================== */
.invoice-preview.tmpl-re10-04-management{ background:#FFFFFF !important; color:#3C264D !important; font-family:var(--font-serif) !important; }
.invoice-preview.tmpl-re10-04-management .inv-head{ border-bottom:3px solid #C9A24D !important; padding:26px 8px 16px !important; margin:0 0 18px !important; }
.invoice-preview.tmpl-re10-04-management .inv-biz-name{ font-family:var(--font-serif) !important; color:#3C264D !important; font-weight:700 !important; font-size:23px !important; letter-spacing:.02em !important; }
.invoice-preview.tmpl-re10-04-management .inv-biz-contact,.invoice-preview.tmpl-re10-04-management .inv-biz-address,.invoice-preview.tmpl-re10-04-management .inv-biz-tax{ color:#6B5A73 !important; font-size:11px !important; }
.invoice-preview.tmpl-re10-04-management .inv-doc-title{ font-family:var(--font-serif) !important; color:#3C264D !important; font-size:28px !important; font-weight:700 !important; }
.invoice-preview.tmpl-re10-04-management .inv-doc-num,.invoice-preview.tmpl-re10-04-management .inv-doc-po{ color:#6B5A73 !important; }
.invoice-preview.tmpl-re10-04-management .inv-label{ color:#C9A24D !important; font-weight:700 !important; text-transform:uppercase !important; font-size:10px !important; letter-spacing:.05em !important; }
.invoice-preview.tmpl-re10-04-management .inv-table thead tr{ background:#6CB9A8 !important; }
.invoice-preview.tmpl-re10-04-management .inv-table th{ color:#12312A !important; text-transform:uppercase !important; font-size:10px !important; font-weight:700 !important; }
.invoice-preview.tmpl-re10-04-management .inv-total-grand{ background:#C9A24D !important; color:#3C264D !important; padding:10px 14px !important; font-weight:700 !important; border-radius:2px !important; }
.invoice-preview.tmpl-re10-04-management .inv-total-grand span,.invoice-preview.tmpl-re10-04-management .inv-total-grand b{ color:#3C264D !important; }
.invoice-preview.tmpl-re10-04-management .inv-block.inv-bank{ border-top:2px solid #C9A24D !important; padding-top:10px !important; }
.invoice-preview.tmpl-re10-04-management .sig-line{ border-top:1px solid #3C264D !important; }

/* ==========================================================================
   re10-05-investment  -  Investment advisory: light grey header strip, dark
   sans name, terracotta-gold labels and total bar, dark table head.
   Source: pk-re-05-investment (accent #2B2632 near-black, secondary #C9B745
   gold).
   ========================================================================== */
.invoice-preview.tmpl-re10-05-investment{ background:#FFFFFF !important; color:#2B2632 !important; font-family:var(--font-sans) !important; }
.invoice-preview.tmpl-re10-05-investment .inv-head{ background:#F6F5F2 !important; margin:0 !important; padding:26px 32px 20px !important; border:none !important; }
.invoice-preview.tmpl-re10-05-investment .inv-biz-name{ color:#2B2632 !important; font-weight:800 !important; font-size:21px !important; text-transform:uppercase !important; letter-spacing:.03em !important; }
.invoice-preview.tmpl-re10-05-investment .inv-biz-contact,.invoice-preview.tmpl-re10-05-investment .inv-biz-address,.invoice-preview.tmpl-re10-05-investment .inv-biz-tax{ color:#5C5763 !important; font-size:11px !important; }
.invoice-preview.tmpl-re10-05-investment .inv-doc-title{ color:#C9B745 !important; font-size:27px !important; font-weight:800 !important; letter-spacing:.04em !important; }
.invoice-preview.tmpl-re10-05-investment .inv-doc-num,.invoice-preview.tmpl-re10-05-investment .inv-doc-po{ color:#5C5763 !important; }
.invoice-preview.tmpl-re10-05-investment .inv-label{ color:#8A7B10 !important; font-weight:700 !important; text-transform:uppercase !important; font-size:10px !important; letter-spacing:.05em !important; }
.invoice-preview.tmpl-re10-05-investment .inv-table thead tr{ background:#2B2632 !important; }
.invoice-preview.tmpl-re10-05-investment .inv-table th{ color:#FFFFFF !important; text-transform:uppercase !important; font-size:10px !important; }
.invoice-preview.tmpl-re10-05-investment .inv-total-grand{ background:#C9B745 !important; color:#2B2632 !important; padding:10px 14px !important; font-weight:700 !important; }
.invoice-preview.tmpl-re10-05-investment .inv-total-grand span,.invoice-preview.tmpl-re10-05-investment .inv-total-grand b{ color:#2B2632 !important; }
.invoice-preview.tmpl-re10-05-investment .inv-block.inv-bank{ background:#F6F5F2 !important; padding:12px !important; }
.invoice-preview.tmpl-re10-05-investment .sig-line{ border-top:1px solid #2B2632 !important; }

/* ==========================================================================
   re10-12-summit  -  Summit: navy header with a gold-edged diagonal corner,
   bold document word, boxed table with row numbers, gold total bar.
   Source: pk-re-12-summit (accent #552440 deep plum-navy, secondary #64C996
   green; gold edge #C9A24D from the design's own fixed palette).
   ========================================================================== */
.invoice-preview.tmpl-re10-12-summit{ background:#FFFFFF !important; color:#3A1826 !important; font-family:var(--font-sans) !important; position:relative !important; isolation:isolate !important; }
.invoice-preview.tmpl-re10-12-summit .inv-head{ position:relative !important; background:#552440 !important; color:#FFFFFF !important; margin:0 !important; padding:26px 40px 40px !important; border:none !important; overflow:hidden !important; }
.invoice-preview.tmpl-re10-12-summit .inv-head::after{ content:"" !important; position:absolute !important; right:0 !important; top:0 !important; width:46% !important; height:100% !important; background:linear-gradient(135deg,transparent 46%,#C9A24D 46%,#C9A24D 49%,#3A1826 49%) !important; z-index:0 !important; pointer-events:none !important; }
.invoice-preview.tmpl-re10-12-summit .inv-head-left,.invoice-preview.tmpl-re10-12-summit .inv-head-right{ position:relative !important; z-index:1 !important; }
.invoice-preview.tmpl-re10-12-summit .inv-biz-name{ color:#FFFFFF !important; font-weight:800 !important; font-size:22px !important; letter-spacing:.05em !important; }
.invoice-preview.tmpl-re10-12-summit .inv-biz-contact,.invoice-preview.tmpl-re10-12-summit .inv-biz-address,.invoice-preview.tmpl-re10-12-summit .inv-biz-tax{ color:#E3C8D4 !important; font-size:11px !important; }
.invoice-preview.tmpl-re10-12-summit .inv-doc-title{ color:#FFFFFF !important; font-size:30px !important; font-weight:800 !important; }
.invoice-preview.tmpl-re10-12-summit .inv-doc-num,.invoice-preview.tmpl-re10-12-summit .inv-doc-po{ color:#F1E4E9 !important; }
.invoice-preview.tmpl-re10-12-summit .inv-label{ color:#552440 !important; font-weight:700 !important; text-transform:uppercase !important; font-size:10px !important; letter-spacing:.05em !important; }
.invoice-preview.tmpl-re10-12-summit .inv-table{ border:1px solid #E4D3DA !important; }
.invoice-preview.tmpl-re10-12-summit .inv-table thead tr{ background:#552440 !important; }
.invoice-preview.tmpl-re10-12-summit .inv-table th{ color:#FFFFFF !important; text-transform:uppercase !important; font-size:10px !important; }
.invoice-preview.tmpl-re10-12-summit .inv-table td{ border:1px solid #E4D3DA !important; position:relative !important; }
.invoice-preview.tmpl-re10-12-summit .inv-table tbody tr{ counter-increment:re10row !important; }
.invoice-preview.tmpl-re10-12-summit .inv-table tbody{ counter-reset:re10row !important; }
.invoice-preview.tmpl-re10-12-summit .inv-table tbody tr td:first-child::before{ content:counter(re10row) !important; display:inline-block !important; width:16px !important; height:16px !important; line-height:16px !important; text-align:center !important; border-radius:50% !important; background:#552440 !important; color:#FFFFFF !important; font-size:9px !important; margin-right:6px !important; }
.invoice-preview.tmpl-re10-12-summit .inv-total-grand{ background:#C9A24D !important; color:#3A1826 !important; padding:10px 14px !important; font-weight:700 !important; }
.invoice-preview.tmpl-re10-12-summit .inv-total-grand span,.invoice-preview.tmpl-re10-12-summit .inv-total-grand b{ color:#3A1826 !important; }
.invoice-preview.tmpl-re10-12-summit .inv-block.inv-bank{ background:#F8EFF3 !important; padding:12px !important; }
.invoice-preview.tmpl-re10-12-summit .sig-line{ border-top:1px solid #552440 !important; }

/* ==========================================================================
   re10-17-hartwell  -  Hartwell & Co: quiet centered masthead, widely spaced
   serif name, taupe subtitle and labels, pale total box.
   Source: pk-re-17-hartwell (accent #1D1C40 navy, secondary #A39791 taupe,
   pale #EEEBE8).
   ========================================================================== */
.invoice-preview.tmpl-re10-17-hartwell{ background:#FFFFFF !important; color:#1D1C40 !important; font-family:var(--font-serif) !important; }
.invoice-preview.tmpl-re10-17-hartwell .inv-head{ text-align:center !important; display:block !important; padding:30px 20px 18px !important; border-bottom:1px solid #A39791 !important; margin:0 0 18px !important; }
.invoice-preview.tmpl-re10-17-hartwell .inv-head-left,.invoice-preview.tmpl-re10-17-hartwell .inv-head-right{ display:inline-block !important; width:100% !important; text-align:center !important; }
.invoice-preview.tmpl-re10-17-hartwell .inv-logo{ margin:0 auto 10px !important; }
.invoice-preview.tmpl-re10-17-hartwell .inv-biz-name{ font-family:var(--font-serif) !important; color:#1D1C40 !important; font-weight:700 !important; font-size:22px !important; letter-spacing:.12em !important; text-transform:uppercase !important; }
.invoice-preview.tmpl-re10-17-hartwell .inv-biz-contact,.invoice-preview.tmpl-re10-17-hartwell .inv-biz-address,.invoice-preview.tmpl-re10-17-hartwell .inv-biz-tax{ color:#7D6E66 !important; font-size:11px !important; letter-spacing:.04em !important; }
.invoice-preview.tmpl-re10-17-hartwell .inv-doc-title{ font-family:var(--font-serif) !important; color:#1D1C40 !important; font-size:24px !important; letter-spacing:.16em !important; text-transform:uppercase !important; margin-top:10px !important; }
.invoice-preview.tmpl-re10-17-hartwell .inv-doc-num,.invoice-preview.tmpl-re10-17-hartwell .inv-doc-po{ color:#7D6E66 !important; }
.invoice-preview.tmpl-re10-17-hartwell .inv-label{ color:#A39791 !important; font-weight:700 !important; text-transform:uppercase !important; font-size:10px !important; letter-spacing:.08em !important; }
.invoice-preview.tmpl-re10-17-hartwell .inv-table thead tr{ background:#EEEBE8 !important; }
.invoice-preview.tmpl-re10-17-hartwell .inv-table th{ color:#1D1C40 !important; text-transform:uppercase !important; font-size:10px !important; letter-spacing:.05em !important; }
.invoice-preview.tmpl-re10-17-hartwell .inv-table td{ border-bottom:1px solid #EEEBE8 !important; }
.invoice-preview.tmpl-re10-17-hartwell .inv-total-grand{ background:#EEEBE8 !important; color:#1D1C40 !important; padding:10px 14px !important; font-weight:700 !important; border-top:2px solid #1D1C40 !important; }
.invoice-preview.tmpl-re10-17-hartwell .inv-total-grand span,.invoice-preview.tmpl-re10-17-hartwell .inv-total-grand b{ color:#1D1C40 !important; }
.invoice-preview.tmpl-re10-17-hartwell .inv-block.inv-bank{ border-top:1px solid #A39791 !important; padding-top:10px !important; }
.invoice-preview.tmpl-re10-17-hartwell .sig-line{ border-top:1px solid #1D1C40 !important; }
.invoice-preview.tmpl-re10-17-hartwell .sig-caption{ font-style:italic !important; color:#7D6E66 !important; }

/* ==========================================================================
   re10-18-services  -  Hartwell services: rounded cream cards, deep green
   headings and footer, sage table head and total band.
   Source: pk-re-18-services (accent #3E5540 deep green, cream #EEE8E6,
   sage tint derived from the accent).
   ========================================================================== */
.invoice-preview.tmpl-re10-18-services{ background:#FBFAF7 !important; color:#2D3330 !important; font-family:var(--font-sans) !important; }
.invoice-preview.tmpl-re10-18-services .inv-head{ background:#EEE8E6 !important; border-radius:14px !important; margin:12px !important; padding:22px 26px !important; border:none !important; }
.invoice-preview.tmpl-re10-18-services .inv-logo{ border-radius:8px !important; margin-bottom:8px !important; }
.invoice-preview.tmpl-re10-18-services .inv-biz-name{ font-family:var(--font-serif) !important; color:#3E5540 !important; font-weight:700 !important; font-size:22px !important; }
.invoice-preview.tmpl-re10-18-services .inv-biz-contact,.invoice-preview.tmpl-re10-18-services .inv-biz-address,.invoice-preview.tmpl-re10-18-services .inv-biz-tax{ color:#5C6459 !important; font-size:11px !important; }
.invoice-preview.tmpl-re10-18-services .inv-doc-title{ font-family:var(--font-serif) !important; color:#3E5540 !important; font-size:28px !important; }
.invoice-preview.tmpl-re10-18-services .inv-doc-num,.invoice-preview.tmpl-re10-18-services .inv-doc-po{ color:#5C6459 !important; }
.invoice-preview.tmpl-re10-18-services .inv-label{ color:#3E5540 !important; font-weight:700 !important; text-transform:uppercase !important; font-size:10px !important; letter-spacing:.04em !important; }
.invoice-preview.tmpl-re10-18-services .inv-table{ border-radius:10px !important; overflow:hidden !important; border:1px solid #DCE6DD !important; }
.invoice-preview.tmpl-re10-18-services .inv-table thead tr{ background:#CFE0D2 !important; }
.invoice-preview.tmpl-re10-18-services .inv-table th{ color:#2A3B2C !important; text-transform:uppercase !important; font-size:10px !important; }
.invoice-preview.tmpl-re10-18-services .inv-table tbody tr:nth-child(even){ background:#F4F7F3 !important; }
.invoice-preview.tmpl-re10-18-services .inv-totals{ background:#F4F1EC !important; border-radius:10px !important; padding:12px !important; }
.invoice-preview.tmpl-re10-18-services .inv-total-grand{ background:#CFE0D2 !important; color:#2A3B2C !important; padding:10px 14px !important; border-radius:8px !important; font-weight:700 !important; }
.invoice-preview.tmpl-re10-18-services .inv-total-grand span,.invoice-preview.tmpl-re10-18-services .inv-total-grand b{ color:#2A3B2C !important; }
.invoice-preview.tmpl-re10-18-services .inv-block.inv-bank{ background:#EEE8E6 !important; border-radius:10px !important; padding:12px !important; }
.invoice-preview.tmpl-re10-18-services .sig-line{ border-top:1px solid #3E5540 !important; }

/* ==========================================================================
   re10-20-luxury  -  Carter & Blake: dark gradient panel header standing in
   for the villa photo, gold serif document word and rules, sand accents.
   Source: pk-re-20-luxury (accent #893A93 magenta-gold labels per the
   source's own fixed accent value, ink #1E301F, sand #F0E3F1).
   ========================================================================== */
.invoice-preview.tmpl-re10-20-luxury{ background:#FFFFFF !important; color:#1E301F !important; font-family:var(--font-serif) !important; }
.invoice-preview.tmpl-re10-20-luxury .inv-head{ background:linear-gradient(135deg,#1E301F 0%,#3B2A3E 55%,#1E301F 100%) !important; color:#F0E3F1 !important; margin:0 !important; padding:34px 40px !important; border:none !important; }
.invoice-preview.tmpl-re10-20-luxury .inv-logo{ filter:brightness(0) invert(1) !important; max-width:110px !important; }
.invoice-preview.tmpl-re10-20-luxury .inv-biz-name{ font-family:var(--font-serif) !important; color:#FFFFFF !important; font-weight:700 !important; font-size:24px !important; letter-spacing:.04em !important; font-variant:small-caps !important; }
.invoice-preview.tmpl-re10-20-luxury .inv-biz-contact,.invoice-preview.tmpl-re10-20-luxury .inv-biz-address,.invoice-preview.tmpl-re10-20-luxury .inv-biz-tax{ color:#E7D3E9 !important; font-size:11px !important; font-style:italic !important; }
.invoice-preview.tmpl-re10-20-luxury .inv-doc-title{ font-family:var(--font-serif) !important; color:#DDB6E0 !important; font-size:32px !important; font-weight:700 !important; }
.invoice-preview.tmpl-re10-20-luxury .inv-doc-num,.invoice-preview.tmpl-re10-20-luxury .inv-doc-po{ color:#F0E3F1 !important; }
.invoice-preview.tmpl-re10-20-luxury .inv-label{ color:#893A93 !important; font-weight:700 !important; text-transform:uppercase !important; font-size:10px !important; letter-spacing:.06em !important; border-bottom:1px solid #893A93 !important; padding-bottom:2px !important; }
.invoice-preview.tmpl-re10-20-luxury .inv-table thead tr{ background:#F0E3F1 !important; }
.invoice-preview.tmpl-re10-20-luxury .inv-table th{ color:#5A2B5E !important; text-transform:uppercase !important; font-size:10px !important; }
.invoice-preview.tmpl-re10-20-luxury .inv-table td{ border-bottom:1px solid #F0E3F1 !important; }
.invoice-preview.tmpl-re10-20-luxury .inv-total-grand{ background:#1E301F !important; color:#F0E3F1 !important; padding:10px 14px !important; font-weight:700 !important; }
.invoice-preview.tmpl-re10-20-luxury .inv-total-grand span,.invoice-preview.tmpl-re10-20-luxury .inv-total-grand b{ color:#F0E3F1 !important; }
.invoice-preview.tmpl-re10-20-luxury .inv-block.inv-bank{ background:#F8F0F9 !important; padding:12px !important; }
.invoice-preview.tmpl-re10-20-luxury .sig-line{ border-top:1px solid #1E301F !important; }
.invoice-preview.tmpl-re10-20-luxury .sig-caption{ font-style:italic !important; color:#5A2B5E !important; }

/* ==========================================================================
   re10-21-terracotta  -  Haven Ridge minimalist: a terracotta-to-cream
   sidebar strip on the left holding the brand block, white document column.
   Source: pk-re-21-terracotta (accent #B6C576 olive-terracotta, ink #261F33,
   cream #E7EEDF).
   ========================================================================== */
.invoice-preview.tmpl-re10-21-terracotta{ background:#FDFCFB !important; color:#261F33 !important; font-family:var(--font-serif) !important; position:relative !important; padding-left:170px !important; min-height:600px !important; isolation:isolate !important; }
.invoice-preview.tmpl-re10-21-terracotta::before{ content:"" !important; position:absolute !important; left:0 !important; top:0 !important; bottom:0 !important; width:170px !important; background:linear-gradient(180deg,#B6C576 0%,#B6C576 30%,#E7EEDF 30%,#E7EEDF 100%) !important; z-index:0 !important; }
.invoice-preview.tmpl-re10-21-terracotta .inv-head{ position:relative !important; z-index:1 !important; padding:24px 24px 16px 0 !important; margin:0 !important; border:none !important; }
.invoice-preview.tmpl-re10-21-terracotta .inv-biz-name{ color:#261F33 !important; font-weight:700 !important; font-size:21px !important; letter-spacing:.03em !important; }
.invoice-preview.tmpl-re10-21-terracotta .inv-biz-contact,.invoice-preview.tmpl-re10-21-terracotta .inv-biz-address,.invoice-preview.tmpl-re10-21-terracotta .inv-biz-tax{ color:#5C5347 !important; font-size:11px !important; }
.invoice-preview.tmpl-re10-21-terracotta .inv-doc-title{ color:#7C8A45 !important; font-size:28px !important; font-weight:700 !important; letter-spacing:.03em !important; }
.invoice-preview.tmpl-re10-21-terracotta .inv-doc-num,.invoice-preview.tmpl-re10-21-terracotta .inv-doc-po{ color:#5C5347 !important; }
.invoice-preview.tmpl-re10-21-terracotta .inv-label{ color:#7C8A45 !important; font-weight:700 !important; text-transform:uppercase !important; font-size:10px !important; letter-spacing:.05em !important; }
.invoice-preview.tmpl-re10-21-terracotta .inv-table thead tr{ background:#F3E7DE !important; }
.invoice-preview.tmpl-re10-21-terracotta .inv-table th{ color:#5C3B2E !important; text-transform:uppercase !important; font-size:10px !important; }
.invoice-preview.tmpl-re10-21-terracotta .inv-table td{ border-bottom:1px solid #EFE9DE !important; }
.invoice-preview.tmpl-re10-21-terracotta .inv-total-grand{ background:#E8A98C !important; color:#3A2418 !important; padding:10px 14px !important; font-weight:700 !important; }
.invoice-preview.tmpl-re10-21-terracotta .inv-total-grand span,.invoice-preview.tmpl-re10-21-terracotta .inv-total-grand b{ color:#3A2418 !important; }
.invoice-preview.tmpl-re10-21-terracotta .inv-block.inv-bank{ position:relative !important; z-index:1 !important; background:#F7F3EC !important; padding:12px !important; }
.invoice-preview.tmpl-re10-21-terracotta .sig-line{ border-top:1px solid #261F33 !important; }
.invoice-preview.tmpl-re10-21-terracotta .sig-caption{ font-style:italic !important; color:#5C5347 !important; }

/* ==========================================================================
   re10-24-riverton  -  Riverton: monochrome skyline-toned masthead, large
   serif name, green amount-due box, black table head.
   Source: pk-re-24-riverton (accent #1C5D20 green, ink #1B1B1B).
   ========================================================================== */
.invoice-preview.tmpl-re10-24-riverton{ background:#FFFFFF !important; color:#1B1B1B !important; font-family:var(--font-serif) !important; position:relative !important; isolation:isolate !important; }
.invoice-preview.tmpl-re10-24-riverton .inv-head{ position:relative !important; background:linear-gradient(90deg,#FFFFFF 0%,#DADADA 55%,#8C8C8C 100%) !important; color:#1B1B1B !important; margin:0 !important; padding:26px 40px !important; border-bottom:2px solid #1C5D20 !important; }
.invoice-preview.tmpl-re10-24-riverton .inv-biz-name{ color:#1B1B1B !important; font-weight:700 !important; font-size:24px !important; letter-spacing:.05em !important; }
.invoice-preview.tmpl-re10-24-riverton .inv-biz-contact,.invoice-preview.tmpl-re10-24-riverton .inv-biz-address,.invoice-preview.tmpl-re10-24-riverton .inv-biz-tax{ color:#3A3A3A !important; font-size:11px !important; }
.invoice-preview.tmpl-re10-24-riverton .inv-doc-title{ color:#1B1B1B !important; font-size:30px !important; font-weight:700 !important; }
.invoice-preview.tmpl-re10-24-riverton .inv-doc-num{ background:#1C5D20 !important; color:#FFFFFF !important; padding:4px 10px !important; display:inline-block !important; border-radius:2px !important; }
.invoice-preview.tmpl-re10-24-riverton .inv-doc-po{ color:#3A3A3A !important; }
.invoice-preview.tmpl-re10-24-riverton .inv-label{ color:#3A3A3A !important; font-weight:700 !important; text-transform:uppercase !important; font-size:10px !important; letter-spacing:.06em !important; }
.invoice-preview.tmpl-re10-24-riverton .inv-table thead tr{ background:#1B1B1B !important; }
.invoice-preview.tmpl-re10-24-riverton .inv-table th{ color:#FFFFFF !important; text-transform:uppercase !important; font-size:10px !important; }
.invoice-preview.tmpl-re10-24-riverton .inv-table td{ border-bottom:1px solid #D8D8D8 !important; }
.invoice-preview.tmpl-re10-24-riverton .inv-total-grand{ background:#1C5D20 !important; color:#FFFFFF !important; padding:10px 14px !important; font-weight:700 !important; }
.invoice-preview.tmpl-re10-24-riverton .inv-total-grand span,.invoice-preview.tmpl-re10-24-riverton .inv-total-grand b{ color:#FFFFFF !important; }
.invoice-preview.tmpl-re10-24-riverton .inv-block.inv-bank{ border:1px solid #D8D8D8 !important; padding:12px !important; }
.invoice-preview.tmpl-re10-24-riverton .sig-line{ border-top:1px solid #1B1B1B !important; }