/* =========================================================
   SYNERGY GLOBAL TEMPLATES (70 VARIANTS)
   =========================================================
   This file implements a lightweight CSS Variable switching architecture.
   The core template remains identical, only the variables change.
*/

/* Core Defaults applied to .invoice-container */
.invoice-container {
    --tpl-bg: #ffffff;
    --tpl-header-bg: transparent;
    --tpl-header-text: #0f172a;
    --tpl-accent: #D4AF37; /* Elite Gold Default */
    --tpl-text: #0f172a;
    --tpl-border: #f1f5f9;
    --tpl-font: 'Outfit', sans-serif;
    --tpl-radius: 12px;
    
    background-color: var(--tpl-bg) !important;
    color: var(--tpl-text);
    font-family: var(--tpl-font);
    border-radius: var(--tpl-radius);
    transition: 0.3s ease;
}

/* Base style hooks (Applying Variables) */
.invoice-container .invoice-header { background: var(--tpl-header-bg); color: var(--tpl-header-text); border-radius: var(--tpl-radius) var(--tpl-radius) 0 0; padding: 40px; margin: -40px -40px 30px -40px; }
.invoice-container .invoice-meta .title { color: var(--tpl-accent); font-family: var(--tpl-font); }
.invoice-container .invoice-table th { border-bottom: 2px solid var(--tpl-border); color: var(--tpl-text); }
.invoice-container .invoice-table td, .invoice-container .invoice-table tr { border-bottom: 1px solid var(--tpl-border); color: var(--tpl-text); }
.invoice-container .invoice-footer .grand-total { border-top: 2px solid var(--tpl-accent); color: var(--tpl-accent); }

