/* Architect 30-pack, batch 1 of 6 (AR-01..AR-05): built to the owner's reference package
   (tools/trades10/pack-templates/architect/InvoiceTools_Architect_30_US_Letter_Claude_Handoff)
   on invoice-generator's .invoice-preview DOM, same technique proven on electrician/hvac/
   landscaper/carpenter/roofer. This package ships only 30 flat reference PNGs + a master-
   rules doc (no per-design spec .md files, no pre-cropped asset folders), so every real
   crop here was cut directly from each design's own reference PNG with Pillow.

   NAMING COLLISION NOTE: an unrelated earlier session already registered ids ar30-01..
   ar30-30 for architect (site/assets/it-gen-trade-ar30-batch1-v1.css and others). This
   batch uses the prefix ar30b- (architect 30-pack, "b" build) to avoid any collision -
   these are NEW, DISTINCT ids, not a replacement for the existing ar30-* pack. Neither
   this file nor any shared/registry file was edited to reconcile the two packs; that is
   a follow-up decision for the owner, not made unilaterally here.

   Every photo/line-art element is a real crop (Pillow) saved to /assets/tpl-art/ar30b/,
   loaded via background-image:url(...). Logo marks that are simple geometric shapes
   (a triangle "A" monogram, an abstract building silhouette) are rebuilt as CSS shapes
   per this project's own established "rebuild simple shapes with CSS" rule (first used
   on roofer's roofline mark) rather than cropped pixels, since cropping a plain geometric
   mark off a flat background would be indistinguishable from redrawing it anyway. All
   geometry is in cqw (1cqw = 1/100 of the sheet width) so the same layout holds at the
   794px screen sheet, 690px export and 847px print widths. Every design's root uses
   container-type:inline-size (layout containment); .inv-head/.inv-body are kept
   position:static so every absolutely-positioned descendant (pseudo-elements and real
   DOM children) resolves against the root, not a false positioned ancestor - the
   recurring gotcha this project's own CLAUDE.md flags for any cqw-based design.

   None of these 5 reference designs show a distinct "Project" party column with real
   data in the invoice-generator DOM (the generator only has Bill To + the details
   column, no separate project/job-site party block) - rather than invent fake project
   data, each design appends a "PROJECT" block to .inv-details via ::after with visibly-
   pending "Add project name / address / type" italic placeholder lines, matching this
   codebase's own zero-state-chip convention. These are data-free-edit candidates for a
   future markup pass (listed in the build report), not wired live here since a CSS-only
   batch cannot add new HTML attributes. */

