/* Architect 30-pack, extra batch 5 (AR17, AR18, AR19, AR25, AR29). Additive only - built on
   invoice-generator's .invoice-preview DOM, cqw container-query sizing (1cqw = 1% of the sheet
   width; reference images are 1103px wide at ~130dpi for US Letter, so cqw % = px/1103*100),
   compound :is(#invoicePreview,.tmpl-X).tmpl-X selectors to beat the page's own #invoicePreview
   !important base rules, every declaration !important, per the pack's own 01_MASTER_RULES.md /
   CLAUDE_MASTER_PROMPT.md ("reproduce layout, spacing, hierarchy, typography feel ... reference
   image is ground truth"). Source references: tools/trades10/pack-templates/architect/
   InvoiceTools_Architect_30_US_Letter_Claude_Handoff/AR17, AR18, AR19, AR25, AR29 (TEMPLATE_INDEX.csv).

   NAMING/COLLISION NOTE: this package has no per-template spec .md files and no pre-cropped art
   folder (PNG references only) - unlike electrician/hvac/landscaper/roofer. This build is one of
   several CONCURRENT parallel agents on this exact pack: a grep before writing anything found ids
   ar30-02/03/04/05/07 (batch1), ar30-09/10/12/13/14 (batch2), ar30-16/20/21/22/23 (batch3),
   ar30-24/26/27/28/30 (batch4) already registered, plus a separate "ar30b-" prefix pack (01-05)
   and, live mid-flight while this file was being written, a sibling "it-gen-trade-ar30-batch5-v1.css"
   appeared on disk and in invoice-generator/index.html's own <link> list already building AR11 as
   ar30-11-atelierforma and AR15 as ar30-15-gridform (not yet in the registry, but its CSS and page
   link were already committed - a live race, not a stale read). The task's assigned "designs 11-15"
   collides three ways over: AR12/AR13/AR14 were already built in batch2
   (ar30-12-sage/ar30-13-sidebar/ar30-14-elm), and AR11/AR15 were independently claimed by that
   sibling while this file was in progress. Rather than duplicate or overwrite any of that, this
   file was revised mid-build to drop its own AR11/AR15 blocks and build the next two genuinely
   free ids instead: AR25 and AR29 (joining the already-built AR17/AR18/AR19), landing on the final
   set AR17, AR18, AR19, AR25, AR29 - AR01, AR06 and AR08 remain free for a future batch. File named
   it-gen-ar30-batch5-v1.css (the next free batch number after the existing 1-4 at the time this
   build started) rather than the literal "batch3" the task named, to avoid colliding with the real
   batch3 file already on disk; confirmed no other agent is using "batch5" for this prefix (only the
   sibling's "it-gen-trade-ar30-batch5-v1.css", a different filename, co-exists). Also note: the
   already-shipped batches 1-4 use plain px sizing and a simple `.invoice-preview.tmpl-X` selector
   (no cqw, no :is() compound) - an older technique than this task's hard rules require. This batch
   follows the task's explicit (newer, more robust) cqw + compound-selector rules instead, so it
   will not visually rescale identically to batches 1-4 at non-screen widths; flagged for a future
   consistency pass, not altered here since touching 1-4 is out of this task's scope.

   Real crops (site/assets/tpl-art/ar30/, cut with Pillow from the reference PNGs, no baked fake
   business data found in any crop - these are pure architectural photography/line-art/illustration,
   verified by direct visual inspection before cropping, so no cv2 inpainting was needed):
   ar30-17-photo.webp (AR17's diagonal building photograph, header triangle), ar30-18-icon.webp
   (AR18's gold line-art skyline mark on its own dark ground), ar30-19-house.webp (AR19's sketched
   stone-house illustration, footer band), ar30-19-logo.webp (AR19's arch+monogram+leaf mark),
   ar30-25-mark.webp (AR25's white line-art "A" mountain-peak logo, cropped off the olive sidebar),
   ar30-29-sketch.webp (AR29's isometric building wireframe sketch, cropped text-free) and
   ar30-29-cross.webp (AR29's drafting corner crosshair mark). AR29's reference also shows a second,
   larger wireframe sketch with a baked-in generic tagline/lat-long caption in the same image region
   - deliberately not cropped (would have carried stray partial text at any crop boundary tried);
   the one clean sketch crop plus the corner-cross mark carries the blueprint motif instead.

   HONEST GAP, all 5 designs (no backing field anywhere in invoice-generator's real data model):
   project/site name and billing-period/PO-number/project-number blocks some references show
   (AR18's "Project No.", AR25/AR29's "Project / Job Site") are approximated with the real
   inv-shipping (project line) and inv-doc-po (PO) fields already in the DOM - nothing invented
   beyond what those fields already carry. AR18's "Expenses" sub-table and AR17's "Reimbursable
   expenses" mini-table have no second line-items table in this generator (one items array only),
   so those reference rows are folded into the single real inv-table instead of fabricated as a
   second table. AR29's drafting "SCALE 1:100" footer mark and lat/long coordinates are decorative
   wireframe-package flourishes with no matching data field - omitted rather than hardcoded as fake
   project-specific figures. */

