/* Premium 30 invoice pack, batch 3 of 6: designs 11-15 (Chromatic, Ledger Line, Facet,
   Olive Press, Studio Red). Selectors: .invoice-preview.tmpl-inv30-<slug>. Additive only,
   every declaration important, real cropped art only for photo/graphic motifs, never a
   raw invoice-data raster. See docs/full-designs/invoice30-reference/design_briefs.json
   ids 11-15 and CLAUDE_EDITABLE_BUILD_HANDOFF.md. */

/* ============ 11 Chromatic ============ */
.invoice-preview.tmpl-inv30-chromatic{ background:#ffffff !important; font-family:'Inter',ui-sans-serif,sans-serif !important; color:#14110F !important; border-radius:0 !important; position:relative !important; overflow:hidden !important; }
.invoice-preview.tmpl-inv30-chromatic::before{ content:"" !important; position:absolute !important; top:0 !important; left:0 !important; width:46% !important; height:34% !important; max-width:500px !important; max-height:420px !important; background-image:url(/assets/tpl-art/invoice30/chromatic-art-1.png) !important; background-size:cover !important; background-position:top left !important; opacity:.92 !important; pointer-events:none !important; z-index:0 !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-head{ position:relative !important; z-index:1 !important; padding:40px 46px 8px !important; flex-direction:row-reverse !important; align-items:flex-start !important; background:transparent !important; border-bottom:none !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-head-left{ text-align:right !important; padding-top:2px !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-head-right{ text-align:left !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-biz-name{ font-family:'Fraunces',Georgia,serif !important; font-size:22px !important; font-weight:600 !important; color:#14110F !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-biz-contact,.invoice-preview.tmpl-inv30-chromatic .inv-biz-contact div,.invoice-preview.tmpl-inv30-chromatic .inv-biz-address{ font-size:10.5px !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:#5B5650 !important; justify-content:flex-end !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-doc-title{ font-family:'Fraunces',Georgia,serif !important; font-size:62px !important; font-weight:600 !important; font-style:italic !important; color:#14110F !important; line-height:1 !important; margin-top:26px !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-doc-num,.invoice-preview.tmpl-inv30-chromatic .inv-doc-po{ font-size:11px !important; color:#5B5650 !important; margin-top:6px !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-body{ position:relative !important; z-index:1 !important; padding:18px 46px 44px !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-parties{ border-bottom:1px solid #E7E3DC !important; padding-bottom:16px !important; margin-bottom:8px !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-label{ font-size:9.5px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#7B756B !important; font-weight:700 !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-client-name{ font-family:'Fraunces',Georgia,serif !important; font-size:16px !important; color:#14110F !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-table thead th{ font-size:9.5px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#7B756B !important; border-bottom:1px solid #14110F !important; font-weight:700 !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-table tbody td{ border-bottom:1px solid #EEEBE5 !important; padding:16px 8px !important; }
.invoice-preview.tmpl-inv30-chromatic .td-desc{ font-family:'Fraunces',Georgia,serif !important; font-size:15px !important; font-weight:600 !important; color:#14110F !important; }
.invoice-preview.tmpl-inv30-chromatic .td-amt{ font-weight:700 !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-totals{ display:flex !important; justify-content:space-between !important; gap:24px !important; margin-top:22px !important; padding-top:18px !important; border-top:none !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-totals>div{ flex:1 1 0 !important; flex-direction:column !important; align-items:flex-start !important; gap:6px !important; color:#5B5650 !important; font-size:10.5px !important; letter-spacing:.1em !important; text-transform:uppercase !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-totals>div b{ font-family:'Fraunces',Georgia,serif !important; font-size:22px !important; color:#14110F !important; text-transform:none !important; letter-spacing:0 !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-total-grand{ border-left:1px solid #E7E3DC !important; padding-left:24px !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-total-grand b{ font-size:30px !important; font-weight:600 !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-block{ background:#FAF9F6 !important; border:none !important; border-radius:0 !important; border-left:2px solid #14110F !important; }
.invoice-preview.tmpl-inv30-chromatic .sig-line{ border-top:1px solid #14110F !important; }
.invoice-preview.tmpl-inv30-chromatic .inv-footer-note{ color:#7B756B !important; font-size:11px !important; }

/* ============ 12 Ledger Line ============ */
.invoice-preview.tmpl-inv30-ledgerline{ background:#FBF8F1 !important; font-family:'Inter',ui-sans-serif,sans-serif !important; color:#1B1812 !important; border-radius:0 !important; position:relative !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-head{ padding:44px 44px 0 108px !important; flex-direction:row !important; align-items:flex-start !important; background:transparent !important; border-bottom:none !important; position:relative !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-head::before{ content:"11" !important; position:absolute !important; left:-8px !important; top:-6px !important; font-family:'Fraunces',Georgia,serif !important; font-weight:700 !important; font-size:150px !important; line-height:1 !important; color:#B5462A !important; letter-spacing:-.05em !important; z-index:0 !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-head-left,.invoice-preview.tmpl-inv30-ledgerline .inv-head-right{ position:relative !important; z-index:1 !important; text-align:left !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-biz-name{ font-family:'Fraunces',Georgia,serif !important; font-size:19px !important; font-weight:600 !important; color:#1B1812 !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-biz-contact,.invoice-preview.tmpl-inv30-ledgerline .inv-biz-contact div,.invoice-preview.tmpl-inv30-ledgerline .inv-biz-address{ font-size:10.5px !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:#6B6154 !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-doc-title{ font-size:11px !important; letter-spacing:.22em !important; text-transform:uppercase !important; color:#1B1812 !important; font-weight:700 !important; margin-top:2px !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-doc-num,.invoice-preview.tmpl-inv30-ledgerline .inv-doc-po{ font-size:11px !important; color:#6B6154 !important; margin-top:6px !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-body{ padding:26px 44px 44px 108px !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-parties{ border-bottom:1px solid #DCD3C0 !important; padding-bottom:18px !important; margin-bottom:14px !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-label{ font-size:9.5px !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#B5462A !important; font-weight:700 !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-client-name{ font-family:'Fraunces',Georgia,serif !important; font-size:16px !important; color:#1B1812 !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-table{ border-collapse:separate !important; border-spacing:0 18px !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-table thead th{ font-size:9.5px !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#6B6154 !important; border-bottom:1px solid #1B1812 !important; font-weight:700 !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-table tbody td{ border-bottom:none !important; padding:2px 8px !important; vertical-align:top !important; }
.invoice-preview.tmpl-inv30-ledgerline .td-desc{ font-family:'Fraunces',Georgia,serif !important; font-size:17px !important; font-weight:600 !important; color:#1B1812 !important; }
.invoice-preview.tmpl-inv30-ledgerline .td-amt{ font-family:'Fraunces',Georgia,serif !important; font-weight:700 !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-totals{ border-top:3px double #1B1812 !important; margin-top:10px !important; padding-top:14px !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-totals>div{ color:#6B6154 !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-total-grand{ font-family:'Fraunces',Georgia,serif !important; font-size:22px !important; color:#1B1812 !important; font-weight:700 !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-block{ background:transparent !important; border:none !important; border-top:1px solid #DCD3C0 !important; border-radius:0 !important; padding-left:0 !important; padding-right:0 !important; }
.invoice-preview.tmpl-inv30-ledgerline .sig-line{ border-top:1px solid #1B1812 !important; }
.invoice-preview.tmpl-inv30-ledgerline .inv-footer-note{ color:#6B6154 !important; font-size:11px !important; }

/* ============ 13 Facet ============ */
.invoice-preview.tmpl-inv30-facet{ background:#ffffff !important; font-family:'Inter',ui-sans-serif,sans-serif !important; color:#191C22 !important; border-radius:0 !important; }
.invoice-preview.tmpl-inv30-facet .inv-head{ position:relative !important; padding:210px 40px 0 32% !important; min-height:210px !important; flex-direction:column !important; align-items:flex-start !important; background:transparent !important; border-bottom:none !important; box-sizing:border-box !important; }
.invoice-preview.tmpl-inv30-facet .inv-head::before{ content:"" !important; position:absolute !important; top:0 !important; left:0 !important; width:30% !important; max-width:340px !important; height:210px !important; background-image:url(/assets/tpl-art/invoice30/facet-art-1.png) !important; background-size:cover !important; background-position:center !important; }
.invoice-preview.tmpl-inv30-facet .inv-head-left{ max-width:none !important; text-align:left !important; order:2 !important; margin-top:10px !important; }
.invoice-preview.tmpl-inv30-facet .inv-head-right{ max-width:none !important; text-align:left !important; order:1 !important; }
.invoice-preview.tmpl-inv30-facet .inv-biz-name{ font-size:11px !important; letter-spacing:.14em !important; text-transform:uppercase !important; font-weight:700 !important; color:#191C22 !important; }
.invoice-preview.tmpl-inv30-facet .inv-biz-contact,.invoice-preview.tmpl-inv30-facet .inv-biz-contact div,.invoice-preview.tmpl-inv30-facet .inv-biz-address,.invoice-preview.tmpl-inv30-facet .inv-biz-tax{ font-size:10px !important; color:#6E7580 !important; justify-content:flex-start !important; }
.invoice-preview.tmpl-inv30-facet .inv-doc-title{ font-family:'Fraunces',Georgia,serif !important; font-size:36px !important; font-weight:500 !important; color:#191C22 !important; margin-top:0 !important; }
.invoice-preview.tmpl-inv30-facet .inv-doc-num,.invoice-preview.tmpl-inv30-facet .inv-doc-po{ font-size:11px !important; color:#6E7580 !important; margin-top:6px !important; }
.invoice-preview.tmpl-inv30-facet .inv-body{ padding:26px 40px 40px !important; }
.invoice-preview.tmpl-inv30-facet .inv-parties{ display:flex !important; gap:26px !important; border-bottom:1px solid #E3E6EA !important; padding-bottom:18px !important; margin-bottom:16px !important; }
.invoice-preview.tmpl-inv30-facet .inv-label{ font-size:9.5px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#1C3FAA !important; font-weight:700 !important; }
.invoice-preview.tmpl-inv30-facet .inv-client-name{ font-family:'Fraunces',Georgia,serif !important; font-size:16px !important; color:#191C22 !important; }
.invoice-preview.tmpl-inv30-facet .inv-table thead th{ font-size:9.5px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#6E7580 !important; border-bottom:1px solid #191C22 !important; font-weight:700 !important; }
.invoice-preview.tmpl-inv30-facet .inv-table tbody td{ border-bottom:1px solid #EEF0F3 !important; padding:14px 8px !important; }
.invoice-preview.tmpl-inv30-facet .td-desc{ font-weight:600 !important; }
.invoice-preview.tmpl-inv30-facet .td-amt{ font-weight:700 !important; }
.invoice-preview.tmpl-inv30-facet .inv-totals{ margin-top:20px !important; padding-top:16px !important; border-top:2px solid #191C22 !important; }
.invoice-preview.tmpl-inv30-facet .inv-totals>div{ color:#6E7580 !important; }
.invoice-preview.tmpl-inv30-facet .inv-total-grand{ font-size:20px !important; color:#1C3FAA !important; font-weight:700 !important; background:#F3F6FB !important; padding:4px 10px !important; border-radius:0 !important; }
.invoice-preview.tmpl-inv30-facet .inv-block{ background:#F7F8FA !important; border:none !important; border-left:2px solid #1C3FAA !important; border-radius:0 !important; }
.invoice-preview.tmpl-inv30-facet .sig-line{ border-top:1px solid #191C22 !important; }
.invoice-preview.tmpl-inv30-facet .inv-footer-note{ color:#6E7580 !important; font-size:11px !important; }

/* ============ 14 Olive Press ============ */
.invoice-preview.tmpl-inv30-olivepress{ background:#F7F4EC !important; font-family:'Inter',ui-sans-serif,sans-serif !important; color:#2A2A1E !important; border-radius:0 !important; position:relative !important; padding-right:64px !important; box-sizing:border-box !important; }
.invoice-preview.tmpl-inv30-olivepress::after{ content:"" !important; position:absolute !important; top:0 !important; right:0 !important; bottom:0 !important; width:64px !important; background-image:url(/assets/tpl-art/invoice30/olivepress-art-1.png) !important; background-size:cover !important; background-position:center !important; z-index:0 !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-head{ position:relative !important; z-index:1 !important; padding:34px 40px 6px !important; flex-direction:column !important; align-items:flex-start !important; background:transparent !important; border-bottom:none !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-head-left{ text-align:left !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-head-right{ text-align:left !important; margin-top:6px !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-biz-name{ font-size:11.5px !important; letter-spacing:.2em !important; text-transform:uppercase !important; font-weight:700 !important; color:#2A2A1E !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-biz-contact,.invoice-preview.tmpl-inv30-olivepress .inv-biz-contact div,.invoice-preview.tmpl-inv30-olivepress .inv-biz-address{ font-size:10px !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:#6E6B57 !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-doc-title{ font-family:'Fraunces',Georgia,serif !important; font-size:11px !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#5C6A34 !important; font-weight:700 !important; margin-top:8px !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-doc-num,.invoice-preview.tmpl-inv30-olivepress .inv-doc-po{ font-size:11px !important; color:#6E6B57 !important; margin-top:2px !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-body{ position:relative !important; z-index:1 !important; padding:8px 40px 40px !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-parties{ display:none !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-client-name{ font-family:'Fraunces',Georgia,serif !important; font-size:56px !important; font-weight:600 !important; color:#2A2A1E !important; line-height:1.05 !important; display:block !important; margin:10px 0 20px !important; border-bottom:1px solid #DCD6C2 !important; padding-bottom:16px !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-bill-to .inv-label{ font-size:9.5px !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#6E6B57 !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-bill-to{ display:block !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-details{ display:flex !important; gap:26px !important; border-bottom:1px solid #DCD6C2 !important; padding-bottom:14px !important; margin-bottom:16px !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-detail-row{ flex-direction:column !important; align-items:flex-start !important; gap:2px !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-detail-row span{ font-size:9.5px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#6E6B57 !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-table thead th{ font-size:9.5px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#6E6B57 !important; border-bottom:1px solid #2A2A1E !important; font-weight:700 !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-table tbody td{ border-bottom:1px solid #E9E4D4 !important; padding:14px 8px !important; }
.invoice-preview.tmpl-inv30-olivepress .td-desc{ font-weight:600 !important; }
.invoice-preview.tmpl-inv30-olivepress .td-amt{ font-weight:700 !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-totals{ justify-content:flex-start !important; gap:40px !important; margin-top:20px !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-totals>div{ color:#6E6B57 !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-total-grand{ font-family:'Fraunces',Georgia,serif !important; font-size:26px !important; color:#5C6A34 !important; font-weight:700 !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-block{ background:transparent !important; border:none !important; border-top:1px solid #DCD6C2 !important; border-radius:0 !important; }
.invoice-preview.tmpl-inv30-olivepress .sig-line{ border-top:1px solid #2A2A1E !important; }
.invoice-preview.tmpl-inv30-olivepress .inv-footer-note{ color:#6E6B57 !important; font-size:11px !important; }

/* ============ 15 Studio Red ============ */
.invoice-preview.tmpl-inv30-studiored{ background:#F5F3EE !important; font-family:'Inter',ui-sans-serif,sans-serif !important; color:#161512 !important; border-radius:0 !important; position:relative !important; overflow:hidden !important; }
.invoice-preview.tmpl-inv30-studiored::before{ content:"" !important; position:absolute !important; top:0 !important; left:0 !important; width:30% !important; max-width:340px !important; aspect-ratio:1/1.32 !important; background-image:url(/assets/tpl-art/invoice30/studiored-art-1.png) !important; background-size:cover !important; background-position:center !important; z-index:0 !important; filter:grayscale(1) !important; }
.invoice-preview.tmpl-inv30-studiored::after{ content:"" !important; position:absolute !important; top:0 !important; right:-70px !important; width:220px !important; height:220px !important; border-radius:50% !important; background:#C21E1E !important; z-index:0 !important; }
.invoice-preview.tmpl-inv30-studiored .inv-head{ position:relative !important; z-index:1 !important; padding:36px 44px 6px 44px !important; flex-direction:row !important; align-items:flex-start !important; background:transparent !important; border-bottom:none !important; }
.invoice-preview.tmpl-inv30-studiored .inv-head-left{ margin-left:36% !important; text-align:left !important; }
.invoice-preview.tmpl-inv30-studiored .inv-head-right{ text-align:left !important; margin-left:16px !important; }
.invoice-preview.tmpl-inv30-studiored .inv-biz-name{ font-size:11px !important; letter-spacing:.14em !important; text-transform:uppercase !important; font-weight:700 !important; color:#161512 !important; }
.invoice-preview.tmpl-inv30-studiored .inv-biz-contact,.invoice-preview.tmpl-inv30-studiored .inv-biz-contact div,.invoice-preview.tmpl-inv30-studiored .inv-biz-address{ font-size:9.5px !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:#63605A !important; }
.invoice-preview.tmpl-inv30-studiored .inv-doc-title{ font-family:'Fraunces',Georgia,serif !important; font-size:34px !important; font-weight:700 !important; color:#161512 !important; margin-top:14px !important; line-height:1 !important; }
.invoice-preview.tmpl-inv30-studiored .inv-doc-num,.invoice-preview.tmpl-inv30-studiored .inv-doc-po{ font-size:10.5px !important; color:#63605A !important; margin-top:6px !important; }
.invoice-preview.tmpl-inv30-studiored .inv-body{ position:relative !important; z-index:1 !important; padding:22px 44px 40px !important; }
.invoice-preview.tmpl-inv30-studiored .inv-parties{ border-bottom:1px solid #DFDAD0 !important; padding-bottom:16px !important; margin-bottom:14px !important; }
.invoice-preview.tmpl-inv30-studiored .inv-label{ font-size:9px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#C21E1E !important; font-weight:700 !important; }
.invoice-preview.tmpl-inv30-studiored .inv-client-name{ font-family:'Fraunces',Georgia,serif !important; font-size:20px !important; color:#161512 !important; }
.invoice-preview.tmpl-inv30-studiored .inv-table thead th{ font-size:9px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#63605A !important; border-bottom:1px solid #161512 !important; font-weight:700 !important; }
.invoice-preview.tmpl-inv30-studiored .inv-table tbody td{ border-bottom:1px solid #EAE6DE !important; padding:15px 8px !important; }
.invoice-preview.tmpl-inv30-studiored .td-desc{ font-family:'Fraunces',Georgia,serif !important; font-weight:600 !important; font-size:15px !important; }
.invoice-preview.tmpl-inv30-studiored .td-amt{ font-weight:700 !important; }
.invoice-preview.tmpl-inv30-studiored .inv-totals{ margin-top:22px !important; padding-top:18px !important; border-top:none !important; gap:28px !important; }
.invoice-preview.tmpl-inv30-studiored .inv-totals>div{ flex-direction:column !important; align-items:flex-start !important; gap:6px !important; color:#63605A !important; font-size:9.5px !important; letter-spacing:.12em !important; text-transform:uppercase !important; }
.invoice-preview.tmpl-inv30-studiored .inv-totals>div b{ font-family:'Fraunces',Georgia,serif !important; font-size:24px !important; color:#161512 !important; text-transform:none !important; letter-spacing:0 !important; }
.invoice-preview.tmpl-inv30-studiored .inv-total-grand b{ color:#C21E1E !important; font-size:30px !important; }
.invoice-preview.tmpl-inv30-studiored .inv-block{ background:#FFFFFF !important; border:none !important; border-left:2px solid #C21E1E !important; border-radius:0 !important; }
.invoice-preview.tmpl-inv30-studiored .sig-line{ border-top:1px solid #161512 !important; }
.invoice-preview.tmpl-inv30-studiored .inv-footer-note{ color:#63605A !important; font-size:11px !important; }