/* ===== ar30b-01-atelierform =====
   AR-01 "Atelier Form" - minimal cream invoice, tan/ink triangle "A" monogram, serif
   display INVOICE word, thin rule dividers, right-aligned italic tagline. The monogram
   is a simple two-triangle CSS shape (clip-path), not a crop - a flat geometric mark on
   plain background, same call as the roofer roofline mark. No photo art in this design. */
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform{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;background:#FBF9F5 !important;color:#2A2824 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-head{position:static !important;display:block !important;height:33cqw !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-head::before{content:"" !important;position:absolute !important;left:5.7cqw !important;top:3.6cqw !important;width:7.2cqw !important;height:7.2cqw !important;background:linear-gradient(135deg,#2A2824 0 50%,transparent 50.5%),linear-gradient(45deg,#C9A97E 0 50%,transparent 50.5%) !important;background-size:50% 100%,50% 100% !important;background-position:0 0,100% 0 !important;background-repeat:no-repeat !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-head-left{position:static !important;display:block !important;max-width:none !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-biz-name{position:absolute !important;left:5.7cqw !important;top:12.2cqw !important;width:40cqw !important;margin:0 !important;font-size:2.1cqw !important;font-weight:800 !important;letter-spacing:.22em !important;color:#2A2824 !important;white-space:nowrap !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-biz-name::after{content:"ARCHITECTURE FOR A BRIGHTER TOMORROW" !important;display:block !important;margin-top:.9cqw !important;font-size:.72cqw !important;font-weight:700 !important;letter-spacing:.18em !important;color:#A39A86 !important;white-space:nowrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-biz-contact{position:absolute !important;left:48cqw !important;top:21.7cqw !important;width:28cqw !important;display:flex !important;flex-direction:column !important;gap:.3cqw !important;margin:0 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-biz-contact::before{content:"Atelier Form Architects" !important;display:block !important;margin-bottom:.4cqw !important;font-family:var(--font-serif) !important;font-size:1.15cqw !important;font-weight:700 !important;color:#2A2824 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-biz-contact>div{font-size:0.92cqw !important;line-height:1.55cqw !important;color:#55503F !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-biz-address{display:block !important;position:absolute !important;left:48cqw !important;top:29.5cqw !important;width:28cqw !important;font-size:0.92cqw !important;line-height:1.55cqw !important;color:#55503F !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-head-right{position:absolute !important;right:5.7cqw !important;top:3.9cqw !important;width:20cqw !important;text-align:right !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-head-right::before{content:"SPACES\A PEOPLE\A POSSIBILITIES" !important;display:block !important;white-space:pre-line !important;font-size:.78cqw !important;font-weight:700 !important;letter-spacing:.2em !important;line-height:1.8cqw !important;color:#55503F !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-doc-title{position:absolute !important;left:5.7cqw !important;top:22cqw !important;margin:0 !important;padding:0 !important;font-family:var(--font-serif) !important;font-size:3.6cqw !important;font-weight:400 !important;letter-spacing:.3em !important;color:#2A2824 !important;text-align:left !important;white-space:nowrap !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-doc-num{position:absolute !important;left:5.7cqw !important;top:28.5cqw !important;width:30cqw !important;margin:0 !important;font-size:0.82cqw !important;font-weight:700 !important;letter-spacing:.1em !important;color:#8A8370 !important;text-align:left !important;line-height:1.6cqw !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-body{position:static !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:1cqw 5.7cqw 4cqw !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-parties{display:flex !important;gap:3cqw !important;margin:0 0 2.6cqw !important;padding-top:1.8cqw !important;border-top:0.1cqw solid #E7E2D6 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-bill-to,.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-details{flex:1 1 0 !important;text-align:left !important;min-width:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-label{display:block !important;margin:0 0 0.7cqw !important;font-size:0.78cqw !important;font-weight:800 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#A39A86 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-bill-to>*{font-size:1.02cqw !important;line-height:1.65cqw !important;color:#2A2824 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-client-name{font-weight:800 !important;font-family:var(--font-serif) !important;font-size:1.2cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-details{display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-detail-row{display:flex !important;justify-content:space-between !important;font-size:0.95cqw !important;color:#2A2824 !important;margin:0 0 0.5cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-detail-row span{color:#A39A86 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-details::after{content:"PROJECT\A Add project name\A Add project address\A INVOICE FOR\A Architectural Design Services" !important;display:block !important;white-space:pre-line !important;margin-top:1.2cqw !important;font-size:0.95cqw !important;line-height:1.6cqw !important;color:#6B6554 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-details::after{font-style:italic !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-table{width:100% !important;margin:0 0 2cqw !important;border:0 !important;border-collapse:collapse !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-table thead th{text-align:left !important;font-size:0.75cqw !important;font-weight:800 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#A39A86 !important;padding:0 .8cqw 1.1cqw !important;border-bottom:0.12cqw solid #2A2824 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-table thead th:not(:first-child){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-table tbody td{padding:1.3cqw .8cqw !important;border-bottom:0.08cqw solid #E7E2D6 !important;font-size:1.05cqw !important;color:#2A2824 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-table tbody tr:last-child td{border-bottom:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-totals{margin-left:auto !important;width:min(32cqw,100%) !important;margin-bottom:2.4cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:.55cqw .3cqw !important;font-size:0.95cqw !important;color:#6B6554 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-total-grand{margin-top:0.6cqw !important;padding-top:1.1cqw !important;border-top:0.12cqw solid #2A2824 !important;font-size:1.35cqw !important;font-weight:800 !important;color:#2A2824 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-total-grand b{font-family:var(--font-serif) !important;font-size:1.5cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-notes,.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-terms{margin:0 0 1.2cqw !important;padding:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-notes div,.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-terms div{font-size:0.92cqw !important;line-height:1.55cqw !important;color:#6B6554 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-signature-row{display:flex !important;justify-content:flex-start !important;margin-top:1.4cqw !important;padding-top:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .sig-render{font-family:var(--font-serif) !important;font-style:italic !important;font-size:1.8cqw !important;color:#2A2824 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .sig-line{border-color:#D9D3C2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .sig-caption{font-size:0.75cqw !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#8A8370 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-payrow{padding-top:1.4cqw !important;border-top:0.1cqw solid #E7E2D6 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-bank{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-payrow>.inv-bank>*{font-size:0.88cqw !important;line-height:1.5cqw !important;color:#6B6554 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-latefee{color:#8A8370 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-photos{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-footer-note{font-style:italic !important;color:#A39A86 !important;font-size:0.85cqw !important;text-align:center !important;margin-top:2.2cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-01-atelierform).tmpl-ar30b-01-atelierform .inv-powered{text-align:center !important;font-size:0.7cqw !important;color:#A39A86 !important}

/* ===== ar30b-02-northlineblueprint =====
   AR-02 "Northline Atelier" - cream-blue blueprint-styled invoice, navy ink, a real
   cropped building wireframe line-art illustration in the header's top-right corner
   (/assets/tpl-art/ar30b/ar02-wireframe.webp, cropped from the reference's own clean
   line-art region, no baked text inside the crop). Thin ruler-tick rule under the header
   (CSS repeating-linear-gradient, not a crop - a plain geometric pattern). */
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint{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;background:#F8F7F2 !important;color:#1F3A5C !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-head{position:static !important;display:block !important;height:29cqw !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-head::before{content:"" !important;position:absolute !important;right:5.7cqw !important;top:0 !important;width:30cqw !important;height:19.4cqw !important;background:url(/assets/tpl-art/ar30b/ar02-wireframe.webp) no-repeat 100% 0/contain !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-head::after{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;top:21.6cqw !important;height:0.11cqw !important;background:repeating-linear-gradient(90deg,#9FB4C9 0 1px,transparent 1px 7px) !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-head-left{position:static !important;display:block !important;max-width:none !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-biz-name{position:absolute !important;left:5.7cqw !important;top:3.8cqw !important;width:50cqw !important;margin:0 !important;font-size:2.3cqw !important;font-weight:800 !important;letter-spacing:.14em !important;color:#1F3A5C !important;white-space:nowrap !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-biz-name::after{content:"ARCHITECTURE  /  INTERIORS  /  PLACES" !important;display:block !important;margin-top:.9cqw !important;font-size:.72cqw !important;font-weight:700 !important;letter-spacing:.16em !important;color:#5E7A96 !important;white-space:nowrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-biz-contact{position:absolute !important;left:5.7cqw !important;top:10.4cqw !important;width:50cqw !important;display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;row-gap:.5cqw !important;column-gap:1.2cqw !important;margin:0 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-biz-contact>div{font-size:0.85cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;line-height:1.5cqw !important;color:#5E7A96 !important;white-space:nowrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-biz-address{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-head-right{position:static !important;display:block !important;text-align:right !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-doc-title{position:absolute !important;left:5.7cqw !important;top:24.4cqw !important;margin:0 !important;padding:0 !important;font-size:3.1cqw !important;font-weight:300 !important;letter-spacing:.3em !important;color:#1F3A5C !important;text-align:left !important;white-space:nowrap !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-doc-num{position:absolute !important;right:5.7cqw !important;top:23cqw !important;width:28cqw !important;margin:0 !important;font-size:0.82cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#5E7A96 !important;text-align:right !important;line-height:1.9cqw !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-doc-num b{color:#1F3A5C !important;font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-body{position:static !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:5cqw 5.7cqw 4cqw !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-parties{display:flex !important;gap:4cqw !important;margin:0 0 2.6cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-bill-to,.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-details{flex:1 1 0 !important;text-align:left !important;min-width:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-label{display:block !important;margin:0 0 0.9cqw !important;font-size:0.78cqw !important;font-weight:800 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#5E7A96 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-bill-to>*{font-size:1.02cqw !important;line-height:1.65cqw !important;color:#1F3A5C !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-client-name{font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-details{display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-detail-row{display:flex !important;justify-content:space-between !important;font-size:0.95cqw !important;color:#1F3A5C !important;margin:0 0 0.5cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-detail-row span{color:#5E7A96 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-details::after{content:"PROJECT REF.\A Add project reference\A Add project address" !important;display:block !important;white-space:pre-line !important;font-style:italic !important;margin-top:1.1cqw !important;font-size:0.92cqw !important;line-height:1.55cqw !important;color:#8097AE !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-table{width:100% !important;margin:0 0 2cqw !important;border:0 !important;border-collapse:collapse !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-table thead th{text-align:left !important;font-size:0.75cqw !important;font-weight:800 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#5E7A96 !important;padding:0 .8cqw 1.1cqw !important;border-bottom:0.1cqw solid #C7D4E0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-table thead th:not(:first-child){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-table tbody td{padding:1.3cqw .8cqw !important;border-bottom:0.08cqw solid #E4EAF0 !important;font-size:1.02cqw !important;color:#1F3A5C !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-table tbody tr:last-child td{border-bottom:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-totals{margin-left:auto !important;width:min(32cqw,100%) !important;margin-bottom:2.4cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:.55cqw .3cqw !important;font-size:0.92cqw !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#5E7A96 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-total-grand{margin-top:0.6cqw !important;padding-top:1.1cqw !important;border-top:0.1cqw solid #C7D4E0 !important;font-size:1.25cqw !important;font-weight:800 !important;color:#1F3A5C !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-total-grand b{font-size:1.5cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-notes,.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-terms{margin:0 0 1.2cqw !important;padding:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-notes div,.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-terms div{font-size:0.92cqw !important;line-height:1.55cqw !important;color:#5E7A96 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-signature-row{display:flex !important;justify-content:flex-end !important;margin-top:1.4cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .sig-render{font-family:var(--font-serif) !important;font-style:italic !important;font-size:1.7cqw !important;color:#1F3A5C !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .sig-line{border-color:#C7D4E0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .sig-caption{font-size:0.75cqw !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#5E7A96 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-payrow{padding-top:1.4cqw !important;border-top:0.1cqw solid #E4EAF0 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-bank{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-payrow>.inv-bank>*{font-size:0.85cqw !important;line-height:1.5cqw !important;color:#5E7A96 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-latefee{color:#8097AE !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-photos{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-footer-note{text-align:center !important;color:#5E7A96 !important;font-size:0.82cqw !important;margin-top:2cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-02-northlineblueprint).tmpl-ar30b-02-northlineblueprint .inv-powered{text-align:center !important;font-size:0.7cqw !important;color:#8097AE !important}

/* ===== ar30b-03-ateliernoren =====
   AR-03 "Atelier Noren" - cream invoice, tan/navy "A" roof-shaped monogram (CSS shape,
   same technique as AR-01), huge serif INVOICE word, a real cropped photo band (concrete
   wall + climbing plant, /assets/tpl-art/ar30b/ar03-concretephoto.webp, cropped from a
   clean photo-only region of the reference with no baked text) sitting beside the
   Bill To / Project row. */
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren{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;background:#FBF9F5 !important;color:#262420 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-head{position:static !important;display:block !important;height:25cqw !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-head::before{content:"" !important;position:absolute !important;left:5.7cqw !important;top:3.2cqw !important;width:8.2cqw !important;height:8.2cqw !important;background:linear-gradient(100deg,#2A2824 0 46%,transparent 46.5%),linear-gradient(80deg,#C9A97E 0 54%,transparent 54.5%) !important;background-size:60% 100%,60% 100% !important;background-position:0 0,100% 0 !important;background-repeat:no-repeat !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-head-left{position:static !important;display:block !important;max-width:none !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-biz-name{position:absolute !important;left:15.5cqw !important;top:4.1cqw !important;width:40cqw !important;margin:0 !important;font-size:2.4cqw !important;font-weight:700 !important;letter-spacing:.08em !important;color:#262420 !important;white-space:nowrap !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-biz-name::after{content:"ARCHITECTURE  /  INTERIORS  /  PLACES" !important;display:block !important;margin-top:.7cqw !important;font-size:.68cqw !important;font-weight:700 !important;letter-spacing:.16em !important;color:#A39A86 !important;white-space:nowrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-biz-contact{position:absolute !important;right:5.7cqw !important;top:2.6cqw !important;width:28cqw !important;display:flex !important;flex-direction:column !important;gap:.25cqw !important;margin:0 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-biz-contact>div{font-size:0.88cqw !important;line-height:1.55cqw !important;color:#55503F !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-biz-address{display:block !important;position:absolute !important;right:5.7cqw !important;top:2.6cqw !important;width:28cqw !important;font-size:0.88cqw !important;line-height:1.55cqw !important;color:#55503F !important;text-align:right !important;z-index:1 !important;transform:translateY(-6.5cqw) !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-head-right{position:static !important;display:block !important;text-align:right !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-doc-title{position:absolute !important;left:5.7cqw !important;top:14.6cqw !important;margin:0 !important;padding:0 !important;font-family:var(--font-serif) !important;font-size:6.2cqw !important;font-weight:400 !important;letter-spacing:.02em !important;color:#262420 !important;text-align:left !important;white-space:nowrap !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-doc-title::after{content:"DESIGN BUILDS A BETTER TOMORROW" !important;position:absolute !important;left:0.1cqw !important;top:8.4cqw !important;font-size:.72cqw !important;font-weight:700 !important;letter-spacing:.14em !important;color:#A39A86 !important;white-space:nowrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-doc-num{position:absolute !important;left:62cqw !important;top:15.4cqw !important;width:32cqw !important;margin:0 !important;font-size:0.8cqw !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#A39A86 !important;text-align:left !important;line-height:1.9cqw !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-doc-num b{display:inline-block !important;margin-left:.4cqw !important;color:#262420 !important;font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-body{position:static !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:0 5.7cqw 4cqw !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-parties{position:relative !important;display:flex !important;gap:0 !important;margin:0 0 2.8cqw !important;min-height:14cqw !important;background:#F0ECE2 !important;padding:1.6cqw 24.5cqw 1.6cqw 1.6cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-parties::after{content:"" !important;position:absolute !important;right:0 !important;top:0 !important;bottom:0 !important;width:22.7cqw !important;background:url(/assets/tpl-art/ar30b/ar03-concretephoto.webp) no-repeat 50% 50%/cover !important;z-index:1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-bill-to,.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-details{flex:1 1 0 !important;text-align:left !important;min-width:0 !important;position:relative !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-label{display:block !important;margin:0 0 0.7cqw !important;font-size:0.75cqw !important;font-weight:800 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#9A907A !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-bill-to>*{font-size:0.98cqw !important;line-height:1.6cqw !important;color:#262420 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-client-name{font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-details{display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-detail-row{display:block !important;font-size:0.92cqw !important;color:#262420 !important;margin:0 0 0.3cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-detail-row span{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-details::after{content:"Add project type / scope" !important;display:block !important;font-style:italic !important;margin-top:0.6cqw !important;font-size:0.9cqw !important;line-height:1.5cqw !important;color:#9A907A !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-table{width:100% !important;margin:0 0 2cqw !important;border:0 !important;border-collapse:collapse !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-table thead th{text-align:left !important;font-size:0.78cqw !important;font-weight:700 !important;color:#9A907A !important;padding:0 .8cqw 1cqw !important;border-bottom:0.1cqw solid #E7E2D6 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-table thead th:not(:first-child){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-table tbody td{padding:1.1cqw .8cqw !important;border-bottom:0.08cqw solid #E7E2D6 !important;font-size:1.02cqw !important;color:#262420 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-table tbody tr:last-child td{border-bottom:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-notes{float:left !important;width:46cqw !important;margin:0 !important;padding:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-notes div{font-size:0.9cqw !important;line-height:1.7cqw !important;color:#55503F !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-terms{clear:both !important;margin:1.2cqw 0 0 !important;padding:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-terms div{font-size:0.86cqw !important;line-height:1.55cqw !important;color:#9A907A !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-totals{float:right !important;width:min(30cqw,100%) !important;margin-bottom:1.4cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:.5cqw .3cqw !important;font-size:0.92cqw !important;color:#6B6554 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-total-grand{margin-top:0.5cqw !important;padding:1cqw .8cqw !important;background:#F0ECE2 !important;font-size:1.1cqw !important;font-weight:800 !important;color:#262420 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-total-grand b{font-size:1.3cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-signature-row{clear:both !important;display:flex !important;justify-content:flex-start !important;margin-top:2cqw !important;padding-top:1.4cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .sig-render{font-family:var(--font-serif) !important;font-style:italic !important;font-size:1.7cqw !important;color:#262420 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .sig-line{border-color:#D9D3C2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .sig-caption{font-size:0.72cqw !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#9A907A !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-payrow{clear:both !important;padding-top:0 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-bank{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-payrow>.inv-bank>*{font-size:0.85cqw !important;line-height:1.5cqw !important;color:#6B6554 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-latefee{color:#9A907A !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-photos{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-footer-note{text-align:center !important;font-style:italic !important;color:#9A907A !important;font-size:0.85cqw !important;margin-top:2cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-03-ateliernoren).tmpl-ar30b-03-ateliernoren .inv-powered{text-align:center !important;font-size:0.7cqw !important;color:#A39A86 !important}

/* ===== ar30b-04-atlaswireframe =====
   AR-04 "Atlas Architecture" - white invoice, navy ink, thin-line triangle "A" mark (CSS
   shape), serif INVOICE word, light blue-gray table header/total band, a real cropped
   building wireframe line-art illustration in the lower-right footer corner
   (/assets/tpl-art/ar30b/ar04-wireframe.webp, cropped tight to exclude the reference's
   own "ARCHITECTURE BUILDS BRIGHTER" caption text so only the clean line art remains;
   the caption is rebuilt as live CSS text instead). */
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe{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;background:#FFFFFF !important;color:#1F3A5C !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-head{position:static !important;display:block !important;height:24cqw !important;min-height:0 !important;margin:0 !important;padding:0 !important;border-bottom:0.1cqw solid #DDE4EC !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-head::before{content:"" !important;position:absolute !important;left:5.7cqw !important;top:3.6cqw !important;width:7.4cqw !important;height:8.2cqw !important;background:linear-gradient(135deg,transparent 0 46%,#1F3A5C 46%,#1F3A5C 100%),linear-gradient(#1F3A5C,#1F3A5C) !important;background-size:100% 100%,0.12cqw 100% !important;background-position:0 0,50% 0 !important;background-repeat:no-repeat !important;clip-path:polygon(50% 0,100% 100%,0 100%) !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-head-left{position:static !important;display:block !important;max-width:none !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-biz-name{position:absolute !important;left:5.7cqw !important;top:13.2cqw !important;width:30cqw !important;margin:0 !important;font-size:1.85cqw !important;font-weight:800 !important;letter-spacing:.18em !important;color:#1F3A5C !important;white-space:nowrap !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-biz-name::after{content:"ARCHITECTURE" !important;display:block !important;margin-top:.5cqw !important;font-size:.68cqw !important;font-weight:700 !important;letter-spacing:.2em !important;color:#7C93AC !important;white-space:nowrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-biz-contact{position:absolute !important;left:33.5cqw !important;top:3.6cqw !important;width:26cqw !important;display:flex !important;flex-direction:column !important;gap:.25cqw !important;margin:0 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-biz-contact>div{font-size:0.88cqw !important;line-height:1.55cqw !important;color:#50647D !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-biz-address{display:block !important;position:absolute !important;left:33.5cqw !important;top:3.6cqw !important;width:26cqw !important;font-size:0.88cqw !important;line-height:1.55cqw !important;color:#50647D !important;z-index:1 !important;transform:translateY(-4.3cqw) !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-head-right{position:absolute !important;right:5.7cqw !important;top:3.9cqw !important;width:16cqw !important;text-align:right !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-head-right::before{content:"DESIGN A\A BETTER\A TOMORROW" !important;display:block !important;white-space:pre-line !important;font-size:.72cqw !important;font-weight:700 !important;letter-spacing:.14em !important;line-height:1.7cqw !important;color:#7C93AC !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-doc-title{position:absolute !important;left:5.7cqw !important;top:16.8cqw !important;margin:0 !important;padding:0 !important;font-family:var(--font-serif) !important;font-size:2.7cqw !important;font-weight:400 !important;letter-spacing:.16em !important;color:#17283D !important;text-align:left !important;white-space:nowrap !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-doc-num{position:absolute !important;right:5.7cqw !important;top:10.2cqw !important;width:28cqw !important;margin:0 !important;font-size:0.8cqw !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#7C93AC !important;text-align:right !important;line-height:1.85cqw !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-doc-num b{display:inline-block !important;margin-left:.4cqw !important;color:#17283D !important;font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-body{position:static !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:2.6cqw 5.7cqw 4cqw !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-parties{display:flex !important;gap:3cqw !important;margin:0 0 2.6cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-bill-to,.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-details{flex:1 1 0 !important;text-align:left !important;min-width:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-label{display:block !important;margin:0 0 0.7cqw !important;font-size:0.76cqw !important;font-weight:800 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#7C93AC !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-bill-to>*{font-size:1.0cqw !important;line-height:1.65cqw !important;color:#17283D !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-client-name{font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-details{display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-detail-row{display:flex !important;justify-content:space-between !important;font-size:0.95cqw !important;color:#17283D !important;margin:0 0 0.5cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-detail-row span{color:#7C93AC !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-details::after{content:"PROJECT TYPE\A Add project type" !important;display:block !important;white-space:pre-line !important;font-style:italic !important;margin-top:1.1cqw !important;font-size:0.92cqw !important;line-height:1.55cqw !important;color:#9FB1C4 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-table{width:100% !important;margin:0 0 2cqw !important;border:0 !important;border-collapse:collapse !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-table thead{background:#EAF0F6 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-table thead th{text-align:left !important;font-size:0.76cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#50647D !important;padding:.9cqw .8cqw !important;border-bottom:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-table thead th:not(:first-child){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-table tbody td{padding:1.15cqw .8cqw !important;border-bottom:0.08cqw solid #E9EDF2 !important;font-size:0.98cqw !important;color:#17283D !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-table tbody tr:last-child td{border-bottom:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-totals{margin-left:auto !important;width:min(32cqw,100%) !important;margin-bottom:2.4cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:.5cqw .3cqw !important;font-size:0.95cqw !important;color:#50647D !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-total-grand{margin-top:0.5cqw !important;padding:1cqw .8cqw !important;background:#EAF0F6 !important;font-size:1.1cqw !important;font-weight:800 !important;color:#17283D !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-total-grand b{font-size:1.3cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-notes,.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-terms{width:52cqw !important;margin:0 0 1.2cqw !important;padding:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-notes div,.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-terms div{font-size:0.92cqw !important;line-height:1.55cqw !important;color:#50647D !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-signature-row{display:flex !important;justify-content:space-between !important;align-items:flex-end !important;margin-top:1.6cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-signature-row::after{content:"" !important;width:10.2cqw !important;height:24.3cqw !important;background:url(/assets/tpl-art/ar30b/ar04-wireframe.webp) no-repeat 100% 100%/contain !important;flex:0 0 auto !important;align-self:flex-end !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .sig-render{font-family:var(--font-serif) !important;font-style:italic !important;font-size:1.7cqw !important;color:#17283D !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .sig-line{border-color:#C9D4E0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .sig-caption{font-size:0.72cqw !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#7C93AC !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-payrow{padding-top:1.4cqw !important;border-top:0.1cqw solid #E9EDF2 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-bank{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-payrow>.inv-bank>*{font-size:0.85cqw !important;line-height:1.5cqw !important;color:#50647D !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-latefee{color:#7C93AC !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-photos{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-footer-note{text-align:center !important;color:#7C93AC !important;font-size:0.82cqw !important;margin-top:1.4cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-04-atlaswireframe).tmpl-ar30b-04-atlaswireframe .inv-powered{text-align:center !important;font-size:0.7cqw !important;color:#9FB1C4 !important}

/* ===== ar30b-05-riversideteal =====
   AR-05 "Riverside Architecture" - white header, dark teal full-width band under it
   holding INVOICE + doc meta, teal table header/total band. The logo is a simple
   abstract two-building silhouette (one solid teal, one outline), rebuilt as a CSS
   shape (two overlapping linear-gradient triangles forming a skyline), not a crop - a
   flat geometric mark, same call as every other design's monogram in this batch. */
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal{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;background:#FFFFFF !important;color:#102E30 !important;font-family:Inter,'Inter Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;overflow:hidden !important;isolation:isolate !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-head{position:static !important;display:block !important;height:28cqw !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-head::before{content:"" !important;position:absolute !important;left:5.7cqw !important;top:3.4cqw !important;width:9cqw !important;height:7.6cqw !important;background:linear-gradient(#1A8F8A,#1A8F8A) 0 40%/42% 60% no-repeat,linear-gradient(to top left,transparent 49.6%,#0F2E30 50%,#0F2E30 52%,transparent 52.4%) 55% 0/45% 100% no-repeat,linear-gradient(to top right,transparent 49.6%,#0F2E30 50%,#0F2E30 52%,transparent 52.4%) 0 0/48% 85% no-repeat !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-head-left{position:static !important;display:block !important;max-width:none !important;margin:0 !important;padding:0 !important;background:transparent !important;text-align:left !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-biz-name{position:absolute !important;left:17cqw !important;top:4.6cqw !important;width:36cqw !important;margin:0 !important;font-size:2.15cqw !important;font-weight:800 !important;letter-spacing:.16em !important;color:#102E30 !important;white-space:nowrap !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-biz-name::after{content:"PEOPLE  |  PLACES  |  A BRIGHTER TOMORROW" !important;display:block !important;margin-top:.6cqw !important;font-size:.68cqw !important;font-weight:700 !important;letter-spacing:.12em !important;color:#6D8A8B !important;white-space:nowrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-biz-contact{position:absolute !important;right:5.7cqw !important;top:3.6cqw !important;width:28cqw !important;display:flex !important;flex-direction:column !important;gap:.25cqw !important;margin:0 !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-biz-contact>div{font-size:0.86cqw !important;line-height:1.5cqw !important;color:#45595A !important;text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-biz-address{display:block !important;position:absolute !important;right:5.7cqw !important;top:3.6cqw !important;width:28cqw !important;font-size:0.86cqw !important;line-height:1.5cqw !important;color:#45595A !important;text-align:right !important;z-index:1 !important;transform:translateY(-4.6cqw) !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-head-right{position:static !important;display:block !important;text-align:right !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-head::after{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;top:14.6cqw !important;height:13.4cqw !important;background:#0F3B3D !important;z-index:1 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-doc-title{position:absolute !important;left:5.7cqw !important;top:18.2cqw !important;margin:0 !important;padding:0 !important;font-size:3.1cqw !important;font-weight:800 !important;letter-spacing:.14em !important;color:#FFFFFF !important;text-align:left !important;white-space:nowrap !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-doc-title::after{content:"ARCHITECTURE FOR A BETTER TOMORROW" !important;position:absolute !important;left:0.1cqw !important;top:4.8cqw !important;font-size:.72cqw !important;font-weight:700 !important;letter-spacing:.18em !important;color:#9FC2C2 !important;white-space:nowrap !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-doc-num{position:absolute !important;right:5.7cqw !important;top:17.4cqw !important;width:26cqw !important;margin:0 !important;font-size:0.78cqw !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#9FC2C2 !important;text-align:right !important;line-height:1.9cqw !important;z-index:2 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-doc-num b{display:block !important;color:#FFFFFF !important;font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-body{position:static !important;display:block !important;box-sizing:border-box !important;margin:0 !important;padding:3cqw 5.7cqw 4cqw !important;background:transparent !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-parties{display:flex !important;gap:3cqw !important;margin:0 0 2.6cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-bill-to,.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-details{flex:1 1 0 !important;text-align:left !important;min-width:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-label{display:block !important;margin:0 0 0.7cqw !important;font-size:0.76cqw !important;font-weight:800 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:#1A8F8A !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-bill-to>*{font-size:1.0cqw !important;line-height:1.65cqw !important;color:#102E30 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-client-name{font-weight:800 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-details{display:block !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-detail-row{display:flex !important;justify-content:space-between !important;font-size:0.95cqw !important;color:#102E30 !important;margin:0 0 0.5cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-detail-row span{color:#5E7D7E !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-details::after{content:"PROJECT TYPE\A Add project type\A PHASE\A Add project phase" !important;display:block !important;white-space:pre-line !important;font-style:italic !important;margin-top:1.1cqw !important;font-size:0.9cqw !important;line-height:1.5cqw !important;color:#8FAAAB !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-table{width:100% !important;margin:0 0 2cqw !important;border:0 !important;border-collapse:collapse !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-table thead{background:#1A8F8A !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-table thead th{text-align:left !important;font-size:0.76cqw !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:#FFFFFF !important;padding:.9cqw .8cqw !important;border-bottom:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-table thead th:not(:first-child){text-align:right !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-table tbody td{padding:1.15cqw .8cqw !important;border-bottom:0.08cqw solid #E4EEEE !important;font-size:0.98cqw !important;color:#102E30 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-table tbody tr:last-child td{border-bottom:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-notes,.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-terms{width:48cqw !important;margin:0 0 1.2cqw !important;padding:1.4cqw !important;background:#F0F7F7 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-notes div,.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-terms div{font-size:0.9cqw !important;line-height:1.6cqw !important;color:#45595A !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-totals{margin-left:auto !important;width:min(32cqw,100%) !important;margin-bottom:2.4cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-totals>div{display:flex !important;justify-content:space-between !important;padding:.5cqw .3cqw !important;font-size:0.95cqw !important;color:#45595A !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-total-grand{margin-top:0.5cqw !important;padding:1cqw .8cqw !important;background:#DCEEEE !important;font-size:1.1cqw !important;font-weight:800 !important;color:#102E30 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-total-grand b{font-size:1.3cqw !important;color:#0F6B68 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-signature-row{display:flex !important;justify-content:flex-end !important;margin-top:1.6cqw !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .sig-render{font-family:var(--font-serif) !important;font-style:italic !important;font-size:1.7cqw !important;color:#0F6B68 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .sig-line{border-color:#C7DEDE !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .sig-caption{font-size:0.72cqw !important;font-weight:700 !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:#5E7D7E !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-payrow{padding-top:1.4cqw !important;border-top:0.1cqw solid #E4EEEE !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-bank{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-payrow>.inv-bank>*{font-size:0.85cqw !important;line-height:1.5cqw !important;color:#45595A !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-latefee{color:#5E7D7E !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-photos{display:none !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-footer-note{text-align:center !important;color:#5E7D7E !important;font-size:0.82cqw !important;margin-top:1.4cqw !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important}
.invoice-preview:is(#invoicePreview,.tmpl-ar30b-05-riversideteal).tmpl-ar30b-05-riversideteal .inv-powered{text-align:center !important;font-size:0.7cqw !important;color:#8FAAAB !important}