/* Scoped quotation styles and shared template controls. */
.preview-toolbar .design-pill-group { flex-wrap:wrap; gap:4px; flex-shrink:1; max-width:100%; }
.preview-toolbar-styling { min-width:0; max-width:100%; }
.preview-toolbar .preview-tool-item { min-width:0; flex-wrap:wrap; }
.professional-quote { padding:28px!important; }
.professional-quote .professional-header { gap:24px; margin-bottom:20px!important; }
.professional-business { min-width:0; flex:1; overflow-wrap:anywhere; }
.professional-meta { flex:0 0 215px; overflow-wrap:anywhere; }
.professional-quote .professional-customer { padding:14px 0; margin-bottom:16px!important; }
.professional-quote .professional-title { font-size:25px!important; line-height:1.1; letter-spacing:.02em!important; margin-bottom:10px!important; }
.professional-quote .quote-table th { padding:10px 7px!important; }
.professional-quote .quote-table td { padding:10px 7px!important; vertical-align:top; }
.professional-quote .quote-table { margin-bottom:18px!important; }
.professional-quote .professional-footer { margin-top:20px!important; }
.professional-quote .quote-signatures { break-inside:avoid; }

/* Executive: strong letterhead, restrained tinted client panel. */
.design-executive .professional-header { border-top:7px solid var(--accent-color); border-bottom:1px solid var(--accent-border)!important; padding:22px 0 18px!important; }
.design-executive .professional-meta { padding:15px 13px; background:var(--accent-color); border-radius:2px; color:var(--brand-ink); }
.design-executive .professional-meta > *:not([data-qm-field]) { color:var(--brand-ink); }
.design-executive .professional-meta span:not([data-qm-field]),
.design-executive .professional-meta div:not([data-qm-field]) { color:var(--brand-ink); }
.design-executive .professional-title { font-size:20px!important; }
.design-executive .professional-customer { background:var(--accent-subtle); padding:14px!important; border-left:3px solid var(--accent-color); }
.design-executive .quote-table thead { background:var(--accent-color); }
.design-executive .quote-table th { color:var(--brand-ink)!important; }
.design-executive .quote-table tbody tr:nth-child(even) { background:#F8FAFC; }

/* Studio: large title at left, business identity at right, vertical rail. */
.design-studio { border-left:7px solid var(--accent-color)!important; }
.design-studio .professional-header { padding:0 0 24px!important; border-bottom:2px solid var(--accent-color)!important; }
.design-studio .professional-meta { text-align:left!important; flex-basis:245px; }
.design-studio .professional-title { font-size:32px!important; letter-spacing:-.04em!important; }
.design-studio .professional-business { text-align:right; }
.design-studio .quote-header-logo { margin-left:auto; }
.design-studio .professional-customer { border-bottom:1px solid #E2E8F0; }
.design-studio .quote-table thead { background:var(--accent-subtle); }
.design-studio .quote-table th { color:var(--accent-color)!important; }
.design-studio .professional-footer { text-align:left!important; color:var(--accent-color)!important; }

/* Ledger: compact business masthead, two-column metadata and ruled table. */
.design-ledger .professional-header { border-bottom:3px double var(--accent-color)!important; padding-bottom:15px!important; }
.professional-ledger-band { display:flex; align-items:flex-start; gap:20px; margin-bottom:18px; padding:14px; background:#F8FAFC; border:1px solid #CBD5E1; }
.professional-ledger-band .professional-customer { flex:1; min-width:0; padding:0!important; margin:0!important; }
.professional-ledger-band .professional-meta { flex-basis:215px; border-left:1px solid #CBD5E1; padding-left:16px; }
.design-ledger .professional-title { font-size:19px!important; letter-spacing:.07em!important; }
.design-ledger .quote-table th,.design-ledger .quote-table td { border:1px solid #CBD5E1!important; }
.design-ledger .quote-table thead { background:#F1F5F9; }
.design-ledger .quote-table td:not(:first-child) { font-variant-numeric:tabular-nums; }
.design-ledger .professional-footer { border-top:2px solid var(--accent-color)!important; }

/* Heritage: centered serif letterhead, fine double rules and spacious rows. */
.design-heritage .professional-header { display:block!important; text-align:center; border-bottom:3px double var(--accent-color)!important; padding-bottom:18px!important; margin-bottom:14px!important; }
.design-heritage .professional-business h2 { font-family:Georgia,'Times New Roman',serif; font-size:27px!important; font-weight:normal!important; }
.design-heritage .quote-header-logo { margin-left:auto; margin-right:auto; }
.professional-meta-strip { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px 18px; text-align:center!important; padding-bottom:16px; border-bottom:1px solid #E2E8F0; }
.professional-meta-strip .professional-title { flex-basis:100%; font-family:Georgia,'Times New Roman',serif; font-weight:normal!important; letter-spacing:.12em!important; font-size:23px!important; }
.design-heritage .quote-table thead tr { border-bottom:3px double var(--accent-color)!important; }
.design-heritage .quote-table th { font-family:Georgia,'Times New Roman',serif; font-size:14px; font-weight:normal!important; }
.design-heritage .professional-footer { font-family:Georgia,'Times New Roman',serif; font-style:italic; }

/* Original collection: consistent type, section spacing and financial hierarchy. */
.refined-quote { padding:24px 24px 20px!important; line-height:1.5; box-sizing:border-box!important; width:100%!important; max-width:100%!important; }
.refined-quote * { box-sizing:border-box; }
.refined-quote .refined-header { margin-bottom:18px!important; width:100%!important; }
.refined-quote .refined-header-grid { display:grid!important; grid-template-columns:minmax(0,1fr) 220px; gap:24px; align-items:start!important; width:100%!important; }
.refined-quote .refined-business,.refined-quote .refined-metadata { min-width:0; overflow-wrap:anywhere; }
.refined-quote .refined-business-name { font-size:22px!important; line-height:1.22!important; letter-spacing:-.025em!important; margin-bottom:7px!important; }
.refined-quote .quote-header-logo { margin-bottom:12px!important; }
.refined-quote .refined-customer { padding:13px 15px!important; margin-bottom:18px!important; width:100%!important; }
.refined-quote .refined-customer > :first-child { font-size:10px!important; letter-spacing:.1em!important; margin-bottom:5px!important; }
.refined-quote .quote-table { width:100%!important; max-width:100%!important; margin-bottom:18px!important; font-variant-numeric:tabular-nums; }
.refined-quote .quote-table th { padding:10px 8px!important; font-size:11px; letter-spacing:.035em; vertical-align:middle; }
.refined-quote .quote-table td { padding:10px 8px!important; vertical-align:top; line-height:1.45; }
.refined-quote .quote-table tbody tr { border-bottom:1px solid #E2E8F0!important; }
.refined-quote .refined-settlement { display:flex!important; justify-content:space-between!important; gap:22px!important; margin-bottom:18px!important; width:100%!important; }
.refined-quote .refined-commercial { flex:1 1 auto; min-width:0; overflow-wrap:anywhere; }
.refined-quote .refined-totals { width:252px!important; min-width:240px!important; flex-shrink:0; font-variant-numeric:tabular-nums; break-inside:avoid; }
.refined-quote .refined-totals > div { gap:10px; align-items:baseline; padding-top:5px!important; padding-bottom:5px!important; }
.refined-quote .refined-totals > div > :last-child { text-align:right; white-space:nowrap; }
.refined-quote .refined-total { margin-top:8px!important; padding-top:10px!important; padding-bottom:10px!important; font-size:15px!important; }
.refined-quote .refined-balance { margin-top:4px; padding-top:8px!important; }
.refined-quote .quote-signatures { margin-top:22px!important; gap:26px; break-inside:avoid; width:100%!important; }
.refined-quote .quote-signatures > div { width:220px!important; max-width:48%; }
.refined-quote .refined-footer { padding-top:12px!important; margin-top:18px!important; color:#64748B!important; font-size:11px!important; letter-spacing:.025em; width:100%!important; }
.refined-quote .quote-decorations-layer .decor-dot-pattern { opacity:.12!important; }

/* Minimal: open letterhead, white space and fine rules. */
.refined-quote.design-minimal .refined-header { border-top:3px solid var(--accent-color); padding-top:18px; padding-bottom:18px!important; width:100%!important; }
.refined-quote.design-minimal .refined-metadata > :first-child { font-size:25px!important; font-weight:600!important; letter-spacing:-.025em!important; margin-bottom:9px!important; }
.refined-quote.design-minimal .refined-customer { padding:0 0 14px!important; border-bottom:1px solid #E2E8F0; width:100%!important; }
.refined-quote.design-minimal .quote-table thead { background:#F8FAFC; }
.refined-quote.design-minimal .quote-table thead tr { border-bottom:1px solid #CBD5E1!important; }
.refined-quote.design-minimal .refined-total { border-top:2px solid var(--accent-color)!important; }

/* Corporate: disciplined letterhead, geometric accents and precise rows. */
.refined-quote.design-corporate .refined-business-name { font-size:21px!important; text-transform:none!important; }
.refined-quote.design-corporate .refined-header { padding:12px 0 0!important; }
.refined-quote.design-corporate .corp-geo-meta-card { border-radius:2px; box-shadow:none; padding:12px 13px; }
.refined-quote.design-corporate .decor-thin-divider { margin:13px 0 0; height:8px; }
.refined-quote.design-corporate .refined-business > :first-child:has(.decor-dot-pattern):not(:has(img)) { display:none; }
.refined-quote.design-corporate .refined-customer { border-radius:2px!important; background:#F8FAFC!important; }
.refined-quote.design-corporate .quote-table { border:1px solid #CBD5E1!important; }
.refined-quote.design-corporate .quote-table th { border-color:var(--accent-color)!important; }
.refined-quote.design-corporate .quote-table td { border-color:#E2E8F0!important; }
.refined-quote.design-corporate .quote-table tbody tr:nth-child(even) { background:#F8FAFC; }
.refined-quote.design-corporate .refined-totals td { padding:7px 9px!important; border-color:#E2E8F0!important; }
.refined-quote.design-corporate .refined-total td { padding-top:11px!important; padding-bottom:11px!important; }

/* Modern: soft cards and a calm, consistent border treatment. */
.refined-quote.design-modern .refined-header { padding:18px!important; background:var(--accent-light); border-radius:12px; }
.refined-quote.design-modern .refined-header-grid { grid-template-columns:minmax(0,1fr) 210px; gap:18px; }
.refined-quote.design-modern .refined-metadata { min-width:0!important; border-radius:8px!important; box-shadow:none!important; padding:12px!important; }
.refined-quote.design-modern .refined-business-name { font-size:21px!important; }
.refined-quote.design-modern .modern-pill-badge { font-size:9px; letter-spacing:.07em; }
.refined-quote.design-modern .refined-customer { border-radius:8px!important; border:1px solid #E2E8F0!important; background:#F8FAFC!important; }
.refined-quote.design-modern .quote-table { border:1px solid #E2E8F0!important; }
.refined-quote.design-modern .quote-table td { border-color:#E2E8F0!important; }
.refined-quote.design-modern .refined-totals { border-radius:8px!important; border-color:#E2E8F0!important; padding:12px!important; }
.refined-quote.design-modern .refined-total { border-radius:6px!important; }
.refined-quote.design-modern .refined-commercial > div { border-radius:8px!important; border-color:#E2E8F0!important; box-shadow:none!important; }

/* Editorial: clear display title, four-column metadata and fine table rules. */
.refined-quote.design-editorial .refined-header { padding-top:12px; padding-bottom:16px; }
.refined-quote.design-editorial .editorial-main-title { font-size:28px; letter-spacing:-.04em; }
.refined-quote.design-editorial .editorial-accent-bar { width:54px; height:3px; margin-top:10px; margin-left:auto; }
.refined-quote.design-editorial .editorial-header-top { padding-bottom:8px; }
.refined-quote.design-editorial .decor-thin-divider { margin:9px 0; height:6px; }
.refined-quote.design-editorial .editorial-meta-row { background:#F8FAFC; border-left:0; border-top:2px solid var(--accent-color); border-radius:0; padding:13px 12px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.refined-quote.design-editorial .editorial-meta-col { min-width:0; overflow-wrap:anywhere; }
.refined-quote.design-editorial .editorial-meta-label { font-size:9px; letter-spacing:.09em; }
.refined-quote.design-editorial .editorial-meta-val { font-size:12px; }
.refined-quote.design-editorial .refined-customer { border:0!important; border-left:2px solid var(--accent-color)!important; border-radius:0!important; background:#fff!important; }
.refined-quote.design-editorial .quote-table thead tr { border-bottom:2px solid var(--accent-color)!important; }
.refined-quote.design-editorial .quote-table th { text-transform:uppercase; font-size:10px; }