/* --- FREE TEMPLATES (1-20) --- */
.tpl-1 { /* Classic White (Default) */ }
.tpl-2 { --tpl-bg: #f8fafc; --tpl-border: #e2e8f0; }
.tpl-3 { --tpl-accent: #3b82f6; --tpl-header-bg: #eff6ff; --tpl-header-text: #1e3a8a; }
.tpl-4 { --tpl-accent: #10b981; --tpl-header-bg: #ecfdf5; --tpl-header-text: #064e3b; }
.tpl-5 { --tpl-accent: #8b5cf6; --tpl-header-bg: #f5f3ff; --tpl-header-text: #4c1d95; }
.tpl-6 { --tpl-accent: #D4AF37; --tpl-header-bg: #fdfbf7; --tpl-header-text: #78350f; }
.tpl-7 { --tpl-bg: #0f172a; --tpl-text: #f8fafc; --tpl-header-text: #ffffff; --tpl-border: #1e293b; --tpl-accent: #D4AF37; }
.tpl-8 { --tpl-bg: #1e1b4b; --tpl-text: #f8fafc; --tpl-accent: #818cf8; --tpl-header-text: #ffffff; --tpl-border: #312e81; }
.tpl-9 { --tpl-accent: #ef4444; --tpl-header-bg: #fef2f2; --tpl-header-text: #7f1d1d; }
.tpl-10 { --tpl-accent: #ec4899; --tpl-header-bg: #fdf2f8; --tpl-header-text: #831843; }
.tpl-11 { filter: grayscale(100%); --tpl-border: #000; --tpl-accent: #000; }
.tpl-12 { --tpl-border: #333; --tpl-radius: 0px; }
.tpl-13 { --tpl-border: #000; border: 2px solid #000; }
.tpl-14 { border-top: 10px solid var(--primary); }
.tpl-15 { border-left: 10px solid var(--primary); }
.tpl-16 { border-right: 10px solid var(--primary); }
.tpl-17 { --tpl-header-bg: var(--primary); --tpl-header-text: white; --tpl-accent: white; }
.tpl-18 { border-bottom: 10px solid var(--primary); }
.tpl-19 { text-align: center; }
.tpl-20 { --tpl-radius: 20px; box-shadow: inset 0 0 0 1px var(--border); }

/* --- PRO 💎 EXECUTIVE SERIES (21-30) --- */
.tpl-21 { --tpl-bg: #000000; --tpl-text: #fcfcfc; --tpl-accent: #D4AF37; --tpl-border: #333; --tpl-font: 'Outfit', sans-serif; } /* Obsidian Gold */
.tpl-22 { --tpl-bg: #1a1a1a; --tpl-text: #e5e5e5; --tpl-accent: #c0c0c0; --tpl-border: #404040; --tpl-font: 'Arial', sans-serif; } /* Silver Slate */
.tpl-23 { --tpl-bg: #0d1b2a; --tpl-text: #e0e1dd; --tpl-accent: #ecc19c; --tpl-border: #1b263b; --tpl-font: 'Georgia', serif; } /* Midnight Bronze */
.tpl-24 { --tpl-bg: #ffffff; --tpl-text: #111; --tpl-accent: #000; --tpl-border: #000; --tpl-font: 'Courier New', monospace; border: 4px solid #000; } /* Elite Black/White */
.tpl-25 { --tpl-bg: #2b2d42; --tpl-text: #edf2f4; --tpl-accent: #ef233c; --tpl-border: #8d99ae; } /* Executive Crimson */
.tpl-26 { --tpl-bg: #fdfbf7; --tpl-text: #2f2f2f; --tpl-accent: #8b7355; --tpl-border: #e6e0d4; --tpl-font: 'Palatino', serif; } /* Ivory Cream */
.tpl-27 { --tpl-bg: #1f2937; --tpl-text: #f3f4f6; --tpl-accent: #10b981; --tpl-border: #374151; } /* Boardroom Green */
.tpl-28 { --tpl-bg: #f8f9fa; --tpl-text: #212529; --tpl-accent: #212529; --tpl-border: #dee2e6; border-left: 20px solid #212529; } /* Bold Edge */
.tpl-29 { --tpl-bg: #f0ebd8; --tpl-text: #0d1321; --tpl-accent: #3e5c76; --tpl-border: #748cab; } /* Antique Vellum */
.tpl-30 { --tpl-bg: #050505; --tpl-text: #fff; --tpl-header-bg: #D4AF37; --tpl-header-text: #000; --tpl-accent: #D4AF37; --tpl-border: #222; } /* Imperial Header */

/* --- PRO 💎 CORPORATE SERIES (31-40) --- */
.tpl-31 { --tpl-bg: #ffffff; --tpl-accent: #0f4c81; --tpl-header-bg: #f0f4f8; --tpl-font: 'Arial', sans-serif; border-top: 5px solid #0f4c81; } /* Blue Chip */
.tpl-32 { --tpl-bg: #ffffff; --tpl-accent: #0f4c81; --tpl-font: 'Arial', sans-serif; border-left: 5px solid #0f4c81; } /* Blue Vert */
.tpl-33 { --tpl-bg: #f9f9f9; --tpl-accent: #333333; --tpl-header-bg: #e0e0e0; } /* Standard Gray */
.tpl-34 { --tpl-bg: #ffffff; --tpl-accent: #005f73; --tpl-font: 'Roboto', sans-serif; border: 1px solid #e0e0e0; } /* Corporate Teal */
.tpl-35 { --tpl-bg: #ffffff; --tpl-accent: #9b2226; --tpl-font: 'Georgia', serif; } /* Firm Red */
.tpl-36 { --tpl-bg: #ffffff; --tpl-accent: #bb3e03; --tpl-header-bg: #ffedd8; } /* Corporate Orange */
.tpl-37 { --tpl-bg: #f4f1de; --tpl-accent: #e07a5f; --tpl-border: #e07a5f; } /* Soft Corporate */
.tpl-38 { --tpl-bg: #ffffff; --tpl-accent: #4a4e69; --tpl-header-bg: #f2e9e4; } /* Mauve Corp */
.tpl-39 { --tpl-bg: #ffffff; --tpl-accent: #000000; border-top: 10px double #000; border-bottom: 10px double #000; } /* Formal Double */
.tpl-40 { --tpl-bg: #fdfdfd; --tpl-accent: #111; --tpl-border: #ccc; box-shadow: inset 0 0 20px rgba(0,0,0,0.05); } /* Paper Press */

/* --- PRO 💎 CREATIVE SERIES (41-50) --- */
.tpl-41 { --tpl-bg: #ffb5a7; --tpl-text: #5f1005; --tpl-accent: #e63946; --tpl-header-bg: #fec5bb; } /* Rose Creative */
.tpl-42 { --tpl-bg: #cdb4db; --tpl-text: #2b044d; --tpl-accent: #4a0080; --tpl-header-bg: #ffc8dd; } /* Violet Pop */
.tpl-43 { --tpl-bg: #a8dadc; --tpl-text: #1d3557; --tpl-accent: #e63946; --tpl-header-bg: #f1faee; } /* Cyan Contrast */
.tpl-44 { --tpl-bg: #fefae0; --tpl-text: #606c38; --tpl-accent: #283618; --tpl-header-bg: #dda15e; } /* Nature Vibe */
.tpl-45 { --tpl-bg: #ffd166; --tpl-text: #073b4c; --tpl-accent: #ef476f; --tpl-border: #118ab2; } /* Vivid Tech */
.tpl-46 { --tpl-bg: #264653; --tpl-text: #e9c46a; --tpl-accent: #f4a261; --tpl-border: #2a9d8f; } /* Teal Orange */
.tpl-47 { --tpl-bg: #fff; --tpl-text: #000; --tpl-accent: #f72585; --tpl-border: #7209b7; border: 3px dashed #f72585; } /* Neon Dash */
.tpl-48 { --tpl-bg: #ffff3f; --tpl-text: #000; --tpl-accent: #ff0054; --tpl-border: #9e0059; } /* Hyper Yellow */
.tpl-49 { --tpl-bg: #000; --tpl-text: #00f5d4; --tpl-accent: #00bbf9; --tpl-border: #fee440; } /* Cyberpunk */
.tpl-50 { --tpl-bg: #d9ed92; --tpl-text: #184e77; --tpl-accent: #1e6091; --tpl-border: #52b69a; } /* Lime Splash */

/* --- PRO 💎 MINIMALIST SERIES (51-60) --- */
.tpl-51 { --tpl-bg: #ffffff; --tpl-text: #1a1a1a; --tpl-accent: #1a1a1a; --tpl-border: transparent; } /* Hidden Borders */
.tpl-52 { --tpl-bg: #fafafa; --tpl-text: #333; --tpl-accent: #999; --tpl-border: #eee; } /* Soft Minimal */
.tpl-53 { --tpl-bg: #ffffff; --tpl-text: #000; --tpl-accent: #000; --tpl-border: rgba(0,0,0,0.1); font-weight: 300; } /* Thin Elegance */
.tpl-54 { --tpl-bg: #ffffff; --tpl-text: #111; --tpl-accent: #111; --tpl-border: #111; padding: 60px; } /* Maximum Whitespace */
.tpl-55 { --tpl-bg: #f4f4f4; --tpl-text: #444; --tpl-accent: #222; border-left: 1px solid #ddd; } /* Left Line */
.tpl-56 { --tpl-bg: #ffffff; --tpl-text: #000; --tpl-accent: #aaaaaa; } /* Muted Accent */
.tpl-57 { --tpl-bg: #111; --tpl-text: #ddd; --tpl-accent: #fff; --tpl-border: #333; } /* Blackout Minimal */
.tpl-58 { --tpl-bg: #ffffff; --tpl-text: #0f0f0f; --tpl-accent: #0f0f0f; text-transform: uppercase; letter-spacing: 1px; } /* All Caps Minimal */
.tpl-59 { --tpl-bg: transparent; --tpl-border: #eee; --tpl-accent: #ccc; } /* Ghost */
.tpl-60 { --tpl-bg: #ffffff; border-top: 1px solid #000; border-bottom: 1px solid #000; } /* Film Border */

/* --- PRO 💎 GLOBAL SERIES (61-70) --- */
.tpl-61 { --tpl-bg: #ffffff; --tpl-accent: #b22234; --tpl-header-bg: #3c3b6e; --tpl-header-text: white; } /* Stars & Stripes (US/UK) */
.tpl-62 { --tpl-bg: #ffffff; --tpl-accent: #009b3a; --tpl-header-bg: #fed100; --tpl-header-text: #000; } /* LatAm Trade */
.tpl-63 { --tpl-bg: #ffffff; --tpl-accent: #ce1126; --tpl-border: #fcd116; } /* Euro Commerce */
.tpl-64 { --tpl-bg: #f9f9f9; --tpl-accent: #0081c8; --tpl-border: #eeeeee; } /* Nordic */
.tpl-65 { --tpl-bg: #fff; --tpl-accent: #bc002d; --tpl-font: 'Noto Sans', sans-serif; } /* Asian Hub (Tokyo/Shanghai) */
.tpl-66 { --tpl-bg: #ffffff; --tpl-accent: #0072c6; --tpl-border: #cf142b; } /* Oceanic */
.tpl-67 { --tpl-bg: #ffffff; --tpl-accent: #006600; --tpl-header-bg: #fafafa; } /* African Enterprise (NGN/ZAR) */
.tpl-68 { --tpl-bg: #fffcf0; --tpl-accent: #c8102e; --tpl-border: #ffcc00; } /* Arabian Peninsula */
.tpl-69 { --tpl-bg: #000; --tpl-text: #fff; --tpl-accent: #b22234; --tpl-border: #333; } /* Global Dark Mode 1 */
/* --- PRO 💎 SYNERGY ELITE (71-80) --- */
.tpl-71 { --tpl-bg: #ffffff; --tpl-accent: #000; --tpl-border: #000; border: 8px solid #000; padding: 60px; --tpl-font: 'Outfit', sans-serif; } /* Power Block */
.tpl-72 { --tpl-bg: #f8fafc; --tpl-accent: #64748b; border: 1px solid #e2e8f0; border-radius: 40px; box-shadow: 0 20px 50px rgba(0,0,0,0.05); } /* Soft Pill */
.tpl-73 { --tpl-bg: #fff; --tpl-header-bg: linear-gradient(135deg, #1e293b, #0f172a); --tpl-header-text: white; --tpl-accent: #0f172a; } /* Modern Corp */
.tpl-74 { --tpl-bg: #fafaf9; --tpl-text: #44403c; --tpl-accent: #78350f; border-top: 15px solid #78350f; } /* Rustic High */
.tpl-75 { --tpl-bg: #000; --tpl-text: #fff; --tpl-accent: #D4AF37; --tpl-border: #444; border: 1px solid #D4AF37; } /* Gold on Black */
.tpl-76 { --tpl-bg: #eff6ff; --tpl-accent: #2563eb; --tpl-border: #bfdbfe; border-left: 10px solid #2563eb; } /* Sky List */
.tpl-77 { --tpl-bg: #ffffff; --tpl-accent: #4ade80; --tpl-header-bg: #f0fdf4; border-bottom: 8px solid #4ade80; } /* Bottom Green */
.tpl-78 { --tpl-bg: #111; --tpl-text: #ff00ff; --tpl-accent: #00ffff; --tpl-border: #333; --tpl-font: 'Courier New', monospace; } /* Retro Wave */
.tpl-79 { --tpl-bg: #ffffff; --tpl-accent: #000; --tpl-border: #eee; border-radius: 0; filter: contrast(1.2); } /* High Contrast */
.tpl-80 { --tpl-bg: #4c1d95; --tpl-text: #ede9fe; --tpl-accent: #a78bfa; --tpl-header-bg: #2e1065; } /* Royal Purple */

/* --- PRO 💎 INTERSTELLAR SERIES (81-90) --- */
.tpl-81 { --tpl-bg: #030712; --tpl-text: #f9fafb; --tpl-accent: #38bdf8; --tpl-border: #1f2937; } /* Deep Space */
.tpl-82 { --tpl-bg: #09090b; --tpl-text: #fafafa; --tpl-accent: #f43f5e; --tpl-border: #27272a; border-right: 5px solid #f43f5e; } /* Martian Red */
.tpl-83 { --tpl-bg: #ffffff; --tpl-accent: #7c3aed; --tpl-header-bg: #f5f3ff; --tpl-border: transparent; box-shadow: 0 4px 60px rgba(124,58,237,0.1); } /* Nebula Soft */
.tpl-84 { --tpl-bg: #020617; --tpl-text: #f1f5f9; --tpl-accent: #10b981; --tpl-header-bg: #064e3b; } /* Emerald Orbit */
.tpl-85 { --tpl-bg: #f8fafc; --tpl-accent: #0f172a; --tpl-border: #94a3b8; border: 2px dashed #0f172a; } /* Blueprint */
.tpl-86 { --tpl-bg: #000; --tpl-text: #fff; --tpl-accent: #ffffff; --tpl-border: #333; text-align: center; letter-spacing: 4px; } /* Monolith */
.tpl-87 { --tpl-bg: #111827; --tpl-text: #e5e7eb; --tpl-accent: #ec4899; box-shadow: 0 0 40px rgba(236,72,153,0.3); } /* Supernova */
.tpl-88 { --tpl-bg: #ffffff; --tpl-accent: #1e3a8a; --tpl-font: 'Outfit', sans-serif; border: 1px solid #1e3a8a; } /* Stellar Blue */
.tpl-89 { --tpl-bg: #0f172a; --tpl-text: #94adcf; --tpl-accent: #38bdf8; } /* Galaxy Wash */
.tpl-90 { --tpl-bg: #ffffff; --tpl-text: #000; --tpl-accent: #10b981; border: 2px solid #10b981; border-radius: 50px; padding: 50px; } /* Final Frontier */