/* ==========================================================================
   it-gen-trade-wd10-v1.css  -  Web designer trade pack, 10 signature designs
   adapted from tools/full-designs/pk-wd-01..10.js (same NN-slug, so each
   block traces back to its source). invoice-generator only (.invoice-preview
   DOM). Additive: ten new .tmpl-wd10-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-path plus a
   couple of tiny base64 SVG drawings (never a raw utf8 SVG inside url(): it
   breaks the PDF/PNG export). Each block carries the hex its source file
   actually ships, even where the source's own color name in its comment is
   inaccurate (e.g. pk-wd-05's "teal" is really a gold hex) - the hex is what
   matters for a pixel match, not the label.
   All 10 source packs kept - no two read as near-duplicates.
   ========================================================================== */

/* ==========================================================================
   wd10-01-clean  -  pale steel-blue tints, a thin vertical rule beside the
   masthead, a large classic serif document word, pale blue table header.
   Source: pk-wd-01-clean (accent #41688D steel blue, ink #0F1A2E).
   ========================================================================== */
.invoice-preview.tmpl-wd10-01-clean{ background:#FFFFFF !important; color:#0F1A2E !important; font-family:var(--font-sans) !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-head{ display:grid !important; grid-template-columns:minmax(0,1fr) 240px !important; gap:24px !important; align-items:end !important; padding-bottom:22px !important; border-bottom:1px solid color-mix(in srgb,#41688D 28%,#fff) !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-biz-name{ font-size:19px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:#0F1A2E !important; margin-bottom:6px !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-biz-contact div, .invoice-preview.tmpl-wd10-01-clean .inv-biz-address, .invoice-preview.tmpl-wd10-01-clean .inv-biz-tax{ font-size:11px !important; color:#4E596A !important; opacity:1 !important; line-height:1.7 !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-head-right{ text-align:right !important; border-left:1px solid color-mix(in srgb,#41688D 28%,#fff) !important; padding-left:22px !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-doc-title{ display:block !important; font-family:var(--font-serif) !important; font-weight:600 !important; font-size:38px !important; letter-spacing:.01em !important; text-transform:capitalize !important; color:#0F1A2E !important; margin-bottom:8px !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-doc-num{ display:block !important; font-size:10.5px !important; font-weight:600 !important; letter-spacing:.18em !important; text-transform:uppercase !important; color:#41688D !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-doc-po{ font-size:10px !important; letter-spacing:.1em !important; color:#4E596A !important; opacity:1 !important; margin-top:4px !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-parties{ padding:22px 0 !important; border-bottom:1px solid color-mix(in srgb,#41688D 16%,#fff) !important; margin-bottom:20px !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-label{ font-size:9.5px !important; font-weight:700 !important; letter-spacing:.22em !important; text-transform:uppercase !important; color:#41688D !important; margin-bottom:6px !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-details{ background:color-mix(in srgb,#41688D 8%,#fff) !important; border-radius:4px !important; padding:14px 16px !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-client-name{ font-size:15px !important; font-weight:700 !important; color:#0F1A2E !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-table{ border:none !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-table thead th{ background:color-mix(in srgb,#41688D 14%,#fff) !important; color:#0F1A2E !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.14em !important; text-transform:uppercase !important; border:none !important; border-bottom:2px solid #41688D !important; padding:10px 12px !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-table tbody td{ border:none !important; border-bottom:1px solid color-mix(in srgb,#41688D 16%,#fff) !important; padding:11px 12px !important; font-size:13px !important; color:#0F1A2E !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-totals{ width:300px !important; margin:16px 0 20px auto !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-totals>div{ font-size:12.5px !important; color:#4E596A !important; padding:6px 4px !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-totals>div.inv-total-grand{ background:#41688D !important; color:#FFFFFF !important; padding:12px 14px !important; border-radius:4px !important; font-weight:700 !important; letter-spacing:.06em !important; text-transform:uppercase !important; font-size:12px !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-total-grand b{ color:#FFFFFF !important; font-size:18px !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-block{ background:color-mix(in srgb,#41688D 8%,#fff) !important; border:none !important; border-left:3px solid #41688D !important; border-radius:0 4px 4px 0 !important; padding:12px 16px !important; }
.invoice-preview.tmpl-wd10-01-clean .inv-block div{ color:#4E596A !important; }
.invoice-preview.tmpl-wd10-01-clean .sig-line{ border-top:1.5px solid #0F1A2E !important; }
.invoice-preview.tmpl-wd10-01-clean .sig-caption{ color:#4E596A !important; letter-spacing:.14em !important; text-transform:uppercase !important; font-size:9.5px !important; }

/* ==========================================================================
   wd10-02-device  -  a dark navy card holding the brand (device-frame
   sidebar echo), a browser-dots decorative bar in the header, a heavy
   geometric document word, rounded pale table header and total bar.
   Source: pk-wd-02-device (accent #EF365F, navy #03101B).
   ========================================================================== */
.invoice-preview.tmpl-wd10-02-device{ background:#FFFFFF !important; color:#250B0D !important; font-family:var(--font-sans) !important; }
.invoice-preview.tmpl-wd10-02-device .inv-head{ display:grid !important; grid-template-columns:280px minmax(0,1fr) !important; gap:22px !important; align-items:stretch !important; }
.invoice-preview.tmpl-wd10-02-device .inv-head-left{ background:#03101B !important; color:#FFFFFF !important; border-radius:10px !important; padding:22px 20px !important; }
.invoice-preview.tmpl-wd10-02-device .inv-biz-name{ color:#FFFFFF !important; font-size:17px !important; font-weight:800 !important; text-transform:uppercase !important; letter-spacing:.03em !important; margin-bottom:8px !important; }
.invoice-preview.tmpl-wd10-02-device .inv-biz-contact div, .invoice-preview.tmpl-wd10-02-device .inv-biz-address, .invoice-preview.tmpl-wd10-02-device .inv-biz-tax{ font-size:11px !important; color:#C9CDD6 !important; opacity:1 !important; line-height:1.75 !important; }
.invoice-preview.tmpl-wd10-02-device .inv-head-right{ position:relative !important; padding-top:26px !important; text-align:right !important; }
.invoice-preview.tmpl-wd10-02-device .inv-head-right::before{ content:"" !important; display:block !important; width:64px !important; height:14px !important; margin:0 0 16px auto !important; border-radius:7px !important; background:linear-gradient(90deg,#EF365F 0 8px,transparent 8px 16px,#EF365F 16px 24px,transparent 24px 32px,#EF365F 32px 40px,transparent 40px) !important; opacity:.35 !important; }
.invoice-preview.tmpl-wd10-02-device .inv-doc-title{ display:block !important; font-size:34px !important; font-weight:900 !important; letter-spacing:-.01em !important; text-transform:uppercase !important; color:#EF365F !important; margin-bottom:8px !important; }
.invoice-preview.tmpl-wd10-02-device .inv-doc-num{ display:block !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.1em !important; color:#03101B !important; }
.invoice-preview.tmpl-wd10-02-device .inv-doc-po{ font-size:10.5px !important; color:#8B6469 !important; opacity:1 !important; margin-top:4px !important; }
.invoice-preview.tmpl-wd10-02-device .inv-parties{ margin-top:22px !important; }
.invoice-preview.tmpl-wd10-02-device .inv-label{ font-size:9.5px !important; font-weight:700 !important; letter-spacing:.2em !important; text-transform:uppercase !important; color:#EF365F !important; margin-bottom:6px !important; }
.invoice-preview.tmpl-wd10-02-device .inv-details{ background:color-mix(in srgb,#EF365F 9%,#fff) !important; border-radius:10px !important; padding:14px 16px !important; }
.invoice-preview.tmpl-wd10-02-device .inv-table{ border:none !important; border-radius:10px !important; overflow:hidden !important; }
.invoice-preview.tmpl-wd10-02-device .inv-table thead th{ background:color-mix(in srgb,#EF365F 14%,#fff) !important; color:#03101B !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; border:none !important; padding:11px 12px !important; }
.invoice-preview.tmpl-wd10-02-device .inv-table tbody td{ border:none !important; border-bottom:1px solid #EDE1E3 !important; padding:11px 12px !important; font-size:13px !important; color:#250B0D !important; }
.invoice-preview.tmpl-wd10-02-device .inv-totals{ width:300px !important; margin:16px 0 20px auto !important; }
.invoice-preview.tmpl-wd10-02-device .inv-totals>div{ font-size:12.5px !important; color:#8B6469 !important; padding:6px 4px !important; }
.invoice-preview.tmpl-wd10-02-device .inv-totals>div.inv-total-grand{ background:color-mix(in srgb,#EF365F 16%,#fff) !important; color:#03101B !important; padding:12px 14px !important; border-radius:10px !important; border:1px solid #EF365F !important; font-weight:700 !important; font-size:12px !important; letter-spacing:.04em !important; text-transform:uppercase !important; }
.invoice-preview.tmpl-wd10-02-device .inv-total-grand b{ color:#03101B !important; font-size:18px !important; }
.invoice-preview.tmpl-wd10-02-device .inv-block{ background:color-mix(in srgb,#EF365F 9%,#fff) !important; border:none !important; border-radius:10px !important; padding:12px 16px !important; }
.invoice-preview.tmpl-wd10-02-device .inv-block div{ color:#8B6469 !important; }
.invoice-preview.tmpl-wd10-02-device .sig-line{ border-top:1.5px solid #03101B !important; }
.invoice-preview.tmpl-wd10-02-device .sig-caption{ color:#8B6469 !important; text-transform:uppercase !important; letter-spacing:.12em !important; font-size:9.5px !important; }

/* ==========================================================================
   wd10-03-gradient  -  soft lavender page, rounded white cards, a lavender
   table header band and a pastel gradient total bar / thank-you note.
   Source: pk-wd-03-gradient (accent #56F161 green, ink #15380E).
   ========================================================================== */
.invoice-preview.tmpl-wd10-03-gradient{ background:linear-gradient(180deg,#F2F5FE,#EFF1FC) !important; color:#15380E !important; font-family:var(--font-sans) !important; padding:20px !important; border-radius:14px !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-head{ background:#FFFFFF !important; border-radius:12px !important; box-shadow:0 2px 10px rgba(21,56,14,.08) !important; padding:22px 24px !important; border:none !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-biz-name{ font-size:18px !important; font-weight:800 !important; color:#15380E !important; margin-bottom:6px !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-biz-contact div, .invoice-preview.tmpl-wd10-03-gradient .inv-biz-address, .invoice-preview.tmpl-wd10-03-gradient .inv-biz-tax{ font-size:11px !important; color:#65855A !important; opacity:1 !important; line-height:1.7 !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-doc-title{ font-size:32px !important; font-weight:800 !important; color:#3B7A1E !important; margin-bottom:8px !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-doc-num{ font-size:11px !important; font-weight:700 !important; color:#15380E !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-doc-po{ font-size:10.5px !important; color:#65855A !important; opacity:1 !important; margin-top:4px !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-parties{ margin-top:16px !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-bill-to, .invoice-preview.tmpl-wd10-03-gradient .inv-details{ background:#FFFFFF !important; border-radius:12px !important; box-shadow:0 2px 10px rgba(21,56,14,.06) !important; padding:14px 16px !important; border-top:3px solid #56F161 !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-label{ font-size:9.5px !important; font-weight:700 !important; letter-spacing:.18em !important; text-transform:uppercase !important; color:#3B7A1E !important; margin-bottom:6px !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-client-name{ font-size:15px !important; font-weight:700 !important; color:#15380E !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-table{ border:none !important; border-radius:12px !important; overflow:hidden !important; box-shadow:0 2px 10px rgba(21,56,14,.06) !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-table thead th{ background:color-mix(in srgb,#56F161 24%,#fff) !important; color:#15380E !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; border:none !important; padding:11px 12px !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-table tbody{ background:#FFFFFF !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-table tbody td{ border:none !important; border-bottom:1px solid #E7F3E3 !important; padding:11px 12px !important; font-size:13px !important; color:#15380E !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-totals{ width:300px !important; margin:16px 0 20px auto !important; background:#FFFFFF !important; border-radius:12px !important; padding:10px 14px !important; box-shadow:0 2px 10px rgba(21,56,14,.06) !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-totals>div{ font-size:12.5px !important; color:#65855A !important; padding:5px 0 !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-totals>div.inv-total-grand{ background:linear-gradient(90deg,#56F161,#8DF042) !important; color:#15380E !important; padding:11px 14px !important; border-radius:8px !important; font-weight:800 !important; font-size:12px !important; letter-spacing:.04em !important; text-transform:uppercase !important; margin-top:6px !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-total-grand b{ color:#15380E !important; font-size:18px !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-block{ background:#FFFFFF !important; border:none !important; border-radius:12px !important; padding:12px 16px !important; box-shadow:0 2px 10px rgba(21,56,14,.06) !important; }
.invoice-preview.tmpl-wd10-03-gradient .inv-block div{ color:#65855A !important; }
.invoice-preview.tmpl-wd10-03-gradient .sig-line{ border-top:1.5px solid #15380E !important; }
.invoice-preview.tmpl-wd10-03-gradient .sig-caption{ color:#65855A !important; font-size:9.5px !important; letter-spacing:.1em !important; text-transform:uppercase !important; }

/* ==========================================================================
   wd10-04-editorial  -  typography-led serif page, a very large serif
   document word, a pale grey table header band, an accent serif total.
   Source: pk-wd-04-editorial (accent #5D21C7 editorial purple, ink #111).
   ========================================================================== */
.invoice-preview.tmpl-wd10-04-editorial{ background:#FFFFFF !important; color:#141518 !important; font-family:var(--font-serif) !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-head{ border-bottom:1.5px solid #73757C !important; padding-bottom:20px !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-biz-name{ font-size:19px !important; font-weight:600 !important; color:#111111 !important; margin-bottom:6px !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-biz-contact div, .invoice-preview.tmpl-wd10-04-editorial .inv-biz-address, .invoice-preview.tmpl-wd10-04-editorial .inv-biz-tax{ font-family:var(--font-sans) !important; font-size:11px !important; color:#5E6168 !important; opacity:1 !important; line-height:1.7 !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-head-right{ text-align:right !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-doc-title{ font-size:46px !important; font-weight:600 !important; font-style:italic !important; color:#5D21C7 !important; margin-bottom:8px !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-doc-num{ font-family:var(--font-sans) !important; font-size:10.5px !important; font-weight:600 !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:#141518 !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-doc-po{ font-family:var(--font-sans) !important; font-size:10px !important; color:#5E6168 !important; opacity:1 !important; margin-top:4px !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-parties{ padding:20px 0 !important; border-bottom:1px solid #C8CACD !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-label{ font-family:var(--font-sans) !important; font-size:9.5px !important; font-weight:700 !important; letter-spacing:.2em !important; text-transform:uppercase !important; color:#5D21C7 !important; margin-bottom:6px !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-client-name{ font-size:16px !important; font-weight:600 !important; color:#141518 !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-table{ border:none !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-table thead th{ background:#F1F1F2 !important; color:#141518 !important; font-family:var(--font-sans) !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; border:none !important; padding:11px 12px !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-table tbody td{ border:none !important; border-bottom:1px solid #E2E3E5 !important; padding:12px !important; font-size:14px !important; color:#141518 !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-totals{ width:300px !important; margin:16px 0 20px auto !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-totals>div{ font-family:var(--font-sans) !important; font-size:12.5px !important; color:#5E6168 !important; padding:6px 4px !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-totals>div.inv-total-grand{ border-top:2px solid #5D21C7 !important; padding-top:10px !important; margin-top:6px !important; font-weight:600 !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-total-grand span{ font-family:var(--font-sans) !important; text-transform:uppercase !important; letter-spacing:.1em !important; font-size:11px !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-total-grand b{ color:#5D21C7 !important; font-size:24px !important; font-style:italic !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-block{ background:transparent !important; border:none !important; border-top:1px solid #C8CACD !important; border-radius:0 !important; padding:14px 0 0 !important; }
.invoice-preview.tmpl-wd10-04-editorial .inv-block div{ font-family:var(--font-sans) !important; color:#5E6168 !important; }
.invoice-preview.tmpl-wd10-04-editorial .sig-line{ border-top:1.5px solid #141518 !important; }
.invoice-preview.tmpl-wd10-04-editorial .sig-caption{ font-family:var(--font-sans) !important; color:#5E6168 !important; letter-spacing:.1em !important; text-transform:uppercase !important; font-size:9.5px !important; }

/* ==========================================================================
   wd10-05-split  -  a dark banner masthead cut on a diagonal in the accent
   gold, a pale gold-tinted table header, a dark navy total bar.
   Source: pk-wd-05-split (accent #AE7B1A gold, navy #3D3E0E).
   ========================================================================== */
.invoice-preview.tmpl-wd10-05-split{ background:#FFFFFF !important; color:#3D3E0E !important; font-family:var(--font-sans) !important; overflow:hidden !important; }
.invoice-preview.tmpl-wd10-05-split .inv-head{ display:grid !important; grid-template-columns:minmax(0,1fr) 260px !important; margin:-1px -1px 0 !important; padding:26px 28px !important; background:linear-gradient(100deg,#3D3E0E 0%,#3D3E0E calc(100% - 40px),#AE7B1A calc(100% - 40px),#AE7B1A calc(100% - 32px),#3D3E0E calc(100% - 32px)) !important; color:#FFFFFF !important; border:none !important; }
.invoice-preview.tmpl-wd10-05-split .inv-biz-name{ color:#FFFFFF !important; font-size:19px !important; font-weight:800 !important; letter-spacing:.02em !important; margin-bottom:8px !important; padding-bottom:8px !important; border-bottom:2px solid #AE7B1A !important; display:inline-block !important; }
.invoice-preview.tmpl-wd10-05-split .inv-biz-contact div, .invoice-preview.tmpl-wd10-05-split .inv-biz-address, .invoice-preview.tmpl-wd10-05-split .inv-biz-tax{ font-size:11px !important; color:#D8D9C6 !important; opacity:1 !important; line-height:1.7 !important; }
.invoice-preview.tmpl-wd10-05-split .inv-head-right{ text-align:right !important; }
.invoice-preview.tmpl-wd10-05-split .inv-doc-title{ font-size:32px !important; font-weight:800 !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:#AE7B1A !important; margin-bottom:8px !important; }
.invoice-preview.tmpl-wd10-05-split .inv-doc-num{ font-size:11px !important; font-weight:700 !important; color:#FFFFFF !important; }
.invoice-preview.tmpl-wd10-05-split .inv-doc-po{ font-size:10.5px !important; color:#D8D9C6 !important; opacity:1 !important; margin-top:4px !important; }
.invoice-preview.tmpl-wd10-05-split .inv-parties{ margin-top:22px !important; }
.invoice-preview.tmpl-wd10-05-split .inv-label{ font-size:9.5px !important; font-weight:700 !important; letter-spacing:.2em !important; text-transform:uppercase !important; color:#AE7B1A !important; margin-bottom:6px !important; }
.invoice-preview.tmpl-wd10-05-split .inv-details{ background:color-mix(in srgb,#AE7B1A 10%,#fff) !important; border-radius:6px !important; padding:14px 16px !important; }
.invoice-preview.tmpl-wd10-05-split .inv-table{ border:none !important; }
.invoice-preview.tmpl-wd10-05-split .inv-table thead th{ background:color-mix(in srgb,#AE7B1A 18%,#fff) !important; color:#3D3E0E !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; border:none !important; padding:11px 12px !important; }
.invoice-preview.tmpl-wd10-05-split .inv-table tbody td{ border:none !important; border-bottom:1px solid color-mix(in srgb,#AE7B1A 20%,#fff) !important; padding:11px 12px !important; font-size:13px !important; color:#3D3E0E !important; }
.invoice-preview.tmpl-wd10-05-split .inv-totals{ width:300px !important; margin:16px 0 20px auto !important; }
.invoice-preview.tmpl-wd10-05-split .inv-totals>div{ font-size:12.5px !important; color:#5E6B77 !important; padding:6px 4px !important; }
.invoice-preview.tmpl-wd10-05-split .inv-totals>div.inv-total-grand{ background:#3D3E0E !important; color:#FFFFFF !important; padding:12px 14px !important; border-radius:6px !important; font-weight:700 !important; font-size:12px !important; letter-spacing:.06em !important; text-transform:uppercase !important; }
.invoice-preview.tmpl-wd10-05-split .inv-total-grand b{ color:#AE7B1A !important; font-size:19px !important; }
.invoice-preview.tmpl-wd10-05-split .inv-block{ background:color-mix(in srgb,#AE7B1A 10%,#fff) !important; border:none !important; border-radius:6px !important; padding:12px 16px !important; }
.invoice-preview.tmpl-wd10-05-split .inv-block div{ color:#5E6B77 !important; }
.invoice-preview.tmpl-wd10-05-split .sig-line{ border-top:1.5px solid #3D3E0E !important; }
.invoice-preview.tmpl-wd10-05-split .sig-caption{ color:#5E6B77 !important; letter-spacing:.12em !important; text-transform:uppercase !important; font-size:9.5px !important; }

/* ==========================================================================
   wd10-06-warm  -  warm cream page, blush-tinted header band and total box,
   soft clay-toned accents, an italic serif thank-you.
   Source: pk-wd-06-warm (accent #108B84, ink #1A1A1A).
   ========================================================================== */
.invoice-preview.tmpl-wd10-06-warm{ background:#FDFCFA !important; color:#1A1A1A !important; font-family:var(--font-sans) !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-head{ border-bottom:none !important; padding-bottom:18px !important; position:relative !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-head::before{ content:"" !important; position:absolute !important; right:0 !important; top:-10px !important; width:120px !important; height:120px !important; border-radius:50% !important; background:color-mix(in srgb,#108B84 14%,#fff) !important; z-index:0 !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-biz-name{ font-family:var(--font-serif) !important; font-size:19px !important; font-weight:600 !important; color:#1A1A1A !important; margin-bottom:6px !important; position:relative !important; z-index:1 !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-biz-contact div, .invoice-preview.tmpl-wd10-06-warm .inv-biz-address, .invoice-preview.tmpl-wd10-06-warm .inv-biz-tax{ font-size:11px !important; color:#7A6A5C !important; opacity:1 !important; line-height:1.7 !important; position:relative !important; z-index:1 !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-head-right{ text-align:right !important; position:relative !important; z-index:1 !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-doc-title{ font-family:var(--font-serif) !important; font-size:34px !important; font-weight:600 !important; color:#108B84 !important; margin-bottom:8px !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-doc-num{ font-size:11px !important; font-weight:700 !important; color:#1A1A1A !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-doc-po{ font-size:10.5px !important; color:#7A6A5C !important; opacity:1 !important; margin-top:4px !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-parties{ margin-top:16px !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-label{ font-size:9.5px !important; font-weight:700 !important; letter-spacing:.18em !important; text-transform:uppercase !important; color:#108B84 !important; margin-bottom:6px !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-details{ background:color-mix(in srgb,#108B84 8%,#fff) !important; border-radius:8px !important; padding:14px 16px !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-table{ border:none !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-table thead th{ background:color-mix(in srgb,#108B84 16%,#fff) !important; color:#1A1A1A !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; border:none !important; padding:11px 12px !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-table tbody td{ border:none !important; border-bottom:1px solid color-mix(in srgb,#108B84 14%,#fff) !important; padding:11px 12px !important; font-size:13px !important; color:#1A1A1A !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-totals{ width:300px !important; margin:16px 0 20px auto !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-totals>div{ font-size:12.5px !important; color:#7A6A5C !important; padding:6px 4px !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-totals>div.inv-total-grand{ background:color-mix(in srgb,#108B84 20%,#fff) !important; color:#1A1A1A !important; padding:12px 14px !important; border-radius:8px !important; font-weight:700 !important; font-size:12px !important; letter-spacing:.04em !important; text-transform:uppercase !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-total-grand b{ color:#0B5F5A !important; font-size:18px !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-block{ background:color-mix(in srgb,#108B84 8%,#fff) !important; border:none !important; border-radius:8px !important; padding:12px 16px !important; }
.invoice-preview.tmpl-wd10-06-warm .inv-block div{ color:#7A6A5C !important; }
.invoice-preview.tmpl-wd10-06-warm .sig-line{ border-top:1.5px solid #1A1A1A !important; }
.invoice-preview.tmpl-wd10-06-warm .sig-caption{ font-family:var(--font-serif) !important; font-style:italic !important; color:#7A6A5C !important; font-size:11px !important; }

/* ==========================================================================
   wd10-07-systems  -  a blueprint page on a faint grid inside a thin frame,
   ruled meta cells, a pale blueprint-tinted table header.
   Source: pk-wd-07-systems (accent #C61A9D, navy #5B0B34).
   ========================================================================== */
.invoice-preview.tmpl-wd10-07-systems{ background:#FFFFFF !important; background-image:linear-gradient(color-mix(in srgb,#C61A9D 10%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#C61A9D 10%,transparent) 1px,transparent 1px) !important; background-size:16px 16px !important; color:#5B0B34 !important; font-family:var(--font-sans) !important; border:1px solid color-mix(in srgb,#C61A9D 35%,#fff) !important; padding:20px !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-head{ border-bottom:1px solid color-mix(in srgb,#C61A9D 40%,#fff) !important; padding-bottom:18px !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-biz-name{ font-size:18px !important; font-weight:700 !important; letter-spacing:.06em !important; color:#5B0B34 !important; margin-bottom:6px !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-biz-contact div, .invoice-preview.tmpl-wd10-07-systems .inv-biz-address, .invoice-preview.tmpl-wd10-07-systems .inv-biz-tax{ font-size:11px !important; color:#8C5169 !important; opacity:1 !important; line-height:1.7 !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-head-right{ text-align:right !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-doc-title{ font-size:30px !important; font-weight:700 !important; letter-spacing:.24em !important; text-transform:uppercase !important; color:#C61A9D !important; margin-bottom:8px !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-doc-num{ font-size:11px !important; font-weight:700 !important; letter-spacing:.08em !important; color:#5B0B34 !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-doc-po{ font-size:10.5px !important; color:#8C5169 !important; opacity:1 !important; margin-top:4px !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-parties{ padding:18px 0 !important; border-bottom:1px dashed color-mix(in srgb,#C61A9D 35%,#fff) !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-label{ font-size:9.5px !important; font-weight:700 !important; letter-spacing:.2em !important; text-transform:uppercase !important; color:#C61A9D !important; margin-bottom:6px !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-details{ background:color-mix(in srgb,#C61A9D 10%,#fff) !important; border:1px solid color-mix(in srgb,#C61A9D 30%,#fff) !important; padding:14px 16px !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-table{ border:1px solid color-mix(in srgb,#C61A9D 30%,#fff) !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-table thead th{ background:color-mix(in srgb,#C61A9D 14%,#fff) !important; color:#5B0B34 !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; border:1px solid color-mix(in srgb,#C61A9D 22%,#fff) !important; padding:10px 12px !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-table tbody td{ border:1px solid color-mix(in srgb,#C61A9D 18%,#fff) !important; padding:10px 12px !important; font-size:13px !important; color:#5B0B34 !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-totals{ width:300px !important; margin:16px 0 20px auto !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-totals>div{ font-size:12.5px !important; color:#8C5169 !important; padding:6px 4px !important; border-bottom:1px dashed color-mix(in srgb,#C61A9D 25%,#fff) !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-totals>div.inv-total-grand{ background:color-mix(in srgb,#C61A9D 16%,#fff) !important; color:#5B0B34 !important; padding:12px 14px !important; border:1px solid #C61A9D !important; font-weight:700 !important; font-size:12px !important; letter-spacing:.04em !important; text-transform:uppercase !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-total-grand b{ color:#5B0B34 !important; font-size:18px !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-block{ background:color-mix(in srgb,#C61A9D 8%,#fff) !important; border:1px solid color-mix(in srgb,#C61A9D 25%,#fff) !important; padding:12px 16px !important; }
.invoice-preview.tmpl-wd10-07-systems .inv-block div{ color:#8C5169 !important; }
.invoice-preview.tmpl-wd10-07-systems .sig-line{ border-top:1.5px solid #5B0B34 !important; }
.invoice-preview.tmpl-wd10-07-systems .sig-caption{ color:#8C5169 !important; letter-spacing:.14em !important; text-transform:uppercase !important; font-size:9.5px !important; }

/* ==========================================================================
   wd10-08-contrast  -  a black sidebar card, a very heavy document word,
   a black table header, a lime total band for maximum contrast.
   Source: pk-wd-08-contrast (accent #8AEE32 lime, black #0E0E0E).
   ========================================================================== */
.invoice-preview.tmpl-wd10-08-contrast{ background:#FFFFFF !important; color:#0E0E0E !important; font-family:var(--font-sans) !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-head{ display:grid !important; grid-template-columns:240px minmax(0,1fr) !important; gap:22px !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-head-left{ background:#0E0E0E !important; color:#FFFFFF !important; padding:22px 18px !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-biz-name{ color:#FFFFFF !important; font-size:18px !important; font-weight:800 !important; text-transform:uppercase !important; letter-spacing:.02em !important; margin-bottom:8px !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-biz-contact div, .invoice-preview.tmpl-wd10-08-contrast .inv-biz-address, .invoice-preview.tmpl-wd10-08-contrast .inv-biz-tax{ font-size:11px !important; color:#C9C9C9 !important; opacity:1 !important; line-height:1.75 !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-head-right{ text-align:right !important; padding-top:22px !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-doc-title{ font-size:40px !important; font-weight:900 !important; letter-spacing:-.01em !important; text-transform:uppercase !important; color:#0E0E0E !important; margin-bottom:8px !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-doc-num{ font-size:12px !important; font-weight:800 !important; color:#0E0E0E !important; background:#8AEE32 !important; display:inline-block !important; padding:2px 8px !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-doc-po{ font-size:10.5px !important; color:#6E7073 !important; opacity:1 !important; margin-top:6px !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-parties{ margin-top:20px !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-label{ font-size:9.5px !important; font-weight:800 !important; letter-spacing:.2em !important; text-transform:uppercase !important; color:#0E0E0E !important; margin-bottom:6px !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-details{ background:#F1F1F1 !important; padding:14px 16px !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-table{ border:none !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-table thead th{ background:#0E0E0E !important; color:#FFFFFF !important; font-size:10px !important; font-weight:800 !important; letter-spacing:.12em !important; text-transform:uppercase !important; border:none !important; padding:11px 12px !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-table tbody td{ border:none !important; border-bottom:1px solid #DDDDDD !important; padding:11px 12px !important; font-size:13px !important; color:#0E0E0E !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-totals{ width:300px !important; margin:16px 0 20px auto !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-totals>div{ font-size:12.5px !important; color:#4B4B4B !important; padding:6px 4px !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-totals>div.inv-total-grand{ background:#0E0E0E !important; color:#8AEE32 !important; padding:13px 14px !important; font-weight:800 !important; font-size:12px !important; letter-spacing:.08em !important; text-transform:uppercase !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-total-grand b{ color:#8AEE32 !important; font-size:19px !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-block{ background:#F1F1F1 !important; border:none !important; border-left:3px solid #8AEE32 !important; padding:12px 16px !important; }
.invoice-preview.tmpl-wd10-08-contrast .inv-block div{ color:#4B4B4B !important; }
.invoice-preview.tmpl-wd10-08-contrast .sig-line{ border-top:1.5px solid #0E0E0E !important; }
.invoice-preview.tmpl-wd10-08-contrast .sig-caption{ color:#4B4B4B !important; letter-spacing:.14em !important; text-transform:uppercase !important; font-size:9.5px !important; font-weight:700 !important; }

/* ==========================================================================
   wd10-09-vertical  -  a navy corner block, a coral diagonal band and a
   coral total bar, a navy-headed table, cream page tint.
   Source: pk-wd-09-vertical (accent #7188F3 coral, navy #3F4413).
   ========================================================================== */
.invoice-preview.tmpl-wd10-09-vertical{ background:#F8F7F3 !important; color:#3F4413 !important; font-family:var(--font-sans) !important; padding:20px !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-head{ margin:-20px -20px 20px !important; padding:26px 28px !important; background:linear-gradient(135deg,#3F4413 0%,#3F4413 55%,#7188F3 55%,#7188F3 100%) !important; color:#FFFFFF !important; border:none !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-biz-name{ color:#FFFFFF !important; font-size:19px !important; font-weight:800 !important; letter-spacing:.02em !important; margin-bottom:8px !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-biz-contact div, .invoice-preview.tmpl-wd10-09-vertical .inv-biz-address, .invoice-preview.tmpl-wd10-09-vertical .inv-biz-tax{ font-size:11px !important; color:#EDEEE0 !important; opacity:1 !important; line-height:1.7 !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-head-right{ text-align:right !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-doc-title{ font-size:32px !important; font-weight:800 !important; letter-spacing:.05em !important; text-transform:uppercase !important; color:#1E220A !important; margin-bottom:8px !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-doc-num{ font-size:11px !important; font-weight:700 !important; color:#FFFFFF !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-doc-po{ font-size:10.5px !important; color:#EDEEE0 !important; opacity:1 !important; margin-top:4px !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-parties{ margin-top:4px !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-label{ font-size:9.5px !important; font-weight:700 !important; letter-spacing:.2em !important; text-transform:uppercase !important; color:#3F4413 !important; margin-bottom:6px !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-details{ background:#FFFFFF !important; border:1px solid #E5E3D6 !important; padding:14px 16px !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-table{ border:none !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-table thead th{ background:#3F4413 !important; color:#FFFFFF !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; border:none !important; padding:11px 12px !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-table tbody td{ border:none !important; border-bottom:1px solid #E5E3D6 !important; padding:11px 12px !important; font-size:13px !important; color:#3F4413 !important; background:#FFFFFF !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-totals{ width:300px !important; margin:16px 0 20px auto !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-totals>div{ font-size:12.5px !important; color:#6B7052 !important; padding:6px 4px !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-totals>div.inv-total-grand{ background:#7188F3 !important; color:#1E220A !important; padding:12px 14px !important; font-weight:700 !important; font-size:12px !important; letter-spacing:.05em !important; text-transform:uppercase !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-total-grand b{ color:#1E220A !important; font-size:19px !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-block{ background:#FFFFFF !important; border:1px solid #E5E3D6 !important; padding:12px 16px !important; }
.invoice-preview.tmpl-wd10-09-vertical .inv-block div{ color:#6B7052 !important; }
.invoice-preview.tmpl-wd10-09-vertical .sig-line{ border-top:1.5px solid #3F4413 !important; }
.invoice-preview.tmpl-wd10-09-vertical .sig-caption{ color:#6B7052 !important; letter-spacing:.12em !important; text-transform:uppercase !important; font-size:9.5px !important; }

/* ==========================================================================
   wd10-10-minimal  -  a thin framed page, hairline table, a pale total-due
   panel with a large accent figure, ultra minimal.
   Source: pk-wd-10-minimal (accent #B82C1A, ink #140D0D).
   ========================================================================== */
.invoice-preview.tmpl-wd10-10-minimal{ background:#FCFCFD !important; color:#140D0D !important; font-family:var(--font-sans) !important; border:1px solid #D8DADF !important; padding:26px !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-head{ border-bottom:1px solid #6E7280 !important; padding-bottom:16px !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-biz-name{ font-size:19px !important; font-weight:700 !important; letter-spacing:-.02em !important; color:#140D0D !important; margin-bottom:6px !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-biz-contact div, .invoice-preview.tmpl-wd10-10-minimal .inv-biz-address, .invoice-preview.tmpl-wd10-10-minimal .inv-biz-tax{ font-size:11px !important; color:#5A606C !important; opacity:1 !important; line-height:1.7 !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-head-right{ text-align:right !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-doc-title{ font-size:30px !important; font-weight:800 !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:#140D0D !important; margin-bottom:8px !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-doc-num{ font-size:11px !important; font-weight:700 !important; color:#B82C1A !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-doc-po{ font-size:10.5px !important; color:#5A606C !important; opacity:1 !important; margin-top:4px !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-parties{ padding:18px 0 !important; border-bottom:1px solid #D9DCE1 !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-label{ font-size:9.5px !important; font-weight:700 !important; letter-spacing:.24em !important; text-transform:uppercase !important; color:#5A606C !important; margin-bottom:6px !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-details{ background:color-mix(in srgb,#B82C1A 6%,#fff) !important; padding:14px 16px !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-table{ border:none !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-table thead th{ background:transparent !important; color:#140D0D !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.14em !important; text-transform:uppercase !important; border:none !important; border-bottom:1px solid #6E7280 !important; padding:8px 10px !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-table tbody td{ border:none !important; border-bottom:1px solid #E4E6EA !important; padding:10px !important; font-size:13px !important; color:#140D0D !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-totals{ width:280px !important; margin:16px 0 20px auto !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-totals>div{ font-size:12.5px !important; color:#5A606C !important; padding:5px 0 !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-totals>div.inv-total-grand{ border-top:1.5px solid #140D0D !important; padding-top:10px !important; margin-top:4px !important; font-weight:700 !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-total-grand span{ text-transform:uppercase !important; letter-spacing:.14em !important; font-size:10.5px !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-total-grand b{ color:#B82C1A !important; font-size:22px !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-block{ background:transparent !important; border:none !important; border-top:1px solid #D9DCE1 !important; border-radius:0 !important; padding:14px 0 0 !important; }
.invoice-preview.tmpl-wd10-10-minimal .inv-block div{ color:#5A606C !important; }
.invoice-preview.tmpl-wd10-10-minimal .sig-line{ border-top:1.5px solid #140D0D !important; }
.invoice-preview.tmpl-wd10-10-minimal .sig-caption{ color:#5A606C !important; letter-spacing:.14em !important; text-transform:uppercase !important; font-size:9.5px !important; }