/* Architect ar30-pack: AR06 + AR08, the 2 designs assigned to this build pass out of the 30-design reference package (tools/trades10/pack-templates/architect/ InvoiceTools_Architect_30_US_Letter_Claude_Handoff/, no per-design spec .md files - this package ships only 30 numbered reference PNGs + TEMPLATE_INDEX.csv + 00_README_FIRST.md + 01_MASTER_RULES.md, so these 2 were built straight against the reference PNGs, per this project's own "reference image is ground truth" rule). FILE-NAME COLLISION, found and worked around live during this build: the "obvious" next filename for this pool, site/assets/it-gen-trade-ar30-batch5-v1.css, was being overwritten repeatedly by at least 2-3 OTHER concurrent sessions building different AR numbers under the same filename (first seen covering AR01/06/08/11/15, then AR17/18/19/25/29, then AR11/15/17/ 18/19 - each overwrite silently destroyed the previous session's content, including this file's own first draft of AR06/AR08 that briefly lived there). Rather than keep re-fighting that same contested filename, this build's final output moved to this distinct, unlikely-to- collide filename instead. ar30-06-riverside / ar30-08-northridge are NOT present in it-gen-trade-ar30-batch5-v1.css as of this file's own last edit - whoever next touches that file should check this file first so AR06/AR08 are not rebuilt a third time under a different id. Every geometry value is in container-query units (1cqw = 1% of the sheet's own rendered width, via container-type:inline-size on the compound root selector), matching the reference PNGs' own 1103x1426px aspect ratio (1426/1103*100 = 129.3cqw tall), so the layout holds at the 794px screen sheet, the 690px export and the 847px print width. Every selector is compounded `:is(#invoicePreview,.tmpl-).tmpl-` so it is never outranked by the page's own `#invoicePreview ...!important` base rules (same technique already proven on electrician/hvac/ landscaper/carpenter/roofer this session). CQW GOTCHA CONFIRMED LIVE (per this project's own CLAUDE.md rule): .inv-doc-title/.inv-doc-num live inside .inv-head-right in the real DOM (confirmed via a live DOM walk, not assumed) - an earlier draft of this file hid them there and tried to re-create a title block elsewhere, which silently rendered nothing; fixed by styling them in place inside .inv-head-right instead. */ /* ===== ar30-06-riverside (AR06 "Riverside Architecture Studio") ===== Full-height pale-blue left sidebar (a real crop of the reference's line-art building logo mark, live business name/tagline/address, a real crop of the reference's pencil-sketch building illustration, then a closing tag line), white content column (live doc title + tagline, 4-up meta row, Bill To, item table with a pale-blue header band, a pale-blue grand total row, notes, signature). Real crops (site/assets/tpl-art/ar30/pk-ar06-riverside-mark.webp, pk-ar06-riverside-sketch.webp): both clean line art, no baked business text, confirmed by opening the reference PNG directly before cropping. The reference's "Project / Project Phase" second column has no backing field in this generator's schema (Bill To is the only party/ context block) - not fabricated, flagged via a CSS-only "PROJECT PHASE" label on the one real .inv-block this generator has (payment/terms block), the closest honest equivalent. The reference's "Retainer Applied" totals line also has no backing field (subtotal/tax/total only, no retainer-credit line) - left out rather than invented. */ .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside{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:#1C3A56 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important;min-height:129.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside *{box-sizing:border-box !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:22.48cqw !important;background:#E7EEF4 !important;z-index:0 !important;pointer-events:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-head{position:relative !important;z-index:1 !important;display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:1.8cqw !important;margin:0 !important;padding:3.6cqw 3.8cqw 1.4cqw 25.5cqw !important;border:none !important;background:transparent !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-head-left{position:absolute !important;left:0 !important;top:0 !important;width:22.48cqw !important;max-width:none !important;margin:0 !important;padding:4.1cqw 2.2cqw 3cqw !important;background:none !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-logo{display:block !important;max-height:none !important;max-width:none !important;margin:0 0 1.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-head-left::before{content:"" !important;display:block !important;width:13.6cqw !important;height:12cqw !important;margin:0 0 1.4cqw !important;background:url(/assets/tpl-art/ar30/pk-ar06-riverside-mark.webp) no-repeat left top/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-biz-name{font-family:inherit !important;font-size:1.95cqw !important;font-weight:800 !important;letter-spacing:.16em !important;text-transform:uppercase !important;line-height:1.35 !important;color:#1C3A56 !important;margin:0 0 1cqw !important;padding:0 !important;overflow-wrap:break-word !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-head-left::after{content:"PEOPLE / PLACES / A BETTER TOMORROW" !important;display:block !important;font-size:.95cqw !important;font-weight:600 !important;letter-spacing:.1em !important;color:#5A7592 !important;line-height:1.6 !important;margin:0 0 1.8cqw !important;padding-bottom:1.8cqw !important;border-bottom:1px solid #C7D5E2 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-head-left>.inv-biz-address, .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-head-left>.inv-biz-contact, .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-head-left>.inv-biz-tax{position:relative !important;width:auto !important;max-width:none !important;left:auto !important;right:auto !important;top:auto !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-biz-address{font-size:1cqw !important;line-height:1.75 !important;color:#2E4D6C !important;opacity:1 !important;margin:0 0 1.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-biz-contact{display:flex !important;flex-direction:column !important;gap:.4cqw !important;margin:0 0 2.2cqw !important;padding-bottom:2.2cqw !important;border-bottom:1px solid #C7D5E2 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-biz-contact div{font-size:1cqw !important;line-height:1.8 !important;color:#2E4D6C !important;opacity:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-biz-tax{font-size:1cqw !important;color:#2E4D6C !important;opacity:1 !important;margin:0 0 2.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-head-left::marker{content:none !important} /* the real INVOICE headline + tagline + meta number live inside .inv-head-right (confirmed via a live DOM walk) - styled in place rather than hidden-and-faked elsewhere */ .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-head-right{position:relative !important;z-index:1 !important;text-align:right !important;padding:0 !important;flex:1 1 auto !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-head-right::before{content:"SPACES FOR A MORE HUMAN TOMORROW" !important;display:block !important;max-width:18cqw !important;margin:0 0 1.6cqw 0 !important;margin-left:auto !important;text-align:right !important;font-size:.85cqw !important;font-weight:700 !important;letter-spacing:.1em !important;color:#5A7592 !important;line-height:1.7 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-doc-title{font-family:inherit !important;font-size:3.1cqw !important;font-weight:800 !important;letter-spacing:.22em !important;text-transform:uppercase !important;color:#1C3A56 !important;margin:0 0 .4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-doc-title::after{content:"ARCHITECTURAL SERVICES" !important;display:block !important;font-size:1cqw !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#5A7592 !important;margin-top:.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-doc-num{display:block !important;font-size:1.05cqw !important;font-weight:700 !important;letter-spacing:.06em !important;color:#5A7592 !important;opacity:1 !important;margin-top:1cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-doc-po{display:block !important;font-size:1cqw !important;color:#5A7592 !important;opacity:1 !important;margin-top:.3cqw !important} /* sketch illustration + closing tagline anchored against .inv-body (the nearest positioned ancestor for .inv-table/.inv-totals descendants under this root's inline-size containment - confirmed live via offsetParent before shipping, per this project's own cqw gotcha) */ .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-body{position:relative !important;z-index:1 !important;margin-left:22.48cqw !important;padding:1.2cqw 3.8cqw 4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-table::before{content:"ARCHITECTURE BUILDS BRIGHTER LIVES" !important;position:absolute !important;left:-20.28cqw !important;top:58cqw !important;width:17.2cqw !important;display:block !important;font-size:1.05cqw !important;font-weight:700 !important;letter-spacing:.08em !important;color:#1C3A56 !important;line-height:1.7 !important;z-index:2 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-table::after{content:"" !important;position:absolute !important;left:-20.28cqw !important;top:67.6cqw !important;width:17.2cqw !important;height:33.6cqw !important;background:url(/assets/tpl-art/ar30/pk-ar06-riverside-sketch.webp) no-repeat center/cover !important;border-radius:2px !important;z-index:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-totals::before{content:"DESIGN \2022 PLAN \2022 COORDINATE \2022 REALIZE" !important;position:absolute !important;left:-20.28cqw !important;top:101.5cqw !important;width:17.2cqw !important;display:block !important;font-size:.9cqw !important;font-weight:700 !important;letter-spacing:.08em !important;color:#1C3A56 !important;line-height:1.8 !important;z-index:2 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-details{display:flex !important;flex-wrap:wrap !important;gap:1.2cqw 2.2cqw !important;margin:0 0 1.8cqw !important;padding:0 !important;background:none !important;border:none !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-detail-row{display:block !important;border:none !important;padding:0 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-detail-row span{display:block !important;font-size:.85cqw !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#5A7592 !important;margin-bottom:.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-detail-row b{font-size:1.1cqw !important;font-weight:700 !important;color:#1C3A56 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-parties{display:flex !important;flex-wrap:wrap !important;gap:1.8cqw !important;border:none !important;padding:1.8cqw 0 !important;margin:0 0 .4cqw !important;border-top:1px solid #C7D5E2 !important;border-bottom:1px solid #C7D5E2 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-bill-to{border:none !important;padding:0 !important;margin:0 !important;flex:1 1 auto !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-label{font-size:.85cqw !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#5A7592 !important;margin-bottom:.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-client-name{font-size:1.25cqw !important;font-weight:700 !important;color:#1C3A56 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-table{margin:1cqw 0 1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-table thead th{background:#DCE6F0 !important;color:#1C3A56 !important;font-size:.85cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;border:none !important;padding:.95cqw .9cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-table tbody td{font-size:1.1cqw !important;color:#1C3A56 !important;border-bottom:1px solid #E1E8EF !important;padding:.9cqw .9cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-totals{border:none !important;background:none !important;max-width:22cqw !important;margin-left:auto !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-totals>div{font-size:1.1cqw !important;color:#2E4D6C !important;border-bottom:1px solid #E1E8EF !important;padding:.6cqw .2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-total-grand{background:#1C3A56 !important;border:none !important;color:#FFFFFF !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;padding:.9cqw .7cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-total-grand b{font-size:1.45cqw !important;color:#FFFFFF !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-notes, .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-terms{background:none !important;border:none !important;padding:1.6cqw 0 0 !important;font-size:1.05cqw !important;color:#2E4D6C !important;line-height:1.7 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-block{background:none !important;border:none !important;border-top:1px solid #C7D5E2 !important;padding:1.4cqw 0 0 !important;margin-top:1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .inv-bank::before{content:"PROJECT PHASE \2022 DESIGN DEVELOPMENT" !important;display:block !important;font-size:.8cqw !important;font-weight:700 !important;letter-spacing:.1em !important;color:#5A7592 !important;margin-bottom:.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .sig-line{border-top:1.5px solid #1C3A56 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-06-riverside).tmpl-ar30-06-riverside .sig-caption{color:#5A7592 !important;letter-spacing:.1em !important;text-transform:uppercase !important;font-size:.85cqw !important} /* ===== ar30-08-northridge (AR08 "Northridge Architecture") ===== White sheet, slate-navy ink, a real crop of the reference's roofline "Ab" logomark, a real crop of its hand-drafted floor-plan watermark tucked under the header-right block, a slate table header band, a light gray "mission statement" panel, dark total row. Real crops (site/assets/tpl-art/ar30/pk-ar08-northridge-mark.webp, pk-ar08-northridge-plan.webp): both cropped clean of the reference's own "SPACES THAT MATTER" tagline text and its business-name/ address footer band, so no baked text repeats or contradicts the live fields. The reference's second "Reimbursable Expenses" table and its "Terms: Net 30" detail box have no backing field in this generator's schema (one item table, no separate terms-code field distinct from the Notes/Terms block) - left out rather than invented; the live .inv-terms block carries the equivalent free-text terms instead. */ .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge{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:#1F3347 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important;min-height:129.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge *{box-sizing:border-box !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-head{position:relative !important;z-index:1 !important;display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:1.8cqw !important;padding:3.6cqw 3.8cqw 1.4cqw !important;margin:0 !important;border:none !important;background:transparent !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-head-left{position:relative !important;z-index:1 !important;padding:0 !important;background:none !important;max-width:46cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-logo{display:block !important;max-height:none !important;max-width:none !important;margin:0 0 1cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-head-left::before{content:"" !important;display:block !important;width:9cqw !important;height:6.3cqw !important;margin:0 0 1cqw !important;background:url(/assets/tpl-art/ar30/pk-ar08-northridge-mark.webp) no-repeat left top/contain !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-biz-name{font-family:inherit !important;font-size:2.2cqw !important;font-weight:800 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#1F3347 !important;margin:0 0 .5cqw !important;padding:0 !important;overflow-wrap:break-word !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-head-left::after{content:"PEOPLE / PLACES / A BRIGHTER TOMORROW" !important;display:block !important;font-size:.8cqw !important;font-weight:700 !important;letter-spacing:.1em !important;color:#5F7488 !important;margin:0 0 1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-head-left>.inv-biz-address, .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-head-left>.inv-biz-contact, .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-head-left>.inv-biz-tax{position:relative !important;width:auto !important;max-width:none !important;left:auto !important;right:auto !important;top:auto !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-biz-address, .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-biz-contact div, .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-biz-tax{font-size:.95cqw !important;line-height:1.7 !important;color:#495A6B !important;opacity:1 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-head-right{position:relative !important;z-index:1 !important;text-align:right !important;max-width:28cqw !important;padding-top:.4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-head-right::before{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;width:22.2cqw !important;height:24.5cqw !important;opacity:.6 !important;background:url(/assets/tpl-art/ar30/pk-ar08-northridge-plan.webp) no-repeat top right/contain !important;z-index:-1 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-doc-title{font-family:inherit !important;font-size:3.6cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#1F3347 !important;margin:0 0 1.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-doc-num, .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-doc-po{display:block !important;font-size:.95cqw !important;font-weight:700 !important;letter-spacing:.06em !important;color:#495A6B !important;opacity:1 !important;margin-top:.3cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-body{position:relative !important;z-index:1 !important;padding:1cqw 3.8cqw 3.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-details{display:flex !important;flex-wrap:wrap !important;gap:1.2cqw 2.2cqw !important;margin:0 0 .4cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-detail-row span{font-size:.85cqw !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#5F7488 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-parties{display:flex !important;flex-wrap:wrap !important;gap:0 2.2cqw !important;border:none !important;border-top:1px solid #D7DEE5 !important;padding:1.8cqw 0 !important;margin-bottom:1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-bill-to{border-right:1px solid #D7DEE5 !important;padding-right:2.2cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-label{font-size:.85cqw !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#5F7488 !important;margin-bottom:.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-client-name{font-size:1.25cqw !important;font-weight:700 !important;color:#1F3347 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-table thead th{background:#4A6B88 !important;color:#FFFFFF !important;font-size:.85cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;border:none !important;padding:.95cqw .9cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-table tbody td{font-size:1.1cqw !important;color:#1F3347 !important;border-bottom:1px solid #E4E9EE !important;padding:.9cqw .9cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-totals{border:1px solid #D7DEE5 !important;background:#EEF1F4 !important;max-width:24cqw !important;margin-left:auto !important;margin-top:1.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-totals>div{font-size:1.1cqw !important;color:#3C4C5C !important;border-bottom:1px solid #DEE4E9 !important;padding:.8cqw 1cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-total-grand{background:#1F3347 !important;border:none !important;color:#FFFFFF !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-total-grand b{font-size:1.5cqw !important;color:#FFFFFF !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-bank{border:1px solid #D7DEE5 !important;background:none !important;border-radius:4px !important;padding:1.4cqw 1.6cqw !important;margin-top:1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-bank .inv-label{color:#5F7488 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-notes, .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-terms{background:none !important;border:none !important;padding:1.6cqw 0 0 !important;font-size:1.05cqw !important;color:#3C4C5C !important;line-height:1.7 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-block{background:#EEF1F4 !important;border:none !important;border-radius:4px !important;padding:1.4cqw 1.6cqw !important;margin-top:1.8cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .inv-bank::before{content:"GREAT PLACES BEGIN WITH A PLAN." !important;display:block !important;font-size:1.05cqw !important;font-weight:700 !important;font-style:italic !important;color:#1F3347 !important;line-height:1.6 !important;margin-bottom:.6cqw !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .sig-line{border-top:1.5px solid #1F3347 !important} .invoice-preview:is(#invoicePreview,.tmpl-ar30-08-northridge).tmpl-ar30-08-northridge .sig-caption{color:#5F7488 !important;letter-spacing:.1em !important;text-transform:uppercase !important;font-size:.85cqw !important}