/*!
 * it-gen-premium30-batch1-v1.css
 * Invoice generator: premium 30-design pack, batch 1 of 6 (designs 01-05).
 * Targets invoice-generator's real DOM (.invoice-preview .inv-head/.inv-body/.inv-table/
 * .inv-totals/.inv-parties/.inv-block...). Additive only: new selectors, nothing here edits
 * an existing template or the page's own CSS/JS. Every declaration carries !important because
 * the page's own base it-gen-v3.css (inline in invoice-generator/index.html) otherwise wins
 * the cascade. Art crops load from /assets/tpl-art/invoice30/. Selector convention:
 * .invoice-preview.tmpl-inv30-<slug>. No raw unescaped <svg markup anywhere (breaks PDF/PNG
 * export) - all decoration here is CSS gradients, borders, shapes and real cropped photo/line
 * art PNGs (decorative-only crops, no invoice text or numbers baked into any image).
 */

/* ===================== 01: Helix - vertical INVOICE spine, lapis ribbon, serif ===================== */
.invoice-preview.tmpl-inv30-helix{ background:#F7F4EA!important; color:#10192B!important; font-family:'Fraunces',Georgia,serif!important; padding-right:82px!important; position:relative!important; }
.invoice-preview.tmpl-inv30-helix .inv-head{ padding:40px 84px 26px 44px!important; position:relative!important; }
.invoice-preview.tmpl-inv30-helix .inv-head::before{ content:""!important; position:absolute!important; left:0!important; top:0!important; width:100%!important; height:112px!important; background:url("/assets/tpl-art/invoice30/helix-art-1.png") left top/cover no-repeat!important; opacity:.94!important; z-index:0!important; }
.invoice-preview.tmpl-inv30-helix .inv-head-left,.invoice-preview.tmpl-inv30-helix .inv-head-right{ position:relative!important; z-index:1!important; }
.invoice-preview.tmpl-inv30-helix .inv-biz-name{ font-family:'Fraunces',Georgia,serif!important; font-weight:600!important; font-size:27px!important; letter-spacing:-.01em!important; color:#10192B!important; }
.invoice-preview.tmpl-inv30-helix .inv-biz-contact{ flex-direction:column!important; }
.invoice-preview.tmpl-inv30-helix .inv-biz-contact div,.invoice-preview.tmpl-inv30-helix .inv-biz-address,.invoice-preview.tmpl-inv30-helix .inv-biz-tax{ font-size:10px!important; letter-spacing:.16em!important; text-transform:uppercase!important; color:#4A5266!important; }
.invoice-preview.tmpl-inv30-helix .inv-head-right{ max-width:none!important; padding-top:6px!important; }
.invoice-preview.tmpl-inv30-helix .inv-doc-num{ display:none!important; }
.invoice-preview.tmpl-inv30-helix .inv-doc-po{ display:none!important; }
.invoice-preview.tmpl-inv30-helix .inv-doc-title{ position:absolute!important; top:0!important; right:-82px!important; width:82px!important; height:100%!important; min-height:520px!important; margin:0!important; display:flex!important; align-items:center!important; justify-content:center!important; writing-mode:vertical-rl!important; transform:rotate(180deg)!important; font-family:'Fraunces',Georgia,serif!important; font-weight:700!important; font-size:56px!important; letter-spacing:.04em!important; color:#10192B!important; background:#F7F4EA!important; z-index:2!important; }
.invoice-preview.tmpl-inv30-helix .inv-body{ padding:22px 92px 40px 44px!important; }
.invoice-preview.tmpl-inv30-helix .inv-parties{ border-bottom:1px solid #E1DCC9!important; }
.invoice-preview.tmpl-inv30-helix .inv-bill-to .inv-label,.invoice-preview.tmpl-inv30-helix .inv-details>.inv-label{ font-size:10px!important; letter-spacing:.16em!important; color:#4A5266!important; }
.invoice-preview.tmpl-inv30-helix .inv-client-name{ font-family:'Fraunces',Georgia,serif!important; font-weight:600!important; }
.invoice-preview.tmpl-inv30-helix .inv-details{ min-width:0!important; width:165px!important; }
.invoice-preview.tmpl-inv30-helix .inv-detail-row{ font-size:12.5px!important; gap:8px!important; }
.invoice-preview.tmpl-inv30-helix .inv-detail-row span{ letter-spacing:.1em!important; text-transform:uppercase!important; font-size:10.5px!important; color:#4A5266!important; }
.invoice-preview.tmpl-inv30-helix .inv-table{ border-collapse:separate!important; border-spacing:0 18px!important; }
.invoice-preview.tmpl-inv30-helix .inv-table thead th{ font-family:'Fraunces',Georgia,serif!important; font-weight:600!important; text-transform:uppercase!important; letter-spacing:.14em!important; font-size:10px!important; color:#4A5266!important; border-bottom:1px solid #10192B!important; }
.invoice-preview.tmpl-inv30-helix .inv-table tbody td{ border-bottom:none!important; padding:0 8px 18px!important; vertical-align:top!important; }
.invoice-preview.tmpl-inv30-helix .td-desc{ font-family:'Fraunces',Georgia,serif!important; font-weight:600!important; font-size:17px!important; }
.invoice-preview.tmpl-inv30-helix .td-amt{ font-family:'Fraunces',Georgia,serif!important; font-weight:700!important; }
.invoice-preview.tmpl-inv30-helix .inv-totals{ border-top:1px solid #E1DCC9!important; padding-top:10px!important; }
.invoice-preview.tmpl-inv30-helix .inv-total-grand{ border-top:2px solid #10192B!important; }
.invoice-preview.tmpl-inv30-helix .inv-total-grand b{ font-family:'Fraunces',Georgia,serif!important; font-size:38px!important; color:#1E3FD6!important; }
.invoice-preview.tmpl-inv30-helix .inv-block{ background:#EFEADA!important; border-radius:0!important; }
.invoice-preview.tmpl-inv30-helix .sig-line{ border-top:1px solid #10192B!important; }
.invoice-preview.tmpl-inv30-helix .inv-footer-note,.invoice-preview.tmpl-inv30-helix .inv-powered a{ color:#4A5266!important; }

/* ===================== 02: Copper Draft - architectural line art, warm serif ===================== */
.invoice-preview.tmpl-inv30-copper-draft{ background:#F7F1E4!important; color:#3A2C1E!important; font-family:'Fraunces',Georgia,serif!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-head{ flex-direction:column!important; align-items:center!important; text-align:center!important; padding:0 44px 8px!important; gap:0!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-head::before{ content:""!important; display:block!important; width:calc(100% + 88px)!important; margin:0 -44px 22px!important; height:190px!important; background:url("/assets/tpl-art/invoice30/copper-draft-art-1.png") center/cover no-repeat!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-head-left,.invoice-preview.tmpl-inv30-copper-draft .inv-head-right{ max-width:none!important; text-align:center!important; order:0!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-head-right{ order:2!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-head-left{ order:3!important; margin-top:18px!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-doc-title{ font-family:'Fraunces',Georgia,serif!important; font-weight:600!important; font-size:44px!important; letter-spacing:.02em!important; color:#A5652E!important; margin-bottom:6px!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-doc-num::before{ content:"No. "!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-doc-num{ font-size:11px!important; letter-spacing:.22em!important; text-transform:uppercase!important; color:#7A6349!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-doc-po{ text-align:center!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-biz-name{ font-family:'Fraunces',Georgia,serif!important; font-weight:600!important; font-size:20px!important; letter-spacing:.06em!important; text-transform:uppercase!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-biz-contact{ justify-content:center!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-biz-contact div,.invoice-preview.tmpl-inv30-copper-draft .inv-biz-address,.invoice-preview.tmpl-inv30-copper-draft .inv-biz-tax{ font-size:10.5px!important; letter-spacing:.1em!important; text-transform:uppercase!important; color:#7A6349!important; justify-content:center!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-body{ display:grid!important; grid-template-columns:30% 1fr!important; column-gap:26px!important; padding:8px 44px 40px!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-parties{ grid-column:1!important; grid-row:1!important; flex-direction:column!important; border:none!important; border-right:1px solid #D9C7AC!important; padding:0 20px 0 0!important; margin:0!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-bill-to,.invoice-preview.tmpl-inv30-copper-draft .inv-details{ max-width:none!important; text-align:left!important; margin-bottom:18px!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-detail-row{ justify-content:flex-start!important; gap:10px!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-bill-to .inv-label,.invoice-preview.tmpl-inv30-copper-draft .inv-details>.inv-label{ color:#A5652E!important; letter-spacing:.14em!important; font-size:10px!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-client-name{ font-family:'Fraunces',Georgia,serif!important; font-weight:600!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-table{ grid-column:2!important; grid-row:1!important; align-self:start!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-table thead th{ font-family:'Fraunces',Georgia,serif!important; text-transform:uppercase!important; letter-spacing:.08em!important; color:#7A6349!important; border-bottom:1px solid #3A2C1E!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-table tbody td{ border-bottom:1px solid #E3D5BC!important; }
.invoice-preview.tmpl-inv30-copper-draft .td-desc{ font-weight:600!important; }
.invoice-preview.tmpl-inv30-copper-draft .td-amt{ color:#9B5F2B!important; font-weight:700!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-totals{ grid-column:2!important; grid-row:2!important; margin:0 0 0 auto!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-total-grand{ border-top:1px solid #3A2C1E!important; color:#A5652E!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-total-grand b{ font-family:'Fraunces',Georgia,serif!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-block.inv-terms{ grid-column:1!important; grid-row:2!important; background:transparent!important; border-radius:0!important; padding:16px 20px 0 0!important; border-top:1px solid #D9C7AC!important; margin-top:14px!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-terms .inv-label{ color:#A5652E!important; letter-spacing:.14em!important; font-size:10px!important; }
.invoice-preview.tmpl-inv30-copper-draft .sig-line{ border-top:1px solid #3A2C1E!important; }
.invoice-preview.tmpl-inv30-copper-draft .inv-footer-note,.invoice-preview.tmpl-inv30-copper-draft .inv-powered a{ color:#7A6349!important; }

/* ===================== 03: Forma - editorial photo band, amount-only table, sans ===================== */
.invoice-preview.tmpl-inv30-forma{ background:#FFFFFF!important; color:#17130F!important; font-family:'Space Grotesk',ui-sans-serif,sans-serif!important; }
.invoice-preview.tmpl-inv30-forma .inv-head{ padding:36px 44px 0!important; align-items:flex-start!important; }
.invoice-preview.tmpl-inv30-forma .inv-biz-name{ font-family:'Space Grotesk',ui-sans-serif,sans-serif!important; font-weight:800!important; font-size:44px!important; letter-spacing:-.02em!important; line-height:.96!important; }
.invoice-preview.tmpl-inv30-forma .inv-biz-contact div,.invoice-preview.tmpl-inv30-forma .inv-biz-address,.invoice-preview.tmpl-inv30-forma .inv-biz-tax{ font-size:11px!important; color:#6B655E!important; }
.invoice-preview.tmpl-inv30-forma .inv-doc-title{ font-size:12px!important; font-weight:800!important; letter-spacing:.2em!important; text-transform:uppercase!important; color:#17130F!important; margin-bottom:4px!important; }
.invoice-preview.tmpl-inv30-forma .inv-doc-num,.invoice-preview.tmpl-inv30-forma .inv-doc-po{ font-size:11px!important; color:#6B655E!important; }
.invoice-preview.tmpl-inv30-forma .inv-body{ padding:0 0 40px!important; }
.invoice-preview.tmpl-inv30-forma .inv-body::before{ content:""!important; display:block!important; width:100%!important; height:180px!important; margin:22px 0 26px!important; background:url("/assets/tpl-art/invoice30/forma-art-1.png") center/cover no-repeat!important; }
.invoice-preview.tmpl-inv30-forma .inv-parties{ padding:0 44px 24px!important; margin-bottom:20px!important; border-bottom:1px solid #EDEAE4!important; }
.invoice-preview.tmpl-inv30-forma .inv-bill-to .inv-label,.invoice-preview.tmpl-inv30-forma .inv-details>.inv-label{ font-size:10px!important; letter-spacing:.14em!important; color:#6B655E!important; }
.invoice-preview.tmpl-inv30-forma .inv-client-name{ font-size:19px!important; font-weight:700!important; }
.invoice-preview.tmpl-inv30-forma .inv-table{ padding:0 44px!important; }
.invoice-preview.tmpl-inv30-forma .inv-table thead th{ text-transform:uppercase!important; letter-spacing:.1em!important; font-size:10px!important; border-bottom:1px solid #17130F!important; }
.invoice-preview.tmpl-inv30-forma .inv-table thead th:nth-child(2),.invoice-preview.tmpl-inv30-forma .inv-table thead th:nth-child(3){ display:none!important; }
.invoice-preview.tmpl-inv30-forma .inv-table tbody td:nth-child(2),.invoice-preview.tmpl-inv30-forma .inv-table tbody td:nth-child(3){ display:none!important; }
.invoice-preview.tmpl-inv30-forma .inv-table tbody td{ border-bottom:1px solid #EDEAE4!important; padding:16px 8px!important; }
.invoice-preview.tmpl-inv30-forma .td-desc{ font-weight:600!important; font-size:16px!important; }
.invoice-preview.tmpl-inv30-forma .td-amt{ font-weight:700!important; font-size:16px!important; }
.invoice-preview.tmpl-inv30-forma .inv-totals{ margin:0 44px 0 auto!important; }
.invoice-preview.tmpl-inv30-forma .inv-totals>div{ color:#6B655E!important; }
.invoice-preview.tmpl-inv30-forma .inv-total-grand{ border-top:none!important; margin-top:26px!important; }
.invoice-preview.tmpl-inv30-forma .inv-block{ margin:26px 0 0!important; padding:24px 44px!important; border-radius:0!important; background:#BD4E1E!important; color:#FFF6EE!important; }
.invoice-preview.tmpl-inv30-forma .inv-block .inv-label{ color:#FFDCC4!important; }
.invoice-preview.tmpl-inv30-forma .inv-block div:not(.inv-label){ color:#FFF6EE!important; }
.invoice-preview.tmpl-inv30-forma .sig-line{ border-top:1px solid #17130F!important; }
.invoice-preview.tmpl-inv30-forma .inv-footer-note{ padding:0 44px!important; margin-top:26px!important; }

/* ===================== 04: Decimal - data-first ruled grid, row numerals, sans ===================== */
.invoice-preview.tmpl-inv30-decimal{ background:#FFFFFF!important; color:#23262B!important; font-family:'Inter',ui-sans-serif,sans-serif!important; }
.invoice-preview.tmpl-inv30-decimal .inv-head{ align-items:flex-start!important; padding:40px 44px 28px!important; position:relative!important; overflow:hidden!important; }
.invoice-preview.tmpl-inv30-decimal .inv-head::before{ content:"INVOICE"!important; position:absolute!important; left:-10px!important; top:-46px!important; font-size:150px!important; font-weight:800!important; letter-spacing:-.04em!important; color:#E7EEFC!important; z-index:0!important; pointer-events:none!important; white-space:nowrap!important; }
.invoice-preview.tmpl-inv30-decimal .inv-head-left,.invoice-preview.tmpl-inv30-decimal .inv-head-right{ position:relative!important; z-index:1!important; }
.invoice-preview.tmpl-inv30-decimal .inv-biz-name{ font-weight:800!important; font-size:20px!important; }
.invoice-preview.tmpl-inv30-decimal .inv-biz-contact div,.invoice-preview.tmpl-inv30-decimal .inv-biz-address{ font-size:11.5px!important; color:#6B7078!important; }
.invoice-preview.tmpl-inv30-decimal .inv-doc-title{ background:#23262B!important; color:#fff!important; font-weight:800!important; font-size:14px!important; letter-spacing:.1em!important; text-transform:uppercase!important; padding:8px 16px!important; display:inline-block!important; }
.invoice-preview.tmpl-inv30-decimal .inv-doc-num,.invoice-preview.tmpl-inv30-decimal .inv-doc-po{ font-size:11.5px!important; color:#6B7078!important; margin-top:8px!important; }
.invoice-preview.tmpl-inv30-decimal .inv-body{ padding:0 44px 40px!important; }
.invoice-preview.tmpl-inv30-decimal .inv-parties{ border-bottom:1px solid #23262B!important; padding-bottom:20px!important; }
.invoice-preview.tmpl-inv30-decimal .inv-bill-to .inv-label,.invoice-preview.tmpl-inv30-decimal .inv-details>.inv-label{ color:#1450C4!important; font-size:10px!important; letter-spacing:.12em!important; }
.invoice-preview.tmpl-inv30-decimal .inv-detail-row{ border-left:2px solid #1450C4!important; padding-left:8px!important; margin-bottom:2px!important; }
.invoice-preview.tmpl-inv30-decimal .inv-table thead th{ text-transform:uppercase!important; letter-spacing:.08em!important; font-size:10px!important; color:#6B7078!important; border-bottom:1px solid #23262B!important; }
.invoice-preview.tmpl-inv30-decimal .inv-table{ counter-reset:inv30row!important; }
.invoice-preview.tmpl-inv30-decimal .inv-table tbody tr{ counter-increment:inv30row!important; }
.invoice-preview.tmpl-inv30-decimal .inv-table tbody td{ border-bottom:1px solid #E6E8EC!important; padding:16px 8px!important; }
.invoice-preview.tmpl-inv30-decimal .td-desc{ position:relative!important; padding-left:42px!important; font-weight:600!important; }
.invoice-preview.tmpl-inv30-decimal .td-desc::before{ content:counter(inv30row,decimal-leading-zero)!important; position:absolute!important; left:0!important; top:0!important; font-size:22px!important; font-weight:800!important; color:#1450C4!important; }
.invoice-preview.tmpl-inv30-decimal .td-amt{ font-weight:700!important; }
.invoice-preview.tmpl-inv30-decimal .inv-totals>div{ color:#6B7078!important; }
.invoice-preview.tmpl-inv30-decimal .inv-total-grand{ border-top:2px solid #23262B!important; }
.invoice-preview.tmpl-inv30-decimal .inv-total-grand b{ color:#1450C4!important; }
.invoice-preview.tmpl-inv30-decimal .inv-block{ background:#F4F7FD!important; border-radius:2px!important; border-left:3px solid #1450C4!important; }
.invoice-preview.tmpl-inv30-decimal .sig-line{ border-top:1px solid #23262B!important; }
.invoice-preview.tmpl-inv30-decimal .inv-footer-note,.invoice-preview.tmpl-inv30-decimal .inv-powered a{ color:#6B7078!important; }

/* ===================== 05: Morrow - editorial black rail, red rule, serif ===================== */
.invoice-preview.tmpl-inv30-morrow{ background:#FAF7F2!important; color:#17130F!important; font-family:'Fraunces',Georgia,serif!important; display:grid!important; grid-template-columns:34% 66%!important; }
.invoice-preview.tmpl-inv30-morrow .inv-head{ grid-column:1!important; grid-row:1!important; background:#0B0B0B!important; color:#F5F1E8!important; flex-direction:column!important; padding:40px 30px!important; }
.invoice-preview.tmpl-inv30-morrow .inv-head-right{ order:-1!important; text-align:left!important; margin-bottom:26px!important; }
.invoice-preview.tmpl-inv30-morrow .inv-head-left{ max-width:none!important; }
.invoice-preview.tmpl-inv30-morrow .inv-doc-title{ font-family:'Fraunces',Georgia,serif!important; font-style:italic!important; font-weight:700!important; font-size:44px!important; line-height:.94!important; color:#F5F1E8!important; }
.invoice-preview.tmpl-inv30-morrow .inv-doc-num,.invoice-preview.tmpl-inv30-morrow .inv-doc-po{ color:#B9B2A2!important; font-size:11px!important; letter-spacing:.08em!important; margin-top:8px!important; }
.invoice-preview.tmpl-inv30-morrow .inv-biz-name{ font-size:16px!important; font-weight:700!important; letter-spacing:.02em!important; color:#F5F1E8!important; }
.invoice-preview.tmpl-inv30-morrow .inv-biz-contact div,.invoice-preview.tmpl-inv30-morrow .inv-biz-address{ font-size:11px!important; color:#B9B2A2!important; }
.invoice-preview.tmpl-inv30-morrow .inv-body{ grid-column:2!important; grid-row:1!important; background:#FAF7F2!important; padding:40px 40px 40px 34px!important; }
.invoice-preview.tmpl-inv30-morrow .inv-parties{ border-bottom:1px solid #E4DCC9!important; }
.invoice-preview.tmpl-inv30-morrow .inv-bill-to .inv-label,.invoice-preview.tmpl-inv30-morrow .inv-details>.inv-label{ font-size:10px!important; letter-spacing:.14em!important; color:#8A8375!important; }
.invoice-preview.tmpl-inv30-morrow .inv-client-name{ font-family:'Fraunces',Georgia,serif!important; font-weight:700!important; }
.invoice-preview.tmpl-inv30-morrow .inv-table thead th{ font-family:'Fraunces',Georgia,serif!important; text-transform:uppercase!important; letter-spacing:.1em!important; font-size:10.5px!important; border-bottom:1px solid #17130F!important; }
.invoice-preview.tmpl-inv30-morrow .inv-table tbody td{ border-bottom:1px solid #E4DCC9!important; }
.invoice-preview.tmpl-inv30-morrow .td-desc{ font-family:'Fraunces',Georgia,serif!important; font-weight:600!important; font-size:17px!important; }
.invoice-preview.tmpl-inv30-morrow .inv-totals>div{ color:#8A8375!important; }
.invoice-preview.tmpl-inv30-morrow .inv-total-grand{ border-top:3px solid #C81E1E!important; padding-top:16px!important; }
.invoice-preview.tmpl-inv30-morrow .inv-total-grand span{ font-family:'Fraunces',Georgia,serif!important; font-size:22px!important; font-weight:700!important; text-transform:capitalize!important; }
.invoice-preview.tmpl-inv30-morrow .inv-total-grand b{ font-family:'Fraunces',Georgia,serif!important; font-size:40px!important; }
.invoice-preview.tmpl-inv30-morrow .inv-block{ background:transparent!important; border-top:1px solid #E4DCC9!important; border-radius:0!important; padding:18px 0 0!important; }
.invoice-preview.tmpl-inv30-morrow .inv-terms .inv-label{ letter-spacing:.14em!important; font-size:10px!important; color:#8A8375!important; }
.invoice-preview.tmpl-inv30-morrow .sig-line{ border-top:1px solid #17130F!important; }
.invoice-preview.tmpl-inv30-morrow .inv-footer-note,.invoice-preview.tmpl-inv30-morrow .inv-powered a{ color:#756F63!important; }
.invoice-preview.tmpl-inv30-helix .inv-latefee{color:#696672!important;}