/* Accountant/Bookkeeper 30-pack, batch 2 (AB-06..AB-10): built to the owner's reference package (tools/trades10/pack-templates/accountant/InvoiceTools_Accountant_Bookkeeper_30_US_Letter_Claude_Handoff) on invoice-generator's .invoice-preview DOM, same technique proven on electrician/hvac/landscaper/ carpenter/roofer. This package ships no per-design spec .md files and no pre-cropped decorative-asset folder (unlike roofer/hvac) - just 30 reference PNGs, a TEMPLATE_INDEX.csv and one master prompt, so every design was read directly off its own reference PNG (ground truth) rather than spec prose. Unlike batch 1's call to rebuild simple glyphs in CSS, this batch crops every logo mark and line icon as a real pixel (Pillow, alpha-keyed against each icon's own sampled background so it drops cleanly onto any CSS-drawn panel/circle behind it) per this project's own "real crop, never a CSS stand-in" rule - several of this batch's marks (AB-06's gold/green R monogram, AB-07's two-tone mint leaf) are genuine multi-tone illustration work a flat CSS shape could not reproduce faithfully. No baked fake business data lived inside any of these crops (every reference used a placeholder brand name already, confirmed by eye on each crop before use), so no inpainting was needed this batch. All geometry is in container-query units (1cqw = 1/100 of the sheet width; the reference PNGs are 1103x1426px, so px/1103*100 = cqw), matching the sheet's real aspect ratio (1426/1103 = 129.3cqw tall) so the layout holds at the 794px screen sheet, the 690px export and the 847px print width. Every design's business contact fields (email/phone/address/tax id) are real, live `.inv-biz-contact`/`.inv-biz-address`/ `.inv-biz-tax` content - always visibly rendered, never hidden behind decorative art. */ /* ===== ab30-06-emeraldgold (AB-06 "Elegant green and gold accounting") ===== Riverdale Financial. Centered masthead: two small flanking tagline columns either side of a centered gold/green "R" leaf monogram (real crop, a genuine two-tone illustration), serif business name in deep green, a gold service-line subtitle and an italic tagline (both generic marketing copy, not invoice data). Centered serif "INVOICE" with a gold rule under it. Bill To / invoice meta two-column row, a deep-green table header, a deep-green "Total due" bar, a 3-column footer (Payment Info / Terms / Notes) separated by thin rules, live contact info with real mail/phone/globe icon crops next to it, and a cursive "Thank you" sign-off with a gold motto rule under it, both centered. Real crops: the R monogram (icon only, cropped clean of the reference's own "Riverdale Financial" wordmark so the live business name prints under it) and the 3 small mail/phone/globe icons next to the live contact lines. The reference's two flanking tagline columns ("Numbers / Clarity / Progress", "People / Businesses / Brighter Futures") are generic brand copy with no backing data field - kept as fixed decorative text via pseudo-elements, not invented invoice data. */ .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#FBF8F1 !important;color:#2B3129 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 *{box-sizing:border-box !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-head{position:relative !important;display:block !important;margin:0 !important;padding:5.4cqw 10cqw 3cqw !important;background:none !important;text-align:center !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-head::before{content:"NUMBERS\A CLARITY\A PROGRESS" !important;white-space:pre-line !important;position:absolute !important;left:4.1cqw !important;top:6.9cqw !important;width:13cqw !important;font-size:.95cqw !important;font-weight:700 !important;letter-spacing:.2em !important;line-height:2 !important;color:#2B3129 !important;text-align:left !important;border-bottom:0 !important;background:linear-gradient(#C9A84C,#C9A84C) no-repeat center bottom/4cqw 1px !important;padding-bottom:1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-head::after{content:"PEOPLE\A BUSINESSES\A BRIGHTER FUTURES" !important;white-space:pre-line !important;position:absolute !important;right:4.1cqw !important;top:6.9cqw !important;width:13cqw !important;font-size:.95cqw !important;font-weight:700 !important;letter-spacing:.2em !important;line-height:2 !important;color:#2B3129 !important;text-align:right !important;border-bottom:0 !important;background:linear-gradient(#C9A84C,#C9A84C) no-repeat center bottom/4cqw 1px !important;padding-bottom:1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-head-left{position:static !important;display:block !important;max-width:100% !important;width:100% !important;margin:0 !important;padding:0 !important;text-align:center !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-logo{display:block !important;max-height:7.5cqw !important;margin:0 auto 1cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-head-left::before{content:"" !important;display:block !important;width:14cqw !important;height:9.7cqw !important;margin:0 auto 1cqw !important;background:url(/assets/tpl-art/ab30/ab30-06-logomark.webp) no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-biz-name{display:block !important;font-family:var(--font-serif,Georgia,serif) !important;font-size:2.55cqw !important;font-weight:700 !important;letter-spacing:.05em !important;line-height:1.2 !important;color:#1B3A2B !important;margin:0 0 .5cqw !important;text-transform:uppercase !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-biz-name::after{content:"ACCOUNTING \2022 BOOKKEEPING \2022 ADVISORY" !important;display:block !important;font-size:1cqw !important;font-weight:700 !important;letter-spacing:.16em !important;color:#B08D3F !important;margin-top:.5cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-biz-contact{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:0 1.6cqw !important;margin:1.2cqw auto 0 !important;max-width:70cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-biz-contact::before{content:"Small Business Finances. A Brighter Tomorrow." !important;flex:0 0 100% !important;display:block !important;font-family:var(--font-serif,Georgia,serif) !important;font-style:italic !important;font-size:1.35cqw !important;color:#1B3A2B !important;text-align:center !important;margin:.4cqw 0 .8cqw !important;padding:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-biz-contact>div{position:relative !important;padding-left:2cqw !important;font-size:1.05cqw !important;color:#2B3129 !important;opacity:1 !important;line-height:1.9 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-biz-contact>div::before{content:"" !important;position:absolute !important;left:0 !important;top:.4cqw !important;width:1.4cqw !important;height:1.4cqw !important;background:no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-biz-contact>div:nth-child(1)::before{background-image:url(/assets/tpl-art/ab30/ab30-06-ic-mail.webp) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-biz-contact>div:nth-child(2)::before{background-image:url(/assets/tpl-art/ab30/ab30-06-ic-phone.webp) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-biz-contact>div:nth-child(3)::before{background-image:url(/assets/tpl-art/ab30/ab30-06-ic-globe.webp) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-biz-address{display:block !important;text-align:center !important;font-size:1.05cqw !important;color:#2B3129 !important;opacity:1 !important;line-height:1.7 !important;margin-top:.5cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-biz-tax{display:block !important;text-align:center !important;font-size:.92cqw !important;color:#8A8578 !important;opacity:1 !important;margin-top:.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-head-right{display:block !important;position:relative !important;margin:3.2cqw 0 0 !important;padding:0 !important;text-align:center !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-doc-title{display:block !important;font-family:var(--font-serif,Georgia,serif) !important;font-size:5cqw !important;font-weight:700 !important;letter-spacing:.22em !important;text-transform:uppercase !important;color:#1B3A2B !important;margin:0 0 .9cqw !important;line-height:1.1 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-doc-title::after{content:"" !important;display:block !important;width:9cqw !important;height:2px !important;background:#C9A84C !important;margin:0 auto !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-doc-num{display:block !important;font-size:1.05cqw !important;font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#8A8578 !important;margin-top:1.1cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-doc-num::before{content:"Invoice No. " !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-doc-po{display:block !important;font-size:1cqw !important;letter-spacing:.12em !important;color:#8A8578 !important;margin-top:.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-body{position:relative !important;display:grid !important;grid-template-columns:1fr 1fr 1fr !important;column-gap:0 !important;align-items:start !important;padding:1.4cqw 7.3cqw 5.4cqw !important;text-align:left !important;min-height:calc(129.3cqw - 47cqw) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-body>*{grid-column:1/-1 !important;min-width:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-body>div:empty{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-payrow,.invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-notes,.invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-terms{grid-column:auto !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-parties{justify-content:space-between !important;padding-bottom:2.4cqw !important;margin-bottom:2.2cqw !important;border-bottom:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-bill-to{max-width:50% !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-details{text-align:right !important;min-width:30cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-label{font-size:.95cqw !important;font-weight:800 !important;letter-spacing:.18em !important;color:#8A8578 !important;margin-bottom:.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-client-name{font-size:1.5cqw !important;font-weight:800 !important;color:#1B3A2B !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-bill-to div{font-size:1.2cqw !important;line-height:1.75 !important;color:#454940 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-detail-row{display:flex !important;justify-content:space-between !important;gap:1.4cqw !important;padding:.3cqw 0 !important;font-size:1.15cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-detail-row span{color:#8A8578 !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase !important;font-size:.95cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-detail-row b{font-weight:700 !important;color:#1B3A2B !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-table{margin-bottom:1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-table thead tr{background:#1B3A2B !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-table thead th{padding:1.1cqw .9cqw !important;font-size:.95cqw !important;letter-spacing:.1em !important;color:#F3EFE2 !important;border-bottom:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-table tbody td{padding:1.15cqw .9cqw !important;font-size:1.2cqw !important;border-bottom:1px solid #E7E2D2 !important;color:#2B3129 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .td-amt{font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-totals{width:32cqw !important;margin:0 0 2.4cqw auto !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-totals>div{font-size:1.1cqw !important;padding:.5cqw .2cqw !important;color:#454940 !important;letter-spacing:.06em !important;text-transform:uppercase !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-total-grand{background:#1B3A2B !important;border-top:0 !important;margin-top:.5cqw !important;padding:1.1cqw 1.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-total-grand span{font-size:1.02cqw !important;color:#F3EFE2 !important;letter-spacing:.14em !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-total-grand b{font-size:1.75cqw !important;font-weight:800 !important;color:#FFFFFF !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-payrow{display:block !important;gap:0 !important;margin:0 !important;padding:0 2.2cqw 0 0 !important;border-top:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-payrow .inv-block{padding:0 !important;border-left:0 !important;margin:0 !important;background:none !important;border-radius:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-payrow .inv-block:first-child{padding-left:0 !important;border-left:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-payrow .inv-label, .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-terms .inv-label, .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-notes .inv-label{color:#1B3A2B !important;font-size:.95cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-bank div, .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-terms div, .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-notes div{font-size:1.08cqw !important;line-height:1.7 !important;color:#454940 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-terms{margin:0 !important;padding:0 2.2cqw !important;border-left:1px solid #E7E2D2 !important;min-height:12cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-notes{margin:0 !important;padding:0 2.2cqw !important;border-left:1px solid #E7E2D2 !important;max-width:none !important;background:none !important;border-radius:0 !important;min-height:12cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-signature-row{justify-content:center !important;margin-top:3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-footer-note{margin-top:1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-signature{text-align:center !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .sig-caption{font-size:1cqw !important;color:#B08D3F !important;letter-spacing:.14em !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-signature::before{content:"Thank You" !important;display:block !important;font-family:'Brush Script MT',cursive !important;font-style:italic !important;font-size:3cqw !important;color:#B08D3F !important;margin-bottom:.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-powered{text-align:center !important;font-size:.85cqw !important;letter-spacing:.14em !important;color:#8A8578 !important;margin-top:1.4cqw !important;padding-top:1cqw !important;border-top:1px solid #C9A84C !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-06).tmpl-ab30-06 .inv-powered::before{content:"Stronger businesses build brighter tomorrows" !important;display:block !important;font-size:.9cqw !important;font-weight:700 !important;letter-spacing:.3em !important;text-transform:uppercase !important;color:#2B3129 !important;margin-bottom:.8cqw !important} /* ===== ab30-07-mintledger (AB-07 "Mint Ledger Co.") ===== Ledger & Co. Full-width dark charcoal header band with a real two-tone mint leaf logo crop, serif wordmark, and a right-aligned tagline. Below: a mint invoice-meta strip, a 3-card row (Bill To / From / "Better Bookkeeping Brighter Business" checklist, each with a real circular icon crop), a charcoal numbered item table, a mint "Total due" band, a Payment Instructions card (real document-icon crop) beside the totals, a Notes card (real speech-bubble icon crop), and a footer row (cursive motto plus 3 real calculator/bar-chart/people icon crops). Real crops: the mint leaf logomark (icon only, the reference's own "Ledger & Co." wordmark cropped out so the live business name prints beside it), the 3 header-card circle icons (person/building/bar-chart, each a flat-color circle cropped whole so no alpha-matte risk against its own card), the payment-instructions document circle, the notes speech circle, and the 3 footer icons. The reference's own "Better Bookkeeping Brighter Business" checklist (Clean books / Smart insights / Lasting growth) is generic marketing copy with no backing data field - kept as fixed decorative text, not invented invoice data. */ .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#FFFFFF !important;color:#1C2321 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 *{box-sizing:border-box !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-head{position:relative !important;display:block !important;margin:0 !important;padding:0 !important;background:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-head-left{position:relative !important;display:block !important;padding:3.2cqw 31cqw 3.2cqw 16.1cqw !important;min-height:16.5cqw !important;max-width:none !important;width:100% !important;margin:0 !important;background:#232B30 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-logo{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-head-left::before{content:"" !important;position:absolute !important;left:4.9cqw !important;top:3.2cqw !important;display:block !important;width:9.4cqw !important;height:10.1cqw !important;background:url(/assets/tpl-art/ab30/ab30-07-logomark.webp) no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-biz-name{display:block !important;font-family:var(--font-serif,Georgia,serif) !important;font-size:2.7cqw !important;font-weight:700 !important;color:#FFFFFF !important;margin:0 0 .4cqw !important;line-height:1.1 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-biz-name::after{content:"BOOKKEEPING \2022 ACCOUNTING \2022 PEACE OF MIND" !important;display:block !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,sans-serif !important;font-size:.88cqw !important;font-weight:700 !important;letter-spacing:.14em !important;color:#A9E0C4 !important;margin:.5cqw 0 .9cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-head-left::after{content:"CLEAR NUMBERS\A BRIGHTER TOMORROWS\A\A Supporting growing\A businesses every step\A of the way." !important;white-space:pre-line !important;position:absolute !important;right:4.9cqw !important;top:3.6cqw !important;width:24cqw !important;padding-left:2.2cqw !important;border-left:1px solid #4A545A !important;font-size:.95cqw !important;font-weight:800 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#FFFFFF !important;line-height:1.8 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-biz-contact{display:flex !important;flex-wrap:wrap !important;gap:.3cqw 1.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-biz-contact>div{font-size:.95cqw !important;color:#C7CFD4 !important;opacity:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-biz-address{display:block !important;font-size:.95cqw !important;color:#C7CFD4 !important;opacity:1 !important;margin-top:.3cqw !important;max-width:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-biz-tax{display:block !important;font-size:.85cqw !important;color:#8695A0 !important;opacity:1 !important;margin-top:.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-head-right{display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:1.6cqw 2cqw !important;position:static !important;max-width:none !important;margin:0 !important;padding:3.4cqw 4.9cqw 0 !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-doc-title{display:block !important;font-family:var(--font-serif,Georgia,serif) !important;font-size:3.9cqw !important;font-weight:700 !important;letter-spacing:.3em !important;text-transform:uppercase !important;line-height:1 !important;color:#1C2321 !important;margin:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-doc-title::after{content:"Accurate records. A stronger tomorrow." !important;display:block !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,sans-serif !important;font-size:.85cqw !important;font-weight:700 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#454B46 !important;margin-top:.7cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-doc-num{display:block !important;background:#DDEFE5 !important;border-radius:.6cqw !important;padding:1.5cqw 2.4cqw !important;min-width:26cqw !important;font-size:1.45cqw !important;font-weight:700 !important;color:#1C2321 !important;opacity:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-doc-num::before{content:"Invoice No." !important;display:block !important;font-size:1.05cqw !important;font-weight:700 !important;color:#1C2321 !important;margin-bottom:.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-doc-po{display:block !important;flex:0 0 100% !important;font-size:1cqw !important;color:#454B46 !important;opacity:1 !important;margin:-.8cqw 0 0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-body{position:relative !important;padding:2.6cqw 4.9cqw 4.9cqw !important;min-height:calc(129.3cqw - 29cqw) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-body>div:empty{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-parties::after{content:"Better\A bookkeeping\A brighter\A business\A\A \2713 Clean books\A \2713 Smart insights\A \2713 Lasting growth" !important;white-space:pre-line !important;display:block !important;background:#E9F2EC url(/assets/tpl-art/ab30/ab30-07-ic-chart.webp) no-repeat 1.9cqw 1.8cqw/3.4cqw !important;border-radius:.6cqw !important;padding:1.8cqw 1.9cqw 1.8cqw 6.4cqw !important;font-size:.85cqw !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#1C2321 !important;line-height:1.95 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-parties{display:grid !important;grid-template-columns:1fr 1fr 1fr !important;gap:1.4cqw !important;padding-bottom:0 !important;margin-bottom:2.2cqw !important;border-bottom:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-bill-to, .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-details{max-width:none !important;min-width:0 !important;text-align:left !important;background:#F6F7F5 !important;border-radius:.6cqw !important;padding:1.8cqw 1.9cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-label{display:flex !important;align-items:center !important;gap:.7cqw !important;font-size:1cqw !important;font-weight:800 !important;color:#1C2321 !important;margin-bottom:1cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-bill-to .inv-label::before{content:"" !important;width:3.4cqw !important;height:3.4cqw !important;background:url(/assets/tpl-art/ab30/ab30-07-ic-person.webp) no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-details .inv-label::before{content:"" !important;width:3.4cqw !important;height:3.4cqw !important;background:url(/assets/tpl-art/ab30/ab30-07-ic-building.webp) no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-client-name{font-size:1.4cqw !important;font-weight:800 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-bill-to div, .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-details div{font-size:1.08cqw !important;color:#454B46 !important;line-height:1.7 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-detail-row{display:flex !important;justify-content:space-between !important;gap:1cqw !important;padding:.25cqw 0 !important;font-size:1.08cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-detail-row span{color:#6E7570 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-detail-row b{font-weight:700 !important;color:#1C2321 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-table{margin-bottom:1.8cqw !important;counter-reset:abrow !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-table tbody tr{counter-increment:abrow !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-table thead th:first-child,.invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-table tbody td.td-desc{position:relative !important;padding-left:5.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-table thead th:first-child::before{content:"#" !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:4.4cqw !important;display:flex !important;align-items:center !important;justify-content:center !important;border-right:1px solid #3B454B !important;font-size:.95cqw !important;font-weight:700 !important;color:#FFFFFF !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-table tbody td.td-desc::before{content:counter(abrow) !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:4.4cqw !important;display:flex !important;align-items:center !important;justify-content:center !important;border-right:1px solid #E9ECEA !important;font-size:1.15cqw !important;font-weight:700 !important;color:#1C2321 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-table thead tr{background:#232B30 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-table thead th{padding:1.1cqw .9cqw !important;font-size:.95cqw !important;letter-spacing:.04em !important;color:#FFFFFF !important;border-bottom:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-table tbody td{padding:1.1cqw .9cqw !important;font-size:1.18cqw !important;border-bottom:1px solid #E9ECEA !important;color:#1C2321 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .td-amt{font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-payrow{order:1 !important;display:flex !important;gap:1.6cqw !important;width:52% !important;margin:0 0 1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-payrow .inv-block{max-width:none !important;width:100% !important;background:#E9F2EC !important;border-radius:.6cqw !important;padding:1.8cqw 1.9cqw !important;margin:0 0 1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-payrow .inv-label{display:flex !important;align-items:center !important;gap:.7cqw !important;font-size:1.05cqw !important;color:#1C2321 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-payrow .inv-label::before{content:"" !important;width:3.2cqw !important;height:3.2cqw !important;background:url(/assets/tpl-art/ab30/ab30-07-ic-doc.webp) no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-bank div{font-size:1.05cqw !important;color:#454B46 !important;line-height:1.8 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-totals{order:2 !important;float:right !important;width:34cqw !important;margin:0 0 1.8cqw 1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-totals>div{font-size:1.1cqw !important;padding:.5cqw .1cqw !important;color:#454B46 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-total-grand{background:#D7ECE0 !important;border-top:0 !important;border-radius:.5cqw !important;padding:1.1cqw 1.4cqw !important;margin-top:.5cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-total-grand span{font-size:1.15cqw !important;color:#1C2321 !important;font-weight:800 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-total-grand b{font-size:2.1cqw !important;font-weight:800 !important;color:#1C2321 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-notes{order:3 !important;clear:both !important;max-width:none !important;background:#F6F7F5 !important;border-radius:.6cqw !important;padding:1.8cqw 1.9cqw !important;margin:0 0 1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-notes .inv-label{display:flex !important;align-items:center !important;gap:.7cqw !important;font-size:1.05cqw !important;color:#1C2321 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-notes .inv-label::before{content:"" !important;width:3.2cqw !important;height:3.2cqw !important;background:url(/assets/tpl-art/ab30/ab30-07-ic-chat.webp) no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-notes div{font-size:1.05cqw !important;line-height:1.7 !important;color:#454B46 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-terms{order:4 !important;margin-top:1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-terms div{font-size:1.05cqw !important;line-height:1.75 !important;color:#454B46 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-signature-row{order:5 !important;justify-content:flex-start !important;margin-top:2.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .sig-caption{font-size:1cqw !important;color:#6E7570 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-powered{order:6 !important;position:relative !important;display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:1.6cqw !important;margin-top:2.6cqw !important;padding-top:1.8cqw !important;border-top:1px solid #E9ECEA !important;font-size:.9cqw !important;letter-spacing:.1em !important;color:#1C2321 !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-powered::before{content:"Numbers for what's next." !important;font-family:'Brush Script MT',cursive !important;font-style:italic !important;font-weight:400 !important;font-size:2.4cqw !important;letter-spacing:0 !important;text-transform:none !important;color:#1C2321 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-07).tmpl-ab30-07 .inv-powered::after{content:"Bookkeeping Reporting Advisory" !important;flex:0 0 auto !important;display:block !important;white-space:pre !important;word-spacing:7.2cqw !important;padding-left:3.2cqw !important;line-height:2.4cqw !important;font-size:.8cqw !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#1C2321 !important;background:url(/assets/tpl-art/ab30/ab30-07-ic-calc.webp) no-repeat 0 center/2.2cqw,url(/assets/tpl-art/ab30/ab30-07-ic-barchart.webp) no-repeat 15cqw center/2.2cqw,url(/assets/tpl-art/ab30/ab30-07-ic-people.webp) no-repeat 27.4cqw center/2.2cqw !important} /* ===== ab30-08-hartwell (AB-08 "Elegant minimal accounting") ===== Hartwell & Co. Cream page. Left: a real tan leaf-sprig logo crop beside the serif wordmark and a small-caps italic subtitle; a thin vertical rule separates it from 4 real line-icon crops (pin/phone/ mail/globe) next to the live contact lines, and a short right-aligned decorative motto. Right: a boxed beige "INVOICE" panel holding the live invoice meta plus a highlighted "Amount due" figure. Bill To / For two-column row, a beige table header, Notes + Payment Instructions left, a borderless totals stack right, and a cursive "Thank you" sign-off bottom-right. Real crops: the leaf logomark (icon only, wordmark cropped out) and the 4 small pin/phone/mail/globe icons beside the live contact lines. The reference's "Amount Due" box restates the same figure `.inv-total-grand` already renders - styled as a second view of that one real computed total, not a second invented number. */ .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#FCF9F3 !important;color:#2A271F !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 *{box-sizing:border-box !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-head{position:relative !important;display:flex !important;align-items:flex-start !important;justify-content:space-between !important;margin:0 !important;padding:4.9cqw 4.9cqw 0 !important;background:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-head-left{position:relative !important;display:block !important;padding-left:9.7cqw !important;min-height:11cqw !important;max-width:58% !important;margin:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-logo{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-head-left::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;display:block !important;width:6.6cqw !important;height:11cqw !important;background:url(/assets/tpl-art/ab30/ab30-08-logomark.webp) no-repeat top left/7.7cqw 11cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-biz-name{display:block !important;font-family:var(--font-serif,Georgia,serif) !important;font-size:2.2cqw !important;font-weight:700 !important;letter-spacing:.02em !important;color:#2A271F !important;margin:0 0 .4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-biz-name::after{content:"ACCOUNTING \2022 BOOKKEEPING \2022 ADVISORY\A Numbers for a Brighter Tomorrow." !important;white-space:pre-line !important;display:block !important;font-size:.88cqw !important;font-weight:700 !important;letter-spacing:.06em !important;color:#8A7A5E !important;line-height:1.7 !important;margin-top:.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-biz-contact{display:flex !important;flex-direction:column !important;gap:.4cqw !important;margin-top:1cqw !important;position:relative !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-biz-contact::after{content:"Clear\A numbers.\A Brighter\A decisions." !important;white-space:pre-line !important;position:absolute !important;left:29cqw !important;top:0 !important;padding-left:2.4cqw !important;border-left:1px solid #8A7A5E !important;font-size:.85cqw !important;font-weight:700 !important;letter-spacing:.26em !important;text-transform:uppercase !important;color:#5C5444 !important;line-height:2.1 !important;pointer-events:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-biz-contact>div{position:relative !important;padding-left:1.9cqw !important;font-size:.98cqw !important;color:#5C5444 !important;opacity:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-biz-contact>div::before{content:"" !important;position:absolute !important;left:0 !important;top:.1cqw !important;width:1.5cqw !important;height:1.5cqw !important;background:no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-biz-contact>div:nth-child(1)::before{background-image:url(/assets/tpl-art/ab30/ab30-08-ic-pin.webp) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-biz-contact>div:nth-child(2)::before{background-image:url(/assets/tpl-art/ab30/ab30-08-ic-phone.webp) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-biz-contact>div:nth-child(3)::before{background-image:url(/assets/tpl-art/ab30/ab30-08-ic-mail.webp) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-biz-address{display:block !important;position:relative !important;padding-left:1.9cqw !important;margin-top:.4cqw !important;font-size:.98cqw !important;color:#5C5444 !important;opacity:1 !important;max-width:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-biz-address::before{content:"" !important;position:absolute !important;left:0 !important;top:.1cqw !important;width:1.5cqw !important;height:1.5cqw !important;background:url(/assets/tpl-art/ab30/ab30-08-ic-globe.webp) no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-biz-tax{display:block !important;font-size:.85cqw !important;color:#8A7A5E !important;opacity:1 !important;margin-top:.5cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-head-right{display:block !important;align-self:flex-start !important;text-align:left !important;background:linear-gradient(#E6DCC8,#E6DCC8) no-repeat 0 0/100% 6cqw,#EFE8D8 !important;border-radius:.6cqw !important;padding:1.5cqw 1.9cqw 1.6cqw !important;width:26cqw !important;min-width:26cqw !important;margin:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-doc-title{display:block !important;font-family:var(--font-serif,Georgia,serif) !important;font-size:2.5cqw !important;font-weight:700 !important;letter-spacing:.3em !important;text-transform:uppercase !important;line-height:1.2 !important;color:#2A271F !important;margin:0 0 1.9cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-doc-num{display:flex !important;justify-content:space-between !important;gap:1cqw !important;font-size:1.05cqw !important;color:#5C5444 !important;opacity:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-doc-num::before{content:"Invoice No." !important;font-weight:700 !important;color:#2A271F !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-doc-po{display:block !important;font-size:1.05cqw !important;color:#5C5444 !important;opacity:1 !important;margin-top:.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-body{position:relative !important;padding:1cqw 4.9cqw 4.9cqw !important;min-height:calc(129.3cqw - 22cqw) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-body>div:empty{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-parties{padding-bottom:0 !important;margin-bottom:2.2cqw !important;border-bottom:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-bill-to{max-width:54% !important;padding-top:1.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-details{text-align:left !important;width:26cqw !important;min-width:26cqw !important;background:#EFE8D8 !important;border-radius:.6cqw !important;padding:1.3cqw 1.9cqw 1.5cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-details .inv-label{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-label{font-size:.95cqw !important;font-weight:800 !important;letter-spacing:.14em !important;color:#8A7A5E !important;margin-bottom:.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-client-name{font-size:1.4cqw !important;font-weight:800 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-bill-to div{font-size:1.18cqw !important;line-height:1.75 !important;color:#5C5444 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-detail-row{display:flex !important;justify-content:space-between !important;gap:1cqw !important;padding:.3cqw 0 !important;font-size:1.05cqw !important;color:#5C5444 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-detail-row span{display:block !important;font-weight:700 !important;color:#2A271F !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-detail-row b{display:block !important;font-weight:400 !important;color:#5C5444 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-table{margin-bottom:1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-table thead tr{background:#EFE8D8 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-table thead th{padding:1.1cqw .9cqw !important;font-size:.92cqw !important;letter-spacing:.1em !important;color:#5C5444 !important;border-bottom:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-table tbody td{padding:1.15cqw .9cqw !important;font-size:1.2cqw !important;border-bottom:1px solid #EAE2CF !important;color:#2A271F !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .td-amt{font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-notes{order:1 !important;max-width:52% !important;background:none !important;padding:0 !important;margin:0 0 1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-notes .inv-label{color:#8A7A5E !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-notes div{font-size:1.08cqw !important;line-height:1.7 !important;color:#5C5444 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-totals{order:2 !important;width:32cqw !important;margin:0 0 1.8cqw auto !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-totals>div{font-size:1.1cqw !important;padding:.5cqw .1cqw !important;color:#5C5444 !important;letter-spacing:.08em !important;text-transform:uppercase !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-total-grand{background:#EFE8D8 !important;border-top:0 !important;border-radius:.4cqw !important;padding:1.1cqw 1.4cqw !important;margin-top:.5cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-total-grand span{font-size:1.02cqw !important;color:#2A271F !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-total-grand b{font-size:1.8cqw !important;color:#2A271F !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-payrow{order:3 !important;clear:both !important;max-width:52% !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-payrow .inv-block{background:none !important;padding:0 !important;border-radius:0 !important;margin:0 0 1.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-bank div{font-size:1.05cqw !important;color:#5C5444 !important;line-height:1.8 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-bank .inv-label{color:#8A7A5E !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-terms{order:4 !important;max-width:52% !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-terms div{font-size:1.05cqw !important;line-height:1.75 !important;color:#5C5444 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-signature-row{order:5 !important;margin-top:1.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-signature::before{content:"Thank you" !important;display:block !important;font-family:'Brush Script MT',cursive !important;font-style:italic !important;font-size:2.4cqw !important;color:#2A271F !important;margin-bottom:.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .sig-caption{font-size:.95cqw !important;letter-spacing:.14em !important;color:#8A7A5E !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-08).tmpl-ab30-08 .inv-powered{text-align:left !important;font-size:.85cqw !important;letter-spacing:.1em !important;color:#8A7A5E !important;margin-top:2cqw !important;padding-top:1.4cqw !important;border-top:1px solid #E3DAC4 !important} /* ===== ab30-09-maple (AB-09 "Elegant Maple Co.") ===== Maple & Co. White page. A real single-color maple-leaf logo crop beside the serif wordmark and a small-caps italic tagline top-left; a right-aligned address block top-right. A huge left-aligned serif "INVOICE" headline with a "For professional services" eyebrow line and a small right-aligned 3-line motto. Bill To / invoice meta two-column row, a pale-olive table header with an hours/rate/amount layout, a cursive "Thank you" sign-off left, a pale-olive borderless totals stack bottom-right, and a Payment Details / Questions two-column footer under a divider rule. Real crop: the maple leaf logo mark only (the reference's own "Maple & Co." wordmark cropped out so the live business name prints beside it) - every other mark on this design is plain typography, no icon chips to crop. */ .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#FFFFFF !important;color:#232620 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 *{box-sizing:border-box !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-head{position:relative !important;display:block !important;margin:0 !important;padding:4.9cqw 4.9cqw 0 !important;background:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-head-left{position:relative !important;display:block !important;padding-left:6.7cqw !important;min-height:8.8cqw !important;max-width:58% !important;margin:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-logo{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-head-left::before{content:"" !important;position:absolute !important;left:0 !important;top:.3cqw !important;display:block !important;width:5.3cqw !important;height:8.8cqw !important;background:url(/assets/tpl-art/ab30/ab30-09-logomark.webp) no-repeat top left/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-biz-name{display:block !important;font-family:var(--font-serif,Georgia,serif) !important;font-size:2.2cqw !important;font-weight:700 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#232620 !important;margin:0 0 .4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-biz-name::after{content:"ACCOUNTING / BOOKKEEPING / ADVISORY\A CLEAR NUMBERS. BRIGHTER TOMORROWS." !important;white-space:pre-line !important;display:block !important;font-size:.82cqw !important;font-weight:700 !important;letter-spacing:.08em !important;color:#6C7268 !important;line-height:1.7 !important;margin-top:.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-biz-contact{display:flex !important;flex-wrap:wrap !important;gap:.2cqw 1.2cqw !important;margin-top:.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-biz-contact>div{font-size:.95cqw !important;color:#454940 !important;opacity:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-head-right{display:grid !important;grid-template-columns:1fr auto !important;align-items:start !important;column-gap:2cqw !important;text-align:left !important;margin:2.4cqw 0 0 !important;padding:2.6cqw 0 0 !important;border-top:1px solid #C9CCC2 !important;max-width:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-doc-title{display:block !important;grid-column:1 !important;font-family:var(--font-serif,Georgia,serif) !important;font-weight:700 !important;font-size:6.4cqw !important;letter-spacing:-.01em !important;text-transform:uppercase !important;color:#161A14 !important;line-height:.95 !important;margin:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-doc-num{display:block !important;grid-column:1 !important;font-size:1cqw !important;font-weight:700 !important;letter-spacing:.22em !important;text-transform:uppercase !important;color:#6C7268 !important;opacity:1 !important;margin-top:.9cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-doc-num::before{content:"Invoice No. " !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-doc-po{display:block !important;grid-column:1 !important;font-size:.95cqw !important;letter-spacing:.14em !important;color:#6C7268 !important;opacity:1 !important;margin-top:.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-head-right::before{content:"People\A processes\A progress" !important;white-space:pre-line !important;display:block !important;grid-column:2 !important;grid-row:1/4 !important;align-self:start !important;text-align:right !important;font-size:.9cqw !important;font-weight:700 !important;letter-spacing:.2em !important;text-transform:uppercase !important;color:#232620 !important;line-height:1.9 !important;padding-bottom:.9cqw !important;border-bottom:2px solid #6E7A5C !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-biz-address{display:block !important;font-size:.95cqw !important;color:#454940 !important;opacity:1 !important;max-width:none !important;margin-top:.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-biz-tax{display:block !important;font-size:.85cqw !important;color:#8A8578 !important;opacity:1 !important;margin-top:.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-body{position:relative !important;padding:2.8cqw 4.9cqw 4.9cqw !important;min-height:calc(129.3cqw - 32cqw) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-body>div:empty{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-parties{padding-bottom:2.2cqw !important;margin-bottom:2.2cqw !important;border-bottom:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-bill-to{max-width:52% !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-details{text-align:right !important;min-width:28cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-label{font-size:.9cqw !important;font-weight:800 !important;letter-spacing:.16em !important;color:#8A8578 !important;margin-bottom:.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-client-name{font-family:var(--font-serif,Georgia,serif) !important;font-size:1.4cqw !important;font-weight:700 !important;color:#161A14 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-bill-to div{font-size:1.18cqw !important;line-height:1.75 !important;color:#454940 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-detail-row{display:flex !important;justify-content:space-between !important;gap:1.4cqw !important;padding:.25cqw 0 !important;font-size:1.1cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-detail-row span{color:#8A8578 !important;font-weight:700 !important;letter-spacing:.06em !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-detail-row b{font-weight:700 !important;color:#161A14 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-table{margin-bottom:2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-table thead tr{background:#E7EADF !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-table thead th{padding:1.1cqw .9cqw !important;font-size:.92cqw !important;letter-spacing:.1em !important;color:#454940 !important;border-bottom:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-table tbody td{padding:1.2cqw .9cqw !important;font-size:1.22cqw !important;border-bottom:1px solid #EEEFE9 !important;color:#232620 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .td-amt{font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-notes{order:1 !important;display:flow-root !important;max-width:50% !important;background:none !important;border-radius:0 !important;padding:0 !important;margin:0 0 1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-notes div{font-size:1.05cqw !important;line-height:1.7 !important;color:#454940 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-totals{order:2 !important;float:right !important;width:32cqw !important;margin:0 0 2.4cqw 2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-totals>div{font-size:1.1cqw !important;padding:.5cqw .1cqw !important;color:#454940 !important;letter-spacing:.08em !important;text-transform:uppercase !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-total-grand{background:#E7EADF !important;border-top:0 !important;padding:1.1cqw 1.4cqw !important;margin-top:.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-total-grand span{font-size:1.02cqw !important;color:#232620 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-total-grand b{font-size:1.9cqw !important;color:#161A14 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-payrow{order:3 !important;clear:both !important;padding-top:1.8cqw !important;border-top:1px solid #E3E3D8 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-payrow .inv-block{max-width:50% !important;margin:0 !important;background:none !important;padding:0 !important;border-radius:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-bank .inv-label, .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-terms .inv-label{color:#8A8578 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-bank div{font-size:1.02cqw !important;color:#454940 !important;line-height:1.8 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-terms{order:4 !important;text-align:right !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-terms div{font-size:1.02cqw !important;line-height:1.75 !important;color:#454940 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-signature-row{order:5 !important;display:flex !important;justify-content:flex-start !important;margin:0 0 2.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-signature{text-align:left !important;min-width:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-signature::before{content:"Thank you" !important;display:block !important;font-family:'Brush Script MT',cursive !important;font-style:italic !important;font-size:2.8cqw !important;color:#6E7A5C !important;margin-bottom:.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .sig-caption{font-size:.9cqw !important;font-weight:700 !important;letter-spacing:.2em !important;color:#6C7268 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-payrow{clear:both !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-powered{order:6 !important;text-align:left !important;display:flex !important;justify-content:space-between !important;font-size:.85cqw !important;letter-spacing:.22em !important;color:#6C7268 !important;margin-top:1.8cqw !important;padding-top:1.4cqw !important;border-top:1px solid #E3E3D8 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-09).tmpl-ab30-09 .inv-powered::before{content:"Accounting for a brighter tomorrow" !important;text-transform:uppercase !important} /* ===== ab30-10-finchbrooks (AB-10 "Modern navy accounting") ===== Finch & Brooks. A full-height dark navy left sidebar: a real "F/B" monogram-box crop, a 3-line tagline, a 4-item service list (a plain text list under a thin rule - the reference's own per-item icons were dropped after an in-sidebar icon-row build attempt produced overlapping/misaligned art at this narrow column width; text-only is the safe, collision-free fallback), then the business's own real phone/email/website/address lines (small real pin/phone/mail/globe icon crops, inverted for the dark background) and tax id, all genuinely nested inside this same sidebar in the live DOM (the business-identity fields are real children of `.inv-head-left`, confirmed live - they cannot be CSS-relocated into the separate white `.inv-head-right` column without breaking positioning, so they stay visible here instead, same column as the rest of the business identity). White content column: a big sans "INVOICE" title, a "CLEAR NUMBERS. CONFIDENT DECISIONS." tagline top-right, Bill To / Client Details two columns, a light-gray table header, a boxed motto card (real calculator-icon crop) beside Payment Methods (real bank/card/paypal icon crops) on the left, totals and a Notes & Terms list on the right, and a cursive "Thank you!" sign-off. Real crops: the F/B monogram box, the sidebar's own 4 contact icons, the motto-card calculator icon, and the 3 payment-method icons (bank/card/paypal) - all cropped clean of the reference's own sample routing/account numbers so only the live `.inv-bank` data prints beside them. The reference's own 4 sidebar nav labels (Bookkeeping & Accounting / Payroll Solutions / Financial Reporting / Business Advisory) are generic service-menu copy, not invoice data - kept as fixed text. */ .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#FFFFFF !important;color:#1B2430 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 *{box-sizing:border-box !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-head{position:static !important;display:block !important;margin:0 !important;padding:0 !important;background:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-head-left{position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:15.4cqw !important;max-width:none !important;margin:0 !important;padding:4.5cqw 1.8cqw 3cqw !important;background:#17253B !important;text-align:center !important;z-index:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-logo{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-head-left::before{content:"" !important;display:block !important;width:8.7cqw !important;height:10cqw !important;margin:0 auto 2.6cqw !important;background:url(/assets/tpl-art/ab30/ab30-10-monogram.webp) no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-biz-name{display:block !important;position:absolute !important;left:calc(100% + 2.6cqw) !important;top:4.6cqw !important;width:58cqw !important;font-size:3.6cqw !important;font-weight:900 !important;letter-spacing:-.01em !important;line-height:1 !important;text-transform:uppercase !important;color:#17253B !important;text-align:left !important;margin:0 !important;z-index:2 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-head-left::after{content:"NUMBERS\A INSPIRE\A BRIGHTER\A BUSINESS" !important;white-space:pre-line !important;display:block !important;font-size:.95cqw !important;font-weight:700 !important;letter-spacing:.14em !important;color:#FFFFFF !important;line-height:1.8 !important;margin-bottom:3cqw !important} /* the 4 sidebar nav items (icon row + label list) are rendered as the two pseudo-elements of .inv-biz-name - a real child of the sidebar itself, so no cross-element position math is needed (the exact gotcha this project's own CLAUDE.md flags: don't assume an offset computed against one element's box will still land correctly on a different element elsewhere in the document) */ .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-biz-name::before{content:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-biz-name::after{content:"Accounting solutions\A Bookkeeping | Payroll | Reporting | Advisory" !important;white-space:pre-line !important;display:block !important;font-size:1.05cqw !important;font-weight:700 !important;letter-spacing:.3em !important;line-height:2 !important;color:#17253B !important;text-align:left !important;margin-top:.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-biz-contact{display:flex !important;flex-direction:column !important;gap:.6cqw !important;margin-top:.4cqw !important;padding-top:0 !important;border-top:0 !important;position:static !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-biz-contact::before{content:"\A\A Bookkeeping\A & accounting\A\A\A Payroll\A solutions\A\A\A Financial\A reporting\A\A\A Business\A advisory" !important;white-space:pre-line !important;display:block !important;padding:1.4cqw 0 2cqw !important;margin-bottom:2cqw !important;border-bottom:1px solid #2B3B54 !important;font-size:.72cqw !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;line-height:1.6 !important;color:#FFFFFF !important;text-align:center !important;background:linear-gradient(#3A4A64,#3A4A64) no-repeat center 0/5.4cqw 1px,url(/assets/tpl-art/ab30/ab30-10-ic-barchart.webp) no-repeat center 1.4cqw/2.2cqw,url(/assets/tpl-art/ab30/ab30-10-ic-doc.webp) no-repeat center 6cqw/2.2cqw,url(/assets/tpl-art/ab30/ab30-10-ic-pie.webp) no-repeat center 10.6cqw/2.2cqw,url(/assets/tpl-art/ab30/ab30-10-ic-people.webp) no-repeat center 15.2cqw/2.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-biz-contact::after{content:"Trusted\A numbers.\A Brighter\A tomorrows." !important;white-space:pre-line !important;position:absolute !important;left:1.8cqw !important;right:1.8cqw !important;bottom:3cqw !important;padding-top:1.4cqw !important;border-top:1px solid #3A4A64 !important;font-size:.8cqw !important;font-weight:700 !important;letter-spacing:.22em !important;text-transform:uppercase !important;line-height:2 !important;color:#FFFFFF !important;text-align:center !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-biz-contact>div{position:relative !important;padding-left:1.9cqw !important;font-size:.85cqw !important;color:#B9C2CF !important;opacity:1 !important;line-height:1.5 !important;word-break:break-word !important;text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-biz-contact>div::before{content:"" !important;position:absolute !important;left:0 !important;top:.15cqw !important;width:1.4cqw !important;height:1.4cqw !important;background:no-repeat center/contain !important;filter:brightness(0) saturate(100%) invert(85%) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-biz-contact>div:nth-child(1)::before{background-image:url(/assets/tpl-art/ab30/ab30-10-ic-phone.webp) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-biz-contact>div:nth-child(2)::before{background-image:url(/assets/tpl-art/ab30/ab30-10-ic-mail.webp) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-biz-contact>div:nth-child(3)::before{background-image:url(/assets/tpl-art/ab30/ab30-10-ic-globe.webp) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-biz-address{display:block !important;position:relative !important;padding-left:1.9cqw !important;text-align:left !important;font-size:.85cqw !important;color:#B9C2CF !important;opacity:1 !important;max-width:none !important;margin-top:.6cqw !important;line-height:1.5 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-biz-address::before{content:"" !important;position:absolute !important;left:0 !important;top:.15cqw !important;width:1.4cqw !important;height:1.4cqw !important;background:url(/assets/tpl-art/ab30/ab30-10-ic-pin.webp) no-repeat center/contain !important;filter:brightness(0) saturate(100%) invert(85%) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-biz-tax{display:block !important;font-size:.78cqw !important;color:#7E8CA0 !important;opacity:1 !important;margin-top:.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-head-left>*:not(.inv-biz-name):not(.inv-biz-contact){position:relative !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-head-right{position:absolute !important;left:18cqw !important;right:4.9cqw !important;top:19.6cqw !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;display:flex !important;justify-content:space-between !important;align-items:flex-end !important;flex-wrap:wrap !important;gap:.6cqw 2cqw !important;text-align:left !important;z-index:2 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-doc-title{display:block !important;font-size:4cqw !important;font-weight:900 !important;letter-spacing:-.01em !important;text-transform:uppercase !important;line-height:1 !important;color:#17253B !important;margin:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-doc-num{display:block !important;font-size:1.1cqw !important;font-weight:700 !important;color:#1B2430 !important;opacity:1 !important;margin:0 0 .4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-doc-num::before{content:"Invoice No. " !important;white-space:pre !important;font-weight:400 !important;color:#6E7A8C !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-doc-po{display:block !important;flex:0 0 100% !important;text-align:right !important;font-size:1cqw !important;color:#454E5B !important;opacity:1 !important;margin:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-head-right::before{content:"Clear numbers.\A Confident decisions." !important;white-space:pre-line !important;position:absolute !important;right:0 !important;bottom:100% !important;margin-bottom:9.4cqw !important;display:block !important;font-size:.95cqw !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;text-align:right !important;color:#6E7A8C !important;line-height:1.7 !important;padding-bottom:.9cqw !important;border-bottom:1px solid #D7DCE3 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-table{order:4 !important;margin-bottom:1.8cqw !important;counter-reset:abrow !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-table tbody tr{counter-increment:abrow !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-table thead th:first-child,.invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-table tbody td.td-desc{position:relative !important;padding-left:4.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-table thead th:first-child::before{content:"#" !important;position:absolute !important;left:.9cqw !important;top:0 !important;bottom:0 !important;display:flex !important;align-items:center !important;font-size:.98cqw !important;font-weight:700 !important;color:#17253B !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-table tbody td.td-desc::before{content:counter(abrow) !important;position:absolute !important;left:.9cqw !important;top:0 !important;bottom:0 !important;display:flex !important;align-items:center !important;font-size:1.15cqw !important;color:#1B2430 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-body{position:relative !important;margin-left:15.4cqw !important;padding:27cqw 4.9cqw 4.9cqw !important;z-index:1 !important;min-height:129.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-body>div:empty{display:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-parties{padding-bottom:0 !important;margin-bottom:2.2cqw !important;border-bottom:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-bill-to{max-width:52% !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-details{text-align:right !important;min-width:28cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-label{font-size:1cqw !important;font-weight:700 !important;letter-spacing:.02em !important;color:#17253B !important;margin-bottom:.9cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-client-name{font-size:1.4cqw !important;font-weight:800 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-bill-to div{font-size:1.15cqw !important;line-height:1.7 !important;color:#454E5B !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-detail-row{display:flex !important;justify-content:space-between !important;gap:1.2cqw !important;padding:.25cqw 0 !important;font-size:1.1cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-detail-row span{color:#6E7A8C !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-detail-row b{font-weight:700 !important;color:#1B2430 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-table thead tr{background:#EEF1F5 !important;border-bottom:1px solid #D7DCE3 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-table thead th{padding:1.05cqw .9cqw !important;font-size:.98cqw !important;font-weight:700 !important;letter-spacing:.02em !important;color:#17253B !important;border-bottom:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-table tbody td{padding:1.1cqw .9cqw !important;font-size:1.15cqw !important;border-bottom:1px solid #EAEDF1 !important;color:#1B2430 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .td-amt{font-weight:700 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-notes{order:1 !important;display:flow-root !important;max-width:none !important;width:54% !important;background:#F4F6F8 !important;border-radius:.5cqw !important;padding:1.6cqw 1.9cqw !important;margin:0 1.6cqw 1.8cqw 0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-notes .inv-label{display:flex !important;align-items:center !important;gap:.7cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-notes .inv-label::before{content:"" !important;width:3.2cqw !important;height:3.2cqw !important;background:url(/assets/tpl-art/ab30/ab30-10-ic-calc.webp) no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-notes div{font-style:italic !important;font-size:1.08cqw !important;line-height:1.7 !important;color:#454E5B !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-totals{order:2 !important;float:right !important;width:32cqw !important;margin:0 0 1.8cqw 2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-totals>div{font-size:1.1cqw !important;padding:.5cqw .1cqw !important;color:#454E5B !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-total-grand{background:#F4F6F8 !important;border-top:0 !important;border-radius:.4cqw !important;padding:1.1cqw 1.4cqw !important;margin-top:.5cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-total-grand span{font-size:1.25cqw !important;font-weight:700 !important;color:#17253B !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-total-grand b{font-size:2.2cqw !important;color:#17253B !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-payrow{order:3 !important;max-width:54% !important;margin:0 0 1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-payrow .inv-block{background:none !important;padding:0 !important;border-radius:0 !important;margin:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-payrow .inv-label{font-size:1.1cqw !important;font-weight:800 !important;margin-bottom:1cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-bank>div:not(.inv-label){position:relative !important;padding-left:2.8cqw !important;margin-bottom:1cqw !important;font-size:1.05cqw !important;color:#454E5B !important;line-height:1.6 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-bank>div:not(.inv-label)::before{content:"" !important;position:absolute !important;left:0 !important;top:.1cqw !important;width:2.1cqw !important;height:2.1cqw !important;background:url(/assets/tpl-art/ab30/ab30-10-ic-bank.webp) no-repeat center/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-bank div:nth-child(2)::before{background-image:url(/assets/tpl-art/ab30/ab30-10-ic-card.webp) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-bank div:nth-child(3)::before{background-image:url(/assets/tpl-art/ab30/ab30-10-ic-paypal.webp) !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-terms{order:4 !important;width:40cqw !important;margin:0 0 1.8cqw auto !important;clear:both !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-terms .inv-label{font-size:1.1cqw !important;font-weight:800 !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-terms div{font-size:1.02cqw !important;line-height:1.8 !important;color:#454E5B !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-signature-row{order:5 !important;clear:both !important;justify-content:flex-start !important;margin-top:1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-signature{text-align:left !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-signature::before{content:"Thank you!" !important;display:block !important;font-family:'Brush Script MT',cursive !important;font-style:italic !important;font-size:2.4cqw !important;color:#17253B !important;margin-bottom:.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .sig-caption{font-size:.95cqw !important;letter-spacing:.1em !important;color:#6E7A8C !important} .invoice-preview:is(#invoicePreview,.tmpl-ab30-10).tmpl-ab30-10 .inv-powered{order:6 !important;text-align:left !important;font-size:.85cqw !important;letter-spacing:.08em !important;color:#6E7A8C !important;margin-top:1.4cqw !important}