/* Template variants — Classic Business and Compact Minimal overrides on top of invoice.css */
/* Classic Business — a traditional, formally bordered layout used widely on
   international paper invoices: serif type, solid rules, no color fills. */
.invoice.template-classic{font-family:Georgia,"Times New Roman",serif;padding:14mm 14mm 13mm}
.template-classic .inv-header{border-bottom:2px solid #1f2937;padding-bottom:10px;align-items:end}
.template-classic .companyname{font-size:18px;letter-spacing:.03em;text-transform:uppercase;font-weight:700}
.template-classic .logobox{border-radius:0}
.template-classic .invtitle h2{font-size:28px;font-weight:700;letter-spacing:.1em}
.template-classic .status{border-radius:2px;border-color:#1f2937;background-color:#fff;color:#1f2937}
.template-classic .balance{background:#fff;border:1px solid #1f2937;border-radius:0}
.template-classic .balance strong{color:var(--total-color,#1f2937)}
.template-classic .invtable th{background:#1f2937;color:#fff;border-color:#1f2937;font-family:Georgia,"Times New Roman",serif;font-weight:700}
.template-classic .invtable td{border-color:#c9cdd3;font-family:Georgia,"Times New Roman",serif}
.template-classic .summary{border-top:2px solid #1f2937}
.template-classic .sumrow.total{border-top:1px solid #1f2937}
.template-classic .logofallback{border-radius:0}

/* Compact Minimal — a dense, low-whitespace layout for freelancers/agencies:
   rule-based table instead of boxes, accent used sparingly as a single line. */
.invoice.template-compact{padding:10mm 10mm 9mm}
.template-compact .inv-header{gap:12px}
.template-compact .companywrap{flex-direction:column;align-items:flex-start;gap:6px}
.template-compact .companyname{font-size:16px;font-weight:800}
.template-compact .invtitle h2{font-size:24px;font-weight:650;letter-spacing:.02em}
.template-compact .metatable{margin-top:6px}
.template-compact .statusbalance{margin-top:6px}
.template-compact .balance{background:transparent;border:0;border-top:2px solid var(--template-accent);border-radius:0;padding:6px 0 0}
.template-compact .billrow{margin:10px 0}
.template-compact .invtable th{background:transparent;border:0;border-bottom:2px solid #1f2937;padding:5px 6px}
.template-compact .invtable td{border:0;border-bottom:1px solid #e4e7ec;padding:5px 6px}
.template-compact .bottomgrid{margin-top:8px;gap:14px}
.template-compact .paymentgrid{margin-top:10px;padding-top:8px;gap:14px}
.template-compact .status{border-radius:4px}
.template-compact .notebox{padding:7px;min-height:56px}

/* Apple-inspired — ultra-minimal: hairline rules instead of boxes, huge
   thin-weight title, soft grey neutrals, no borders except 1px lines. */
.invoice.template-apple{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Helvetica,Arial,sans-serif;padding:16mm 16mm 14mm}
.template-apple .inv-header{gap:24px}
.template-apple .companyname{font-size:17px;font-weight:600;letter-spacing:-.01em;color:#1d1d1f}
.template-apple .metaText{color:#86868b}
.template-apple .logobox{border-radius:22%}
.template-apple .logobox:not(.has-logo){border:0;background:#f5f5f7}
.template-apple .logofallback{border-radius:22%;font-weight:600}
.template-apple .invtitle h2{font-weight:300;font-size:36px;letter-spacing:-.01em;color:#1d1d1f}
.template-apple .invno{color:#86868b;font-weight:500}
.template-apple .metatable td:first-child{color:#86868b}
.template-apple .balance{background:#f5f5f7;border:0;border-radius:14px}
.template-apple .balance strong{color:var(--total-color,#18181b)}
.template-apple .status{border-radius:999px}
.template-apple .billrow{border-top:1px solid #e5e5e7;border-bottom:1px solid #e5e5e7;padding:12px 0;margin:18px 0}
.template-apple .invtable th{background:transparent;border:0;border-bottom:1px solid #1d1d1f;color:#86868b;font-weight:600;letter-spacing:.02em}
.template-apple .invtable td{border:0;border-bottom:1px solid #e5e5e7}
.template-apple .summary{border-top:1px solid #1d1d1f}
.template-apple .sumrow.total{border-top:0}
.template-apple .notebox{background:#f5f5f7;border:0;border-radius:14px}
.template-apple .footer{color:#86868b}

/* Corporate — crisp navy-on-white letterhead: bold uppercase type and a
   strong header rule instead of a filled banner, so it stays print-friendly
   (no heavy full-bleed ink fill) while keeping a buttoned-up B2B feel. */
.invoice.template-corporate{font-family:Arial,Helvetica,sans-serif}
.template-corporate .inv-header{border-bottom:3px solid var(--template-accent);padding-bottom:14px}
.template-corporate .companyname{color:#0b2545;font-size:17px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}
.template-corporate .metaText{color:#5b6b84}
.template-corporate .logobox:not(.has-logo){background:#eef2f7;border:1px solid #c7d2e0}
.template-corporate .invtitle h2{color:#0b2545;font-weight:800;font-size:26px;letter-spacing:.08em}
.template-corporate .invno{color:#5b6b84;font-weight:700}
.template-corporate .metatable td:first-child{color:#5b6b84}
.template-corporate .metatable td:last-child{color:#0b2545}
.template-corporate .balance{background:#eef2f7;border:1px solid #c7d2e0;border-radius:4px}
.template-corporate .balance strong{color:var(--total-color,#0b2545)}
.template-corporate .status{border-radius:3px}
.template-corporate .billrow{margin:16px 0}
.template-corporate .label{color:#0b2545;font-weight:800}
.template-corporate .invtable th{background:#eef2f7;color:#0b2545;border-color:#c7d2e0;font-weight:800;letter-spacing:.04em}
.template-corporate .invtable td{border-color:#d7dde6}
.template-corporate .summary{border-top:2px solid #0b2545}
.template-corporate .sumrow.total{border-top:1px solid #0b2545}

/* Luxury — ivory canvas, gold rule work, wide-tracked serif caps: a
   boutique atelier invoice, kept print-friendly (no heavy ink fills) while
   staying elegant via typography and thin gold rules rather than color. */
.invoice.template-luxury{font-family:Georgia,"Times New Roman",serif;background:var(--invoice-bg,#ffffff);color:#2a231c;padding:18mm 16mm}
.template-luxury .companyname{color:#2a231c;text-transform:uppercase;letter-spacing:.14em;font-size:15px;font-weight:400}
.template-luxury .metaText{color:#8a7c62}
.template-luxury .logobox:not(.has-logo){background:transparent;border:1px solid #b08d57}
.template-luxury .logofallback{background:#b08d57;color:#fff}
.template-luxury .invtitle h2{color:#b08d57;font-weight:400;letter-spacing:.22em;font-size:26px}
.template-luxury .invno{color:#8a7c62;letter-spacing:.05em}
.template-luxury .metatable td:first-child{color:#8a7c62}
.template-luxury .metatable td:last-child{color:#2a231c}
.template-luxury .inv-header{border-bottom:1px solid #b08d57;padding-bottom:14px}
.template-luxury .balance{background:transparent;border:1px solid #b08d57;border-radius:0}
.template-luxury .balance strong{color:var(--total-color,#b08d57)}
.template-luxury .status{border-radius:0}
.template-luxury .label{color:#8a7c62;letter-spacing:.14em}
.template-luxury .clientname{color:#2a231c}
.template-luxury .invtable th{background:transparent;border:0;border-top:1px solid #b08d57;border-bottom:1px solid #b08d57;color:#8a6d47;letter-spacing:.08em;font-weight:400}
.template-luxury .invtable td{border:0;border-bottom:1px solid #e4dcc8;color:#3a3226}
.template-luxury .empty{color:#8a7c62}
.template-luxury .summary{border-top:1px solid #b08d57}
.template-luxury .sumrow span:first-child{color:#8a7c62}
.template-luxury .sumrow.total{border-top:1px solid #e4dcc8;color:#2a231c}
.template-luxury .notebox{background:#faf7f0;border:1px solid #e4dcc8}
.template-luxury .footer{color:#8a7c62}

/* Creative Agency — a bold accent spine down the left margin, oversized
   expressive display type: a studio's own portfolio-style invoice. */
.invoice.template-agency{font-family:"Segoe UI",Arial,sans-serif;padding:16mm 16mm 14mm 20mm;position:relative}
.template-agency::before{content:"";position:absolute;top:0;left:0;bottom:0;width:10mm;background:var(--template-accent)}
.template-agency .companyname{font-size:19px;font-weight:800;letter-spacing:-.01em}
.template-agency .logobox:not(.has-logo){border-radius:6px;background:#111;color:#fff}
.template-agency .logofallback{border-radius:6px}
.template-agency .invtitle h2{font-weight:900;font-size:40px;letter-spacing:-.03em;line-height:.9}
.template-agency .invno{font-weight:800;color:#111}
.template-agency .status{border-radius:4px}
.template-agency .balance{background:#111;border:0;border-radius:6px}
.template-agency .balance strong{color:var(--total-color,#ffffff)}
.template-agency .label{font-weight:900;letter-spacing:.02em}
.template-agency .invtable th{background:#111;color:#fff;border-color:#111;font-weight:800}
.template-agency .invtable td{border-color:#e4e7ec}
.template-agency .summary{border-top:3px solid #111}
.template-agency .sumrow.total{border-top:0;color:#111}

/* Construction — a caution-stripe band across the top, heavy blocky type,
   charcoal-and-safety-yellow: a jobsite estimate, not a boutique bill. */
.invoice.template-construction{font-family:Arial,"Helvetica Neue",sans-serif}
.template-construction::before{content:"";display:block;height:6mm;margin:-12mm -12mm 8mm;background:repeating-linear-gradient(45deg,#f2b705,#f2b705 10px,#1f2430 10px,#1f2430 20px)}
.template-construction .inv-header{border-bottom:4px solid #1f2430;padding-bottom:12px}
.template-construction .companyname{font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:#1f2430}
.template-construction .logobox:not(.has-logo){border-radius:2px;background:#1f2430}
.template-construction .logofallback{border-radius:2px;background:#f2b705;color:#1f2430}
.template-construction .invtitle h2{font-weight:900;font-size:30px;color:#1f2430;letter-spacing:.02em}
.template-construction .invno{font-weight:800;color:#1f2430}
.template-construction .balance{background:#1f2430;border-radius:2px}
.template-construction .balance strong{color:var(--total-color,#f2b705)}
.template-construction .status{border-radius:2px;font-weight:900}
.template-construction .label{color:#1f2430;font-weight:900}
.template-construction .invtable th{background:#1f2430;color:#f2b705;border-color:#1f2430;font-weight:900;text-transform:uppercase}
.template-construction .invtable td{border-color:#1f2430}
.template-construction .summary{border-top:3px solid #1f2430}
.template-construction .sumrow.total{border-top:2px solid #1f2430}

/* Medical — clinical whites, a soft rounded teal wash behind the header,
   pill-shaped chips: calm and trustworthy rather than transactional. */
.invoice.template-medical{font-family:"Segoe UI",Arial,sans-serif;padding:14mm}
.template-medical .inv-header{background:var(--header-bg,#f4fbfa);margin:-14mm -14mm 16px;padding:14mm 14mm 16px;border-radius:0 0 20px 20px}
.template-medical .companyname{color:#0f6a63;font-size:17px;font-weight:700}
.template-medical .metaText{color:#5b7d79}
.template-medical .logobox:not(.has-logo){border-radius:50%;background:#e3f5f2;border:1px solid #bfe6df}
.template-medical .logofallback{border-radius:50%;background:#12958a}
.template-medical .invtitle h2{color:#0f6a63;font-weight:600}
.template-medical .invno{color:#5b7d79}
.template-medical .metatable td:first-child{color:#5b7d79}
.template-medical .balance{background:#e3f5f2;border:1px solid #bfe6df;border-radius:14px}
.template-medical .balance strong{color:var(--total-color,#0f6a63)}
.template-medical .status{border-radius:999px}
.template-medical .billrow{margin:16px 0}
.template-medical .label{color:#5b7d79}
.template-medical .invtable th{background:#e3f5f2;color:#0f6a63;border-color:#cdeae4}
.template-medical .invtable td{border-color:#dcece9}
.template-medical .notebox{background:#f4fbfa;border:1px solid #dcece9;border-radius:14px}
.template-medical .summary{border-top:2px solid #0f6a63}

/* Legal — a centered letterhead: double rule, wide-tracked serif caps,
   symmetric layout, the austere register of a formal notice. */
.invoice.template-legal{font-family:Georgia,"Times New Roman",serif;padding:16mm 18mm}
.template-legal .inv-header{display:block;text-align:center;border-bottom:3px double #1f2937;padding-bottom:14px}
.template-legal .companywrap{flex-direction:column;align-items:center;text-align:center;gap:6px}
.template-legal .companyname{font-size:19px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.template-legal .metaText{color:#475467;text-align:center}
.template-legal .invtitle{text-align:center;margin-top:10px}
.template-legal .invtitle h2{font-weight:700;letter-spacing:.18em;font-size:22px}
.template-legal .invno{color:#475467}
.template-legal .metatable{max-width:320px;margin:8px auto 0}
.template-legal .statusbalance{align-items:center}
.template-legal .balance{border:1px solid #1f2937;border-radius:0;background:#fff}
.template-legal .balance strong{color:var(--total-color,#1f2937)}
.template-legal .status{border-radius:0}
.template-legal .billrow{text-align:center;margin:16px 0;border-top:1px solid #d0d5dd;border-bottom:1px solid #d0d5dd;padding:10px 0}
.template-legal .invtable th{background:transparent;border:0;border-top:2px solid #1f2937;border-bottom:1px solid #1f2937;font-weight:700}
.template-legal .invtable td{border:0;border-bottom:1px solid #e4e7ec}
.template-legal .summary{border-top:2px solid #1f2937}

/* Real Estate — a brochure-like listing card: warm brass and cream, serif
   headings paired with a clean sans for details. */
.invoice.template-realestate{font-family:Georgia,serif;padding:14mm}
.template-realestate .inv-header{border-bottom:1px solid #d9d2c3;padding-bottom:12px}
.template-realestate .companyname{font-family:Georgia,serif;font-size:19px;letter-spacing:.03em;font-weight:700;color:#2b2b28}
.template-realestate .metaText{font-family:"Segoe UI",Arial,sans-serif;color:#6b6558}
.template-realestate .logobox:not(.has-logo){border-radius:0;border:1px solid #b08d57}
.template-realestate .logofallback{border-radius:0;background:#b08d57}
.template-realestate .invtitle h2{font-weight:400;font-size:30px;letter-spacing:.08em;color:#2b2b28}
.template-realestate .invno{font-family:"Segoe UI",Arial,sans-serif;color:#6b6558}
.template-realestate .metatable{font-family:"Segoe UI",Arial,sans-serif}
.template-realestate .balance{background:#faf7f0;border:1px solid #e5ddc8;border-radius:2px}
.template-realestate .balance strong{color:var(--total-color,#2b2b28)}
.template-realestate .status{border-radius:2px}
.template-realestate .billrow{margin:16px 0;padding:12px;background:#faf7f0;border:1px solid #e5ddc8}
.template-realestate .label{font-family:"Segoe UI",Arial,sans-serif;color:#8a6d3b}
.template-realestate .clientname{font-family:Georgia,serif}
.template-realestate .invtable th{background:#faf7f0;border-color:#e5ddc8;color:#6b6558;font-family:"Segoe UI",Arial,sans-serif;font-weight:700}
.template-realestate .invtable td{border-color:#eee8d9}
.template-realestate .summary{border-top:2px solid #2b2b28}

/* Freelancer — a friendly, personal-brand invoice: everything rounded,
   the user's own accent colors washed softly through rather than fixed. */
.invoice.template-freelancer{font-family:"Segoe UI",Arial,sans-serif;padding:14mm}
.template-freelancer .companyname{font-weight:700;color:#1f2937}
.template-freelancer .logobox:not(.has-logo){border-radius:50%;background:rgba(var(--accent-rgb),.12)}
.template-freelancer .logofallback{border-radius:50%}
.template-freelancer .invtitle h2{font-weight:700;font-size:30px;color:var(--template-accent)}
.template-freelancer .balance{border-radius:20px;background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.16)}
.template-freelancer .balance strong{color:var(--total-color,#18181b)}
.template-freelancer .status{border-radius:999px}
.template-freelancer .billrow{margin:16px 0}
.template-freelancer .invtable th{background:rgba(var(--accent-rgb),.08);border:0;color:var(--template-accent);font-weight:700}
.template-freelancer .invtable td{border:0;border-bottom:1px solid #eef0f3}
.template-freelancer .notebox{border-radius:16px;background:rgba(var(--accent-rgb),.04);border:1px solid rgba(var(--accent-rgb),.12)}
.template-freelancer .summary{border-top:2px solid var(--template-accent)}

/* Restaurant — a menu card: dashed olive rules, warm ivory ground, serif
   item names, the register of a printed dinner menu, not an invoice. */
.invoice.template-restaurant{font-family:Georgia,serif;padding:14mm;background:var(--invoice-bg,#fbf9f4)}
.template-restaurant .inv-header{border-bottom:2px dashed #4b5320;padding-bottom:12px}
.template-restaurant .companyname{font-weight:700;color:#3c3a2f}
.template-restaurant .metaText{font-family:"Segoe UI",Arial,sans-serif;color:#7a7563}
.template-restaurant .logobox:not(.has-logo){border-radius:50%;background:#4b5320}
.template-restaurant .logofallback{border-radius:50%}
.template-restaurant .invtitle h2{font-weight:700;letter-spacing:.06em;color:#4b5320}
.template-restaurant .invno{font-family:"Segoe UI",Arial,sans-serif;color:#7a7563}
.template-restaurant .balance{background:#fff;border:1px dashed #4b5320;border-radius:8px}
.template-restaurant .balance strong{color:var(--total-color,#4b5320)}
.template-restaurant .status{border-radius:999px}
.template-restaurant .billrow{margin:16px 0}
.template-restaurant .label{font-family:"Segoe UI",Arial,sans-serif;color:#7a7563}
.template-restaurant .invtable th{background:transparent;border:0;border-top:1px solid #4b5320;border-bottom:1px solid #4b5320;font-weight:700;color:#4b5320}
.template-restaurant .invtable td{border:0;border-bottom:1px dashed #d8d3c2;font-family:Georgia,serif}
.template-restaurant .summary{border-top:2px dashed #4b5320}
.template-restaurant .notebox{background:#fff;border:1px dashed #c9c3ac;border-radius:8px}

/* Retail — bold and punchy: a die-cut price-tag balance box, heavy black
   rules, condensed uppercase type: a point-of-sale receipt made formal. */
.invoice.template-retail{font-family:Arial,Helvetica,sans-serif;padding:14mm}
.template-retail .inv-header{border-bottom:3px solid #111;padding-bottom:12px}
.template-retail .companyname{font-weight:900;text-transform:uppercase;letter-spacing:.02em}
.template-retail .logobox:not(.has-logo){border-radius:0;border:2px solid #111}
.template-retail .logofallback{border-radius:0}
.template-retail .invtitle h2{font-weight:900;font-size:30px;text-transform:uppercase;letter-spacing:.04em}
.template-retail .invno{font-weight:800}
.template-retail .balance{background:var(--template-accent);border-radius:0;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%)}
.template-retail .balance strong{color:var(--total-color,#fff)}.template-retail .balance span{color:var(--total-color,#fff)}
.template-retail .status{border-radius:0;font-weight:900}
.template-retail .label{font-weight:900;text-transform:uppercase}
.template-retail .invtable th{background:#111;color:#fff;border-color:#111;font-weight:900;text-transform:uppercase}
.template-retail .invtable td{border-color:#111}
.template-retail .summary{border-top:3px solid #111}
.template-retail .sumrow.total{border-top:2px solid #111}

/* Technology — faint graph-paper ground, a monospace invoice-number chip
   like a commit hash, dark UI accents: a SaaS billing statement. */
.invoice.template-technology{font-family:"Segoe UI",Arial,sans-serif;padding:14mm;background-image:linear-gradient(#f3f5f8 1px,transparent 1px),linear-gradient(90deg,#f3f5f8 1px,transparent 1px);background-size:24px 24px}
.template-technology .companyname{font-weight:700;letter-spacing:-.01em}
.template-technology .logobox:not(.has-logo){border-radius:8px;background:#0b0e14}
.template-technology .logofallback{border-radius:8px}
.template-technology .invtitle h2{font-weight:800;letter-spacing:-.02em}
.template-technology .invno{font-family:"SFMono-Regular",Consolas,"Courier New",monospace;background:#0b0e14;color:#7ee7c7;padding:2px 6px;border-radius:4px;font-size:12px}
.template-technology .metatable{font-family:"SFMono-Regular",Consolas,"Courier New",monospace;font-size:10px}
.template-technology .balance{border-radius:8px;background:#0b0e14}
.template-technology .balance strong{color:var(--total-color,#7ee7c7)}
.template-technology .balance span{color:var(--total-color,#9aa1ac)}
.template-technology .status{border-radius:6px}
.template-technology .invtable th{background:#0b0e14;color:#e6e8eb;border-color:#0b0e14;font-family:"SFMono-Regular",Consolas,"Courier New",monospace;font-weight:600;font-size:8px}
.template-technology .invtable td{border-color:#e4e7ec}
.template-technology .summary{border-top:2px solid #0b0e14}

/* Manufacturing — a technical spec-sheet: double borders, steel-grey and
   safety orange, dense boxed data instead of soft whitespace. */
.invoice.template-manufacturing{font-family:Arial,"Helvetica Neue",sans-serif;padding:12mm}
.template-manufacturing .inv-header{border:2px solid #384250;padding:10px 12px}
.template-manufacturing .companyname{font-weight:900;text-transform:uppercase;color:#1f2733}
.template-manufacturing .logobox:not(.has-logo){border-radius:2px;border:2px solid #384250;background:#eceff2}
.template-manufacturing .logofallback{border-radius:2px;background:#d9581f}
.template-manufacturing .invtitle h2{font-weight:900;font-size:26px;color:#1f2733}
.template-manufacturing .invno{font-weight:800;color:#384250}
.template-manufacturing .metatable{border:1px solid #c3ccd6}
.template-manufacturing .metatable td{border-bottom:1px solid #dde2e8;padding:4px 6px}
.template-manufacturing .balance{background:#eceff2;border:2px solid #384250;border-radius:0}
.template-manufacturing .balance strong{color:var(--total-color,#1f2733)}
.template-manufacturing .status{border-radius:0;font-weight:800}
.template-manufacturing .billrow{border:1px solid #c3ccd6;padding:10px;margin:14px 0}
.template-manufacturing .invtable th{background:#384250;color:#fff;border:1px solid #384250;font-weight:800;text-transform:uppercase;font-size:8px}
.template-manufacturing .invtable td{border:1px solid #c3ccd6}
.template-manufacturing .summary{border-top:3px solid #384250}
.template-manufacturing .sumrow.total{border-top:2px solid #384250}

/* Dark Mode — a flat, cool dark UI: near-black surfaces, a single accent
   glow under the header, for teams who work (and bill) after hours. */
.invoice.template-dark{font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--invoice-bg,#111318);color:#e6e8eb;padding:14mm}
.template-dark .inv-header{border-bottom:1px solid #2a2e37;padding-bottom:14px;position:relative}
.template-dark .inv-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--template-accent);opacity:.6}
.template-dark .companyname{color:#fff}
.template-dark .metaText{color:#9aa1ac}
.template-dark .logobox:not(.has-logo){background:#1c1f26;border:1px solid #2a2e37}
.template-dark .invtitle h2{color:#fff;font-weight:300}
.template-dark .invno{color:#9aa1ac}
.template-dark .metatable td:first-child{color:#9aa1ac}
.template-dark .metatable td:last-child{color:#fff}
.template-dark .balance{background:rgba(var(--accent-rgb),.16);border:1px solid rgba(var(--accent-rgb),.35)}
.template-dark .balance strong{color:var(--total-color,#ffffff)}
.template-dark .label{color:#9aa1ac}
.template-dark .clientname{color:#fff}
.template-dark .invtable th{background:#1c1f26;border-color:#2a2e37;color:#c7cbd1}
.template-dark .invtable td{background:transparent;border-color:#2a2e37;color:#e6e8eb}
.template-dark .empty{color:#9aa1ac}
.template-dark .summary{border-top:2px solid #2a2e37}
.template-dark .sumrow span:first-child{color:#9aa1ac}
.template-dark .sumrow.total{border-top:1px solid #2a2e37;color:#fff}
.template-dark .notebox{background:#171a20;border:1px solid #2a2e37}
.template-dark .footer{color:#9aa1ac}