/* ===== AR17 -> ar30-17-axis (Axis House Design Studio: real cropped building photo clipped into
   a header triangle, orange accent underline, bold black grotesk INVOICE lockup) ===== */
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis{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:#111111 !important;font-family:var(--font-sans) !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-head{position:relative !important;display:block !important;min-height:30cqw !important;margin:0 !important;padding:4.0cqw 4.0cqw 0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-head::after{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;width:36cqw !important;height:28cqw !important;background:url(/assets/tpl-art/ar30/ar30-17-photo.webp) no-repeat 0 0/100% 100% !important;clip-path:polygon(0 100%,38% 0,100% 0,100% 100%) !important;z-index:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-head-left{position:relative !important;z-index:1 !important;box-sizing:border-box !important;display:block !important;width:54cqw !important;max-width:none !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-logo{display:block !important;max-width:12.5cqw !important;max-height:4.5cqw !important;margin:0 0 0.9cqw !important;object-fit:contain !important;object-position:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-biz-name{display:block !important;margin:0 0 0.73cqw !important;padding:0 !important;font-family:inherit !important;font-size:2.36cqw !important;font-weight:900 !important;letter-spacing:-.01em !important;color:#111111 !important;line-height:1.05 !important;overflow-wrap:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-biz-name::after{content:"" !important;display:block !important;width:9cqw !important;height:0.27cqw !important;background:#E8671F !important;margin-top:1.1cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-biz-contact{display:flex !important;flex-wrap:wrap !important;gap:0 1.45cqw !important;margin:1.8cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-biz-contact>div{display:block !important;font-size:0.9cqw !important;line-height:1.7 !important;color:#4A4A4A !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-biz-address{display:block !important;margin:0.36cqw 0 0 !important;font-size:0.9cqw !important;line-height:1.7 !important;color:#4A4A4A !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-biz-tax{display:block !important;margin:0.36cqw 0 0 !important;font-size:0.77cqw !important;color:#8A8A8A !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-head-right{position:relative !important;z-index:1 !important;display:block !important;width:auto !important;background:transparent !important;margin-top:9cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-doc-title{display:block !important;margin:0 0 0.9cqw !important;font-family:inherit !important;font-size:4.9cqw !important;font-weight:900 !important;letter-spacing:-.02em !important;text-transform:uppercase !important;color:#111111 !important;line-height:0.9 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-doc-num{display:block !important;margin:0 !important;font-size:0.95cqw !important;letter-spacing:.04em !important;color:#4A4A4A !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-doc-num::before{content:"Invoice No.  " !important;font-weight:800 !important;color:#111111 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-doc-po{display:block !important;margin:0.36cqw 0 0 !important;font-size:0.95cqw !important;color:#4A4A4A !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-body{position:relative !important;z-index:1 !important;display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:auto auto auto auto 1fr auto !important;column-gap:2.18cqw !important;row-gap:1.8cqw !important;box-sizing:border-box !important;margin:0 !important;padding:2.7cqw 4.0cqw 0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-parties{grid-column:1 / -1 !important;grid-row:1 !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:2.18cqw !important;margin:0 !important;padding-top:1.8cqw !important;border-top:0.18cqw solid #111111 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-bill-to,
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-shipping{box-sizing:border-box !important;margin:0 !important;max-width:none !important;min-width:0 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-label,
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-label-inline{display:block !important;font-size:0.82cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#E8671F !important;margin:0 0 0.73cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-bill-to>*,
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-shipping>*{margin:0 0 0.27cqw !important;font-size:0.95cqw !important;line-height:1.55 !important;color:#2B2B2B !important;overflow-wrap:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-client-name{font-size:1.1cqw !important;font-weight:800 !important;color:#111111 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-shipping .inv-label-inline::after{content:"Project" !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-details{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-table{grid-column:1 / -1 !important;grid-row:2 !important;width:100% !important;border-collapse:collapse !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-table thead tr{background:#F2F2F2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-table th{padding:0.9cqw !important;font-size:0.82cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#111111 !important;text-align:left !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-table th:not(:first-child),.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-table td:not(.td-desc){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-table td{padding:1.0cqw 0.9cqw !important;font-size:0.95cqw !important;color:#111111 !important;border-bottom:0.09cqw solid #E2E2E2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-notes{grid-column:1 !important;grid-row:3 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-notes>.inv-label~*{margin:0 0 0.27cqw !important;font-size:0.9cqw !important;line-height:1.6 !important;color:#2B2B2B !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-payrow{grid-column:1 !important;grid-row:4 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-bank [data-f]{font-size:0.9cqw !important;line-height:1.7 !important;color:#2B2B2B !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis [data-f="payment.methods"]{grid-column:1 !important;grid-row:5 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-terms{grid-column:1 !important;grid-row:6 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-terms>.inv-label~*{font-size:0.86cqw !important;line-height:1.6 !important;color:#6B6B6B !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-totals{grid-column:2 !important;grid-row:3 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.59cqw 0 !important;font-size:0.95cqw !important;color:#2B2B2B !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-totals>div.inv-total-grand{margin-top:0.9cqw !important;padding:1.1cqw 0 0 !important;border-top:0.18cqw solid #111111 !important;font-size:1.45cqw !important;font-weight:900 !important;color:#111111 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-signature-row{grid-column:2 !important;grid-row:4 / 6 !important;display:block !important;margin:1.8cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-signature{text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .sig-render{font-size:1.8cqw !important;min-height:2.6cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .sig-line{border-top-color:#111111 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-footer-note{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-17-axis).tmpl-ar30-17-axis .inv-powered{grid-column:1 / -1 !important;grid-row:7 !important;box-sizing:border-box !important;margin:2.7cqw -4.0cqw 0 !important;padding:1.1cqw 4.0cqw !important;background:#111111 !important;color:#FFFFFF !important;font-size:0.73cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;text-align:center !important}

/* ===== AR18 -> ar30-18-summit (Summit Urban Architecture: dark charcoal header band with real
   cropped gold skyline mark, gold rules, cream project panel, gold total band) ===== */
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit{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:#1E1E1E !important;font-family:var(--font-sans) !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-head{position:relative !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:1.8cqw !important;margin:0 !important;padding:2.7cqw 4.0cqw !important;background:#272727 !important;color:#FFFFFF !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-head-left{position:relative !important;box-sizing:border-box !important;display:block !important;width:58cqw !important;max-width:none !important;margin:0 !important;padding:0 0 0 7cqw !important;background:url(/assets/tpl-art/ar30/ar30-18-icon.webp) no-repeat left center/5.8cqw 5.3cqw !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-logo{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-biz-name{display:block !important;margin:0 0 0.36cqw !important;padding:0 !important;font-family:inherit !important;font-size:2.0cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#FFFFFF !important;line-height:1.15 !important;overflow-wrap:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-biz-contact{display:flex !important;flex-wrap:wrap !important;gap:0 1.09cqw !important;margin:0.9cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-biz-contact>div{display:block !important;font-size:0.77cqw !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#C9A063 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-biz-address{display:block !important;margin:0.27cqw 0 0 !important;font-size:0.77cqw !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#C9A063 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-biz-tax{display:block !important;margin:0.27cqw 0 0 !important;font-size:0.7cqw !important;color:#9A9A9A !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-head-right{position:relative !important;display:flex !important;flex-direction:column !important;align-items:flex-end !important;width:auto !important;background:transparent !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-doc-title{display:block !important;margin:0 0 0.59cqw !important;font-size:1.27cqw !important;font-weight:700 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#C9A063 !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-doc-num{display:block !important;margin:0 !important;font-size:1.0cqw !important;color:#E6E6E6 !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-doc-po{display:block !important;margin:0.36cqw 0 0 !important;font-size:0.82cqw !important;color:#9A9A9A !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-body{position:relative !important;display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:auto auto auto auto 1fr auto !important;column-gap:2.18cqw !important;row-gap:1.8cqw !important;box-sizing:border-box !important;margin:0 !important;padding:2.7cqw 4.0cqw 0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-parties{grid-column:1 / -1 !important;grid-row:1 !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:0 !important;margin:0 !important;box-sizing:border-box !important;padding:1.45cqw 1.8cqw !important;background:#F3EFE6 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-bill-to{box-sizing:border-box !important;margin:0 !important;padding-right:1.8cqw !important;border-right:0.09cqw solid #D8D0BC !important;max-width:none !important;min-width:0 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-shipping{box-sizing:border-box !important;margin:0 !important;padding-left:1.8cqw !important;max-width:none !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-label,
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-label-inline{display:block !important;font-size:0.73cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#8A6B2F !important;margin:0 0 0.59cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-bill-to>*,
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-shipping>*{margin:0 0 0.27cqw !important;font-size:0.9cqw !important;line-height:1.55 !important;color:#2B2B2B !important;overflow-wrap:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-client-name{font-size:1.0cqw !important;font-weight:800 !important;color:#1E1E1E !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-shipping .inv-label-inline::after{content:"Project" !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-details{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-table{grid-column:1 / -1 !important;grid-row:2 !important;width:100% !important;border-collapse:collapse !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-table thead tr{background:#272727 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-table th{padding:0.9cqw !important;font-size:0.77cqw !important;font-weight:800 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#C9A063 !important;text-align:left !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-table th:not(:first-child),.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-table td:not(.td-desc){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-table td{padding:1.0cqw 0.9cqw !important;font-size:0.9cqw !important;color:#1E1E1E !important;border-bottom:0.09cqw solid #E8E4D8 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-notes{grid-column:1 !important;grid-row:3 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-notes>.inv-label~*{margin:0 0 0.27cqw !important;font-size:0.86cqw !important;line-height:1.6 !important;color:#2B2B2B !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-payrow{grid-column:1 !important;grid-row:4 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-bank [data-f]{font-size:0.86cqw !important;line-height:1.7 !important;color:#2B2B2B !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit [data-f="payment.methods"]{grid-column:1 !important;grid-row:5 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-terms{grid-column:1 !important;grid-row:6 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-terms>.inv-label~*{font-size:0.82cqw !important;line-height:1.6 !important;color:#6B6B6B !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-totals{grid-column:2 !important;grid-row:3 !important;align-self:start !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.59cqw 0 !important;font-size:0.9cqw !important;color:#2B2B2B !important;border-bottom:0.09cqw solid #EEEEEE !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-totals>div.inv-total-grand{margin-top:0.9cqw !important;padding:1.1cqw 1.3cqw !important;background:#F3EFE6 !important;border:0 !important;border-left:0.27cqw solid #C9A063 !important;font-size:1.27cqw !important;font-weight:800 !important;color:#1E1E1E !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-totals>div.inv-total-grand span{font-size:0.82cqw !important;letter-spacing:.08em !important;text-transform:uppercase !important;font-weight:700 !important;color:#8A6B2F !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-signature-row{grid-column:2 !important;grid-row:4 !important;display:block !important;margin:1.8cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-signature{text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .sig-render{font-size:1.8cqw !important;min-height:2.6cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .sig-line{border-top-color:#C9A063 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-footer-note{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-18-summit).tmpl-ar30-18-summit .inv-powered{grid-column:1 / -1 !important;grid-row:7 !important;box-sizing:border-box !important;margin:2.7cqw -4.0cqw 0 !important;padding:1.1cqw 4.0cqw !important;background:#272727 !important;color:#C9A063 !important;font-size:0.73cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;text-align:center !important}

/* ===== AR19 -> ar30-19-briar (Briar & Stone Architects: cream page, forest-green ink, real
   cropped arch+monogram mark in the head, real cropped sketched stone-house illustration in the
   footer band, double-rule outer frame) ===== */
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0.9cqw !important;padding:0 !important;border:0.09cqw solid #1D3E28 !important;outline:0.09cqw solid #1D3E28 !important;outline-offset:0.36cqw !important;border-radius:0 !important;background:#FCFBF6 !important;color:#1D3E28 !important;font-family:var(--font-serif) !important;overflow:visible !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-head{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;margin:0 !important;padding:3.6cqw 5.4cqw 1.8cqw !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-head-left{position:relative !important;display:flex !important;flex-direction:column !important;align-items:center !important;width:100% !important;max-width:none !important;margin:0 !important;padding:0 0 1.45cqw !important;background:transparent !important;text-align:center !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-logo{display:block !important;max-width:9cqw !important;max-height:5cqw !important;margin:0 auto 0.9cqw !important;object-fit:contain !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-head-left::before{content:"" !important;display:block !important;width:10.9cqw !important;height:5.9cqw !important;margin:0 auto 0.73cqw !important;background:url(/assets/tpl-art/ar30/ar30-19-logo.webp) no-repeat center/contain !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-biz-name{display:block !important;margin:0 0 0.45cqw !important;padding:0 !important;font-family:inherit !important;font-size:2.36cqw !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#1D3E28 !important;line-height:1.2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-biz-contact{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:0 1.09cqw !important;margin:0.73cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-biz-contact>div{display:block !important;font-family:var(--font-sans) !important;font-size:0.77cqw !important;letter-spacing:.06em !important;text-transform:uppercase !important;line-height:1.7 !important;color:#5C7A63 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-biz-address{display:block !important;margin:0.27cqw 0 0 !important;font-family:var(--font-sans) !important;font-size:0.77cqw !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#5C7A63 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-biz-tax{display:block !important;margin:0.27cqw 0 0 !important;font-family:var(--font-sans) !important;font-size:0.68cqw !important;color:#8FA695 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-head-right{position:relative !important;display:flex !important;flex-direction:column !important;align-items:center !important;width:100% !important;text-align:center !important;background:transparent !important;padding:1.45cqw 0 0 !important;border-top:0.09cqw solid #CFE0D3 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-doc-title{display:block !important;margin:0 !important;font-size:1.8cqw !important;font-weight:400 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:#1D3E28 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-doc-num{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-doc-po{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-body{position:relative !important;display:grid !important;grid-template-columns:1fr 1fr 1fr !important;grid-template-rows:auto auto auto auto 1fr auto !important;column-gap:2.18cqw !important;row-gap:1.8cqw !important;box-sizing:border-box !important;margin:0 !important;padding:1.8cqw 5.4cqw 0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-parties{grid-column:1 / -1 !important;grid-row:1 !important;display:grid !important;grid-template-columns:1fr 1fr 1fr !important;gap:2.18cqw !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-bill-to,
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-shipping,
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-details{box-sizing:border-box !important;margin:0 !important;max-width:none !important;min-width:0 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-label,
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-label-inline{display:block !important;font-family:var(--font-sans) !important;font-size:0.7cqw !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#1D3E28 !important;margin:0 0 0.59cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-bill-to>*,
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-shipping>*{margin:0 0 0.27cqw !important;font-size:0.86cqw !important;line-height:1.55 !important;color:#2E4A35 !important;overflow-wrap:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-client-name{font-size:0.95cqw !important;font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-shipping .inv-label-inline::after{content:"Project" !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-detail-row{display:flex !important;flex-direction:column !important;gap:0.18cqw !important;margin:0 0 0.59cqw !important;font-size:0.82cqw !important;color:#2E4A35 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-detail-row span{order:-1 !important;font-family:var(--font-sans) !important;font-weight:700 !important;font-size:0.7cqw !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#1D3E28 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-table{grid-column:1 / -1 !important;grid-row:2 !important;width:100% !important;border-collapse:collapse !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-table thead tr{background:#1D3E28 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-table th{padding:0.9cqw !important;font-family:var(--font-sans) !important;font-size:0.73cqw !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#F3F6F0 !important;text-align:left !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-table th:not(:first-child),.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-table td:not(.td-desc){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-table td{padding:1.0cqw 0.9cqw !important;font-size:0.9cqw !important;color:#1D3E28 !important;border-bottom:0.09cqw solid #DCE6DC !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-notes{grid-column:1 / 3 !important;grid-row:3 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-notes>.inv-label{margin-bottom:0.45cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-notes>.inv-label~*{margin:0 0 0.27cqw !important;font-style:italic !important;font-size:0.95cqw !important;line-height:1.6 !important;color:#2E4A35 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-payrow{grid-column:1 / 3 !important;grid-row:4 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-bank>.inv-label{margin-bottom:0.59cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-bank [data-f]{font-family:var(--font-sans) !important;font-size:0.82cqw !important;line-height:1.7 !important;color:#2E4A35 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar [data-f="payment.methods"]{grid-column:1 / 3 !important;grid-row:5 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-terms{grid-column:1 / 3 !important;grid-row:6 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-terms>.inv-label~*{font-family:var(--font-sans) !important;font-size:0.77cqw !important;line-height:1.7 !important;color:#5C7A63 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-totals{grid-column:3 !important;grid-row:3 / 7 !important;align-self:start !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.59cqw 0 !important;font-family:var(--font-sans) !important;font-size:0.82cqw !important;color:#2E4A35 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-totals>div.inv-total-grand{margin-top:0.73cqw !important;padding:1.0cqw 1.1cqw !important;background:#EEF2EA !important;font-family:var(--font-sans) !important;font-weight:800 !important;letter-spacing:.04em !important;color:#1D3E28 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-signature-row{grid-column:1 / -1 !important;grid-row:7 !important;display:flex !important;justify-content:flex-start !important;margin:1.45cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-signature{text-align:left !important;min-width:17cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .sig-render{font-size:1.8cqw !important;min-height:2.6cqw !important;color:#1D3E28 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .sig-line{border-top-color:#1D3E28 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .sig-caption{font-family:var(--font-sans) !important;font-size:0.68cqw !important;letter-spacing:.1em !important;color:#8FA695 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-footer-note{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-powered{position:relative !important;box-sizing:border-box !important;margin:2.7cqw 5.4cqw 0 !important;padding:1.8cqw 0 5.4cqw 13cqw !important;min-height:9cqw !important;background:url(/assets/tpl-art/ar30/ar30-19-house.webp) no-repeat left bottom/11cqw auto !important;border-top:0.09cqw solid #CFE0D3 !important;font-family:var(--font-sans) !important;font-size:0.68cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#5C7A63 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-19-briar).tmpl-ar30-19-briar .inv-powered::after{content:"History gives depth. Architecture gives it tomorrow." !important;display:block !important;margin-top:0.45cqw !important;font-style:italic !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;color:#1D3E28 !important}

/* ===== AR25 -> ar30-25-arden (Arden & Co.: full-height olive diagonal sidebar carrying the real
   cropped white line-art "A" mark, business name/tagline in reverse-white, light panel body,
   olive total band) ===== */
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden{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:#2A2E22 !important;font-family:var(--font-sans) !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-head{position:relative !important;display:block !important;min-height:34cqw !important;margin:0 !important;padding:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-head::before{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:30cqw !important;background:#595F47 !important;clip-path:polygon(0 0,100% 0,65% 100%,0 100%) !important;z-index:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-head-left{position:relative !important;z-index:1 !important;box-sizing:border-box !important;display:block !important;width:27cqw !important;max-width:none !important;margin:0 !important;padding:3.6cqw 2.2cqw 0 2.9cqw !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-logo{display:block !important;max-width:12cqw !important;max-height:9cqw !important;margin:0 0 1.45cqw !important;object-fit:contain !important;object-position:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-head-left::before{content:"" !important;display:block !important;width:13cqw !important;height:9.8cqw !important;margin:0 0 1.45cqw !important;background:url(/assets/tpl-art/ar30/ar30-25-mark.webp) no-repeat left top/contain !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-biz-name{display:block !important;margin:0 0 0.36cqw !important;padding:0 !important;font-family:inherit !important;font-size:1.45cqw !important;font-weight:800 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#FFFFFF !important;line-height:1.2 !important;overflow-wrap:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-biz-name::after{content:"Architecture" !important;display:block !important;margin-top:0.45cqw !important;font-size:0.73cqw !important;font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#C7CBB8 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-biz-contact{display:flex !important;flex-direction:column !important;gap:0.18cqw !important;margin:3.6cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-biz-contact>div{display:block !important;font-size:0.73cqw !important;letter-spacing:.1em !important;text-transform:uppercase !important;line-height:1.9 !important;color:#E3E6D9 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-biz-address{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-biz-tax{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-head-right{position:relative !important;z-index:1 !important;display:block !important;width:auto !important;background:transparent !important;padding:3.6cqw 4.0cqw 0 0 !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-head-right::before{content:"Architecture  /  Interiors  /  Build" !important;display:block !important;margin:0 0 0.45cqw !important;font-size:0.73cqw !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#6B7260 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-doc-title{display:block !important;margin:3.1cqw 0 0 !important;font-family:inherit !important;font-size:3.26cqw !important;font-weight:900 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#1E2118 !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-doc-num{display:block !important;margin:1.8cqw 0 0 !important;font-size:0.9cqw !important;color:#55594A !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-doc-num::before{content:"Invoice No.  " !important;font-weight:800 !important;color:#1E2118 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-doc-po{display:block !important;margin:0.45cqw 0 0 !important;font-size:0.9cqw !important;color:#55594A !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-body{position:relative !important;z-index:1 !important;display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:auto auto auto auto 1fr auto !important;column-gap:2.18cqw !important;row-gap:1.8cqw !important;box-sizing:border-box !important;margin:0 !important;padding:2.18cqw 4.0cqw 0 2.9cqw !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-parties{grid-column:1 / -1 !important;grid-row:1 !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:2.18cqw !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-bill-to,
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-shipping{box-sizing:border-box !important;margin:0 !important;max-width:none !important;min-width:0 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-label,
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-label-inline{display:block !important;font-size:0.82cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#1E2118 !important;margin:0 0 0.73cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-bill-to>*,
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-shipping>*{margin:0 0 0.27cqw !important;font-size:0.9cqw !important;line-height:1.55 !important;color:#4A4E3C !important;overflow-wrap:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-client-name{font-size:1.0cqw !important;font-weight:800 !important;color:#1E2118 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-shipping .inv-label-inline::after{content:"Project / Job Site" !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-details{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-table{grid-column:1 / -1 !important;grid-row:2 !important;width:100% !important;border-collapse:collapse !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-table thead tr{background:#F0F1EC !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-table th{padding:0.9cqw !important;font-size:0.73cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#1E2118 !important;text-align:left !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-table th:not(:first-child),.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-table td:not(.td-desc){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-table td{padding:1.0cqw 0.9cqw !important;font-size:0.9cqw !important;color:#2A2E22 !important;border-bottom:0.09cqw solid #E6E8DF !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-notes{grid-column:1 !important;grid-row:3 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-notes>.inv-label~*{margin:0 0 0.27cqw !important;font-size:0.86cqw !important;line-height:1.6 !important;color:#4A4E3C !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-payrow{grid-column:1 !important;grid-row:4 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-bank [data-f]{font-size:0.86cqw !important;line-height:1.7 !important;color:#4A4E3C !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden [data-f="payment.methods"]{grid-column:1 !important;grid-row:5 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-terms{grid-column:1 !important;grid-row:6 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-terms>.inv-label~*{font-size:0.82cqw !important;line-height:1.6 !important;color:#6B7260 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-totals{grid-column:2 !important;grid-row:3 !important;align-self:start !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.59cqw 0 !important;font-size:0.9cqw !important;color:#4A4E3C !important;border-bottom:0.09cqw solid #EFEFEF !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-totals>div.inv-total-grand{margin-top:0.9cqw !important;padding:1.0cqw 1.1cqw !important;background:#595F47 !important;border:0 !important;color:#FFFFFF !important;font-size:1.0cqw !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-signature-row{grid-column:2 !important;grid-row:4 !important;display:block !important;margin:1.8cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-signature{text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .sig-render{font-size:1.8cqw !important;min-height:2.6cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .sig-line{border-top-color:#1E2118 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-footer-note{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-powered{grid-column:1 / -1 !important;grid-row:7 !important;box-sizing:border-box !important;margin:2.18cqw -4.0cqw 0 -2.9cqw !important;padding:1.1cqw 4.0cqw 1.1cqw 2.9cqw !important;background:#F0F1EC !important;color:#55594A !important;font-size:0.73cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-25-arden).tmpl-ar30-25-arden .inv-powered::after{content:"Thoughtful design, lasting impact" !important;float:right !important;color:#8A9178 !important;font-weight:600 !important}

/* ===== AR29 -> ar30-29-blueprint (Riverside Architecture Studio: pale blue drafting-paper look,
   real cropped isometric building wireframe + corner crosshair marks, navy blueprint ink, mono
   invoice-number chips, thin double rules) ===== */
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint{container-type:inline-size !important;position:relative !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0.09cqw solid #9FB6CC !important;border-radius:0 !important;background:#FAFCFE !important;color:#1E3550 !important;font-family:var(--font-mono) !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint::before{content:"" !important;position:absolute !important;left:1.8cqw !important;top:1.8cqw !important;width:3.6cqw !important;height:3.6cqw !important;background:url(/assets/tpl-art/ar30/ar30-29-cross.webp) no-repeat center/contain !important;opacity:.85 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint::after{content:"" !important;position:absolute !important;right:1.8cqw !important;top:1.8cqw !important;width:3.6cqw !important;height:3.6cqw !important;background:url(/assets/tpl-art/ar30/ar30-29-cross.webp) no-repeat center/contain !important;opacity:.85 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .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:5.4cqw 6.3cqw 2.18cqw !important;background:transparent !important;border-bottom:0.09cqw solid #9FB6CC !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-head-left{position:relative !important;box-sizing:border-box !important;display:block !important;width:58cqw !important;max-width:none !important;margin:0 !important;padding:0 0 0 0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-logo{display:block !important;max-width:11cqw !important;max-height:5cqw !important;margin:0 0 0.9cqw !important;object-fit:contain !important;object-position:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-head-left::before{content:"" !important;display:block !important;width:14.5cqw !important;height:8.2cqw !important;margin:0 0 1.1cqw !important;background:url(/assets/tpl-art/ar30/ar30-29-sketch.webp) no-repeat left top/contain !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-biz-name{display:block !important;margin:0 0 0.45cqw !important;padding:0 !important;font-family:inherit !important;font-size:1.72cqw !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#1E3550 !important;line-height:1.2 !important;overflow-wrap:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-biz-contact{display:flex !important;flex-wrap:wrap !important;gap:0 1.09cqw !important;margin:0.9cqw 0 0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-biz-contact>div{display:block !important;font-size:0.82cqw !important;line-height:1.8 !important;color:#2F5276 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-biz-address{display:block !important;margin:0.27cqw 0 0 !important;font-size:0.82cqw !important;line-height:1.8 !important;color:#2F5276 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-biz-tax{display:block !important;margin:0.27cqw 0 0 !important;font-size:0.68cqw !important;color:#6E86A0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-head-right{position:relative !important;display:flex !important;flex-direction:column !important;align-items:flex-end !important;width:auto !important;background:transparent !important;text-align:right !important;padding-top:1.8cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-doc-title{display:block !important;margin:0 0 0.73cqw !important;font-size:2.9cqw !important;font-weight:700 !important;letter-spacing:.3em !important;text-transform:uppercase !important;color:#1E3550 !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-doc-num{display:flex !important;gap:0.73cqw !important;margin:0 !important;padding:0.59cqw 0.9cqw !important;background:#E6EDF3 !important;border:0.09cqw solid #9FB6CC !important;font-size:0.82cqw !important;color:#1E3550 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-doc-num::before{content:"INVOICE NO." !important;font-weight:700 !important;color:#2F5276 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-doc-po{display:block !important;margin:0.59cqw 0 0 !important;font-size:0.77cqw !important;color:#2F5276 !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-body{position:relative !important;z-index:1 !important;display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:auto auto auto auto 1fr auto !important;column-gap:2.18cqw !important;row-gap:1.8cqw !important;box-sizing:border-box !important;margin:0 !important;padding:2.18cqw 6.3cqw 0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-parties{grid-column:1 / -1 !important;grid-row:1 !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:2.18cqw !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-bill-to,
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-shipping{box-sizing:border-box !important;margin:0 !important;max-width:none !important;min-width:0 !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-label,
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-label-inline{display:block !important;font-size:0.73cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#2F5276 !important;margin:0 0 0.59cqw 0 !important;padding-bottom:0.27cqw !important;border-bottom:0.09cqw solid #9FB6CC !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-bill-to>*,
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-shipping>*{margin:0 0 0.27cqw !important;font-size:0.9cqw !important;line-height:1.55 !important;color:#1E3550 !important;overflow-wrap:break-word !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-client-name{font-size:1.0cqw !important;font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-shipping .inv-label-inline::after{content:"Project / Job Site" !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-details{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-table{grid-column:1 / -1 !important;grid-row:2 !important;width:100% !important;border-collapse:collapse !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-table thead tr{background:#E6EDF3 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-table th{padding:0.9cqw !important;font-size:0.73cqw !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#1E3550 !important;text-align:left !important;border:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-table th:not(:first-child),.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-table td:not(.td-desc){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-table td{padding:1.0cqw 0.9cqw !important;font-size:0.9cqw !important;color:#1E3550 !important;border-bottom:0.09cqw solid #D6E1EB !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-notes{grid-column:1 !important;grid-row:3 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-notes>.inv-label~*{margin:0 0 0.27cqw !important;font-size:0.82cqw !important;line-height:1.6 !important;color:#2F5276 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-payrow{grid-column:2 !important;grid-row:3 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-bank [data-f]{font-size:0.82cqw !important;line-height:1.7 !important;color:#2F5276 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint [data-f="payment.methods"]{grid-column:1 !important;grid-row:4 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-terms{grid-column:2 !important;grid-row:4 !important;margin:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-terms>.inv-label~*{font-size:0.77cqw !important;line-height:1.6 !important;color:#2F5276 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-totals{grid-column:1 / -1 !important;grid-row:5 !important;margin:0 0 1.8cqw !important;width:52cqw !important;margin-left:auto !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:0.59cqw 0 !important;font-size:0.9cqw !important;color:#2F5276 !important;border-bottom:0.09cqw solid #D6E1EB !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-totals>div.inv-total-grand{margin-top:0.9cqw !important;padding:1.0cqw 1.1cqw !important;background:#E6EDF3 !important;border:0.09cqw solid #9FB6CC !important;color:#1E3550 !important;font-size:1.1cqw !important;font-weight:700 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-signature-row{grid-column:1 / -1 !important;grid-row:6 !important;display:flex !important;justify-content:flex-start !important;margin:0 0 2.7cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-signature{text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .sig-render{font-size:1.8cqw !important;min-height:2.6cqw !important;font-family:var(--font-serif) !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .sig-line{border-top-color:#1E3550 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-footer-note{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-powered{box-sizing:border-box !important;margin:0 !important;padding:1.1cqw 6.3cqw !important;background:#E6EDF3 !important;color:#2F5276 !important;font-size:0.68cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;text-align:left !important;border-top:0.09cqw solid #9FB6CC !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30-29-blueprint).tmpl-ar30-29-blueprint .inv-powered::after{content:"Good design builds better lives" !important;float:right !important;letter-spacing:.06em !important}