:root{
  --bg:#f6f1ea;
  --panel:#ffffff;
  --panel-soft:#fcfaf7;
  --line:#e7ddd2;
  --text:#2f2f2f;
  --muted:#756a5f;
  --accent:#eae2d8;
  --accent-strong:#d8c3a8;
  --shadow:0 20px 50px rgba(70,53,38,.08);
  --radius:28px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#fcfaf7 0%,#f3ece3 100%);color:var(--text)}
a{color:inherit}
button,input,select,textarea{font:inherit}
input,select,textarea{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--text)}
textarea{min-height:110px;resize:vertical}
label{display:grid;gap:8px;font-size:14px;color:var(--muted)}
.micro-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9b8f83;margin-top:-4px}
.topbar,.auth-card,.panel,.preview-shell,.mini-card,.card,.share-card{box-shadow:var(--shadow)}
.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:#9a7f61;margin-bottom:10px}
h1,h2,h3{font-family:Lora,serif;margin:0 0 10px}
h1{font-size:44px;line-height:1.05}
h2{font-size:30px;line-height:1.12}
h3{font-size:20px;line-height:1.2}
p{margin:0 0 14px;color:var(--muted);line-height:1.65}
.btn{border:none;border-radius:999px;padding:12px 18px;font-weight:700;cursor:pointer;transition:.2s transform ease,.2s background ease,.2s box-shadow ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:#2f2f2f;color:#fff;box-shadow:0 12px 28px rgba(47,47,47,.2)}
.btn.ghost{background:#fff;color:var(--text);border:1px solid var(--line)}
.pill{padding:10px 14px;border-radius:999px;background:var(--accent);color:#745f48;font-size:13px;font-weight:700}
.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:34px 40px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(231,221,210,.7);position:sticky;top:0;z-index:20}
.topbar p{max-width:760px}
.topbar-actions{display:grid;gap:14px;justify-items:end}
.signed-in{display:grid;gap:2px;text-align:right;color:var(--muted);font-size:13px}.signed-in strong{color:var(--text)}
.notice{margin:20px auto 0;max-width:1600px;padding:14px 18px;border-radius:18px;border:1px solid #ead5b8;background:#fff5e8;color:#6b5138}
.notice-hidden{display:none}.notice.error{background:#fff0f0;border-color:#efc4c4;color:#8a3636}.notice.success{background:#edf8f1;border-color:#cfe8d7;color:#245637}
.workspace-shell{display:grid;grid-template-columns:250px minmax(0,1fr) 520px;gap:24px;padding:24px;max-width:1680px;margin:0 auto}
.sidebar,.preview-rail{position:sticky;top:152px;height:fit-content}
.sidebar-nav,.preview-shell,.mini-card,.panel,.card,.auth-card,.share-card{background:rgba(255,255,255,.94);border:1px solid rgba(231,221,210,.85);border-radius:var(--radius)}
.sidebar-nav{padding:10px;display:grid;gap:8px}
.tab{border:none;background:transparent;text-align:left;padding:14px 16px;border-radius:18px;font-weight:700;color:#705f50;cursor:pointer}
.tab.active,.tab:hover{background:var(--accent);color:var(--text)}
.mini-card{margin-top:18px;padding:22px}.mini-card ul{padding-left:18px;margin:12px 0 0;color:var(--muted);display:grid;gap:10px}
.panel-stack{display:grid;gap:20px}.panel{display:none;padding:28px}.panel.active{display:block}
.panel-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:22px}.panel-head p{max-width:700px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.span-2{grid-column:1/-1}
.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}
.split-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.form-card,.card{padding:22px;background:var(--panel-soft)}
.card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}
.inline-check{display:flex;align-items:center;gap:10px;font-size:13px}.inline-check input{width:auto}
.options-editor{display:grid;gap:16px}.loan-editor{padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--panel-soft);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.loan-editor h3{grid-column:1/-1}
.preview-shell{padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(251,248,243,.95));display:grid;gap:18px}
.preview-head{display:grid;gap:6px}
.flyer-sheet{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;display:grid;gap:18px}
.headline-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.sub{font-size:15px}
.facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fact{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff}.fact span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#917a63;font-weight:800}.fact strong{font-size:15px;text-align:right}
.comparison{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:14px}.option-card{border:1px solid var(--line);border-radius:22px;padding:18px;background:linear-gradient(180deg,#fff,#fbf8f3);display:grid;gap:10px}.price{font-size:26px;font-weight:900}.price small{font-size:12px;color:var(--muted);margin-left:6px}.summary{font-size:14px}
.brand-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted)}
.estimate-note{padding:14px 16px;border-radius:16px;background:var(--accent);color:#5c4a38;font-size:14px;line-height:1.6}
.saved-scenarios-list,.share-links-list{display:grid;gap:12px}
.saved-item,.share-item{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.saved-item p,.share-item p{margin:4px 0 0;font-size:13px}
.saved-actions,.share-actions{display:flex;gap:10px;flex-wrap:wrap}
.share-url{font-size:12px;word-break:break-all;color:#6a5d52}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:32px}.auth-card{width:min(100%,560px);padding:34px;background:rgba(255,255,255,.96)}.auth-card-wide{width:min(100%,620px)}.auth-form{display:grid;gap:16px;margin-top:20px}.auth-actions{margin-top:20px}
.alert{padding:14px 16px;border-radius:16px;margin-top:18px;font-weight:600}.alert.error{background:#fff0f0;border:1px solid #efc4c4;color:#8a3636}
.share-shell{max-width:1100px;margin:0 auto;padding:40px 20px}.share-card{padding:28px;background:rgba(255,255,255,.97)}.share-meta{display:inline-flex;padding:10px 14px;border-radius:999px;background:var(--accent);color:#6a543b;font-weight:700;font-size:13px}
.live-share-sheet{margin-top:24px}
@media (max-width:1400px){.workspace-shell{grid-template-columns:220px minmax(0,1fr)}.preview-rail{grid-column:1/-1;position:static}.preview-shell{max-width:1000px;margin:0 auto}}
@media (max-width:980px){.workspace-shell{grid-template-columns:1fr}.sidebar{position:static}.panel-head,.headline-row,.topbar,.split-panels,.brand-row,.facts-grid,.comparison{grid-template-columns:1fr;display:grid}.form-grid,.loan-editor{grid-template-columns:1fr}.topbar-actions{justify-items:start}.sidebar,.preview-rail{position:static;height:auto}}

/* T1 flyer size preview foundation */
.micro-copy{display:block;font-size:12px;line-height:1.45;color:#8a7a6a;margin-top:-2px}
.size-readout{margin:0;font-size:13px;font-weight:800;color:#6f5a43;background:var(--accent);border-radius:999px;padding:8px 12px;width:max-content;max-width:100%}
.flyer-preview{display:flex;justify-content:center;overflow-x:auto;padding:4px 0 8px}
.flyer-size-pill{display:inline-flex;align-items:center;width:max-content;margin:0 0 10px;padding:7px 10px;border-radius:999px;background:#f0e7dc;color:#6a543b;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.size-meta{margin-left:8px}
.flyer-sheet{aspect-ratio:var(--flyer-aspect,8.5 / 11)}
.preview-rail .flyer-sheet{width:min(100%,var(--flyer-preview-width,360px));height:var(--flyer-preview-height,466px);max-width:100%;overflow:auto;margin:0 auto;align-content:start;box-shadow:0 18px 45px rgba(55,40,28,.12)}
.live-share-sheet{width:min(100%,var(--share-preview-width,760px));height:var(--share-preview-height,984px);overflow:auto;margin:24px auto 0;max-width:100%}
.flyer-size-letter{--flyer-preview-width:360px;--flyer-preview-height:466px;--share-preview-width:760px;--share-preview-height:984px;page:flyer-letter}
.flyer-size-half-page{--flyer-preview-width:320px;--flyer-preview-height:495px;--share-preview-width:600px;--share-preview-height:927px;page:flyer-half-page}
.flyer-size-square-social{--flyer-preview-width:410px;--flyer-preview-height:410px;--share-preview-width:760px;--share-preview-height:760px;page:flyer-square-social}
.flyer-size-story-vertical{--flyer-preview-width:270px;--flyer-preview-height:480px;--share-preview-width:540px;--share-preview-height:960px;page:flyer-story-vertical}
.flyer-size-landscape-social{--flyer-preview-width:470px;--flyer-preview-height:264px;--share-preview-width:960px;--share-preview-height:540px;page:flyer-landscape-social}
.flyer-size-postcard{--flyer-preview-width:470px;--flyer-preview-height:313px;--share-preview-width:900px;--share-preview-height:600px;page:flyer-postcard}
@page flyer-letter{size:8.5in 11in;margin:.25in}
@page flyer-half-page{size:5.5in 8.5in;margin:.2in}
@page flyer-square-social{size:8in 8in;margin:.2in}
@page flyer-story-vertical{size:9in 16in;margin:.2in}
@page flyer-landscape-social{size:16in 9in;margin:.25in}
@page flyer-postcard{size:6in 4in;margin:.18in}
@media print{
  body{background:#fff!important}
  .topbar,.sidebar,.panel-stack,#skinnyPreview,.preview-head,.preview-actions,.notice{display:none!important}
  .workspace-shell{display:block!important;padding:0!important;margin:0!important;max-width:none!important}
  .preview-rail,.preview-shell{position:static!important;box-shadow:none!important;border:0!important;padding:0!important;background:#fff!important}
  .flyer-preview{display:block!important;padding:0!important;overflow:visible!important}
  .preview-rail .flyer-sheet,.live-share-sheet,body.export-page .flyer-sheet{width:var(--flyer-width-in)!important;min-height:var(--flyer-height-in)!important;height:auto!important;max-width:none!important;aspect-ratio:var(--flyer-aspect)!important;overflow:visible!important;border-radius:0!important;box-shadow:none!important;margin:0 auto!important}
  .share-shell,.share-card{box-shadow:none!important;border:0!important;padding:0!important;max-width:none!important;background:#fff!important}
}
@media (max-width:560px){.preview-rail .flyer-sheet{width:100%;height:auto;min-height:420px}.live-share-sheet{width:100%;height:auto;min-height:520px}.size-readout{width:100%}}

/* T2 complete flyer template types */
.template-help-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#fff,#f7efe6);padding:18px;display:grid;gap:8px;color:var(--muted)}
.template-help-card strong{font-family:Lora,serif;color:var(--text);font-size:21px}.template-help-card p{margin:0}
.template-required{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.template-required span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#8a6f51}.template-required em{font-style:normal;border:1px solid #e3d3bf;background:#fff;border-radius:999px;padding:7px 10px;font-size:12px;color:#6f5a43;font-weight:700}
.mini-template-preview{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px 16px}.mini-template-preview strong{font-family:Lora,serif;font-size:19px}.mini-template-preview p{margin:4px 0 0;font-size:13px}
.flyer-sheet[data-flyer-template]{position:relative;isolation:isolate}.flyer-sheet[data-flyer-template]::before{content:"";position:absolute;inset:0 0 auto;height:10px;border-radius:26px 26px 0 0;background:var(--template-accent,#d8c3a8);z-index:-1}
.flyer-template-purchase{--template-accent:#d8c3a8;background:linear-gradient(180deg,#fff,#fffaf4)}
.flyer-template-refinance-review{--template-accent:#9fb8b0;background:linear-gradient(180deg,#f8fffc,#fff)}
.flyer-template-first-time-buyer{--template-accent:#d7b071;background:linear-gradient(180deg,#fffdf7,#fff)}
.flyer-template-affordability-options{--template-accent:#b9aed7;background:linear-gradient(180deg,#fbf9ff,#fff)}
.flyer-template-realtor-cobrand{--template-accent:#c79483;background:linear-gradient(180deg,#fff8f5,#fff)}
.flyer-template-skinny-comparison{--template-accent:#8f9bb3;background:linear-gradient(180deg,#f8faff,#fff)}
.flyer-template-open-house{--template-accent:#b8c783;background:linear-gradient(180deg,#fbfff5,#fff)}
.template-section{display:grid;gap:12px}.template-section h3{font-size:18px;margin-bottom:0}.template-callout{border:1px solid var(--line);border-left:6px solid var(--template-accent,#d8c3a8);background:#fff;border-radius:18px;padding:16px}.template-callout p{margin:4px 0 0;font-size:14px}.milestone-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.milestone-row span,.skinny-summary-strip span,.skinny-summary-strip strong{border-radius:999px;background:#fff;border:1px solid var(--line);padding:9px 10px;text-align:center;font-size:12px;font-weight:900;color:#6d5a45}.payment-ladder{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:10px}.payment-ladder div{background:var(--template-accent,#d8c3a8);color:#2f2f2f;border-radius:20px;padding:14px;display:grid;gap:3px}.payment-ladder span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.payment-ladder strong{font-size:26px}.payment-ladder em{font-style:normal;font-size:12px}.brand-row-prominent{border:0;padding:0}.brand-row-prominent>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;color:var(--text);box-shadow:0 10px 24px rgba(70,53,38,.07)}.skinny-summary-strip{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:8px}.open-house-band{display:flex;gap:14px;align-items:center;justify-content:space-between;border-radius:22px;background:var(--template-accent,#d8c3a8);padding:18px;color:#2f2f2f}.open-house-band strong{font-family:Lora,serif;font-size:20px}.open-house-band span{font-size:14px;max-width:520px}.comparison-skinny .option-card{padding:14px;gap:8px}.comparison-skinny .option-card .price{font-size:22px}.option-card-featured{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--template-accent,#d8c3a8) 65%,transparent)}
@media (max-width:980px){.milestone-row,.payment-ladder,.skinny-summary-strip{grid-template-columns:1fr 1fr}.open-house-band{display:grid}.template-required{display:grid}.template-required em{width:max-content;max-width:100%}}
@media (max-width:560px){.milestone-row,.payment-ladder,.skinny-summary-strip{grid-template-columns:1fr}}

/* T3 local CRM / People workspace */
.crm-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}
.crm-list-card,.crm-detail-card{display:grid;gap:16px}
.crm-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.crm-people-list,.crm-activity-list{display:grid;gap:10px}
.crm-person-row{width:100%;text-align:left;border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px 16px;display:grid;gap:5px;color:var(--muted);cursor:pointer;transition:.2s border ease,.2s background ease,.2s transform ease}
.crm-person-row:hover,.crm-person-row.active{border-color:#c8ad8c;background:#fbf5ed;transform:translateY(-1px)}
.crm-person-row strong{font-family:Lora,serif;font-size:18px;color:var(--text)}
.crm-person-row span,.crm-person-row em{font-size:12px;line-height:1.35;font-style:normal}
.crm-person-row b{width:max-content;border-radius:999px;background:var(--accent);color:#6a543b;padding:5px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.crm-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:14px}
.crm-activity-composer{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}
.crm-activity{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:14px}
.crm-activity>span{height:max-content;border-radius:999px;background:#f0e7dc;color:#6a543b;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:7px 8px}
.crm-activity strong{display:block;color:var(--text)}
.crm-activity p{font-size:13px;margin:4px 0;color:var(--muted)}
.crm-activity em{font-size:12px;font-style:normal;color:#8d7d6d}
@media (max-width:980px){.crm-layout{grid-template-columns:1fr}.crm-filter-row{grid-template-columns:1fr}.crm-detail-head{display:grid}.crm-activity{grid-template-columns:1fr}}

/* T4 CRM scenario/flyer/share linkage */
.linked-person-picker{border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#fff,#f7efe6);padding:18px;display:grid;gap:12px}
.linked-person-summary{border:1px dashed #d7c5b1;border-radius:16px;background:#fff;padding:12px 14px;color:var(--muted);font-size:13px;line-height:1.5}
.linked-person-summary strong{color:var(--text)}.linked-person-summary span{font-size:12px;color:#8b7a68}
.mini-toolbar{display:flex;flex-wrap:wrap;gap:10px}
.crm-linked-workspace{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;display:grid;gap:14px}
.crm-linked-list{display:grid;gap:10px}.crm-linked-list h4{font-family:Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:#8a6f51;margin:0}
.crm-link-card{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px}
.crm-link-card p{margin:4px 0 0;font-size:13px}.crm-link-card strong{font-family:Lora,serif;color:var(--text)}
@media (max-width:680px){.crm-link-card{display:grid}.mini-toolbar{display:grid}.mini-toolbar .btn{width:100%}}

/* Sarel fix 2026-05-09: header should not stick or dominate the app */
.topbar{position:static!important;top:auto!important;z-index:auto!important;padding:18px 24px!important;align-items:center!important;box-shadow:0 8px 22px rgba(70,53,38,.05)!important;background:#fff!important;backdrop-filter:none!important}
.topbar h1{font-size:clamp(24px,3vw,34px)!important;line-height:1.05!important;margin-bottom:4px!important}
.topbar .eyebrow{margin-bottom:5px!important;font-size:10px!important}.topbar p{font-size:14px!important;line-height:1.45!important;margin-bottom:0!important;max-width:820px!important}.topbar-actions{gap:8px!important}.signed-in{font-size:12px!important}.workspace-shell{padding-top:16px!important}.sidebar,.preview-rail{top:18px!important}
@media(max-width:980px){.topbar{padding:16px 14px!important}.topbar h1{font-size:25px!important}.topbar-actions{margin-top:10px!important}.workspace-shell{padding:12px!important}.sidebar,.preview-rail{position:static!important;top:auto!important}}

/* Sarel fix 2026-05-09: CRM people view should be a table, not stacked cards */
.crm-layout{grid-template-columns:1fr!important}.crm-list-card{overflow:hidden}.crm-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:#fff}.crm-people-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0;font-size:14px}.crm-people-table th{position:sticky;top:0;z-index:1;background:#efe6dc;color:#5f4d3d;text-align:left;text-transform:uppercase;letter-spacing:.08em;font-size:11px;padding:12px 14px;border-bottom:1px solid var(--line)}.crm-people-table td{padding:13px 14px;border-bottom:1px solid #f0e7dc;color:var(--muted);vertical-align:middle}.crm-people-table td strong{font-family:Lora,serif;color:var(--text);font-size:17px}.crm-people-table tbody tr{cursor:pointer;transition:.15s background ease}.crm-people-table tbody tr:hover,.crm-people-table tbody tr.active{background:#fbf5ed}.crm-people-table tbody tr:last-child td{border-bottom:0}.crm-status-pill,.crm-record-pill{display:inline-flex;align-items:center;width:max-content;border-radius:999px;background:#f0e7dc;color:#6a543b;padding:6px 9px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.crm-record-pill.local{background:#eaf2ec;color:#37543d}.crm-open-person{padding:8px 12px!important;font-size:12px!important}.crm-detail-card{max-width:1180px;width:100%}
@media(max-width:760px){.crm-people-table{min-width:860px;font-size:13px}.crm-people-table th,.crm-people-table td{padding:10px 11px}.crm-list-card{padding:14px!important}}
/* Keep table rows as real table rows despite legacy .crm-person-row card styling */
.crm-people-table tr.crm-person-row{display:table-row!important;width:auto!important;text-align:left!important;border:0!important;border-radius:0!important;padding:0!important;color:inherit!important}.crm-people-table tr.crm-person-row:hover,.crm-people-table tr.crm-person-row.active{transform:none!important}.crm-people-table tr.crm-person-row strong{font-family:Lora,serif;font-size:17px;color:var(--text)}
/* Table compaction: row click opens details, so no separate action column needed */
.crm-people-table{min-width:820px!important}.crm-people-table th,.crm-people-table td{padding:12px 11px!important}.crm-people-table td:first-child{width:180px}.crm-people-table td:nth-child(2){width:220px}.crm-people-table td:nth-child(7){max-width:160px}

/* Sarel fix 2026-05-09: spreadsheet-first CRM page */
body[data-active-panel="peoplePanel"] .workspace-shell{max-width:none!important;grid-template-columns:150px minmax(0,1fr)!important;gap:16px!important;padding:14px 16px 28px!important}
body[data-active-panel="peoplePanel"] .preview-rail{display:none!important}
body[data-active-panel="peoplePanel"] .mini-card{display:none!important}
body[data-active-panel="peoplePanel"] .panel-stack{min-width:0!important;width:100%!important}
body[data-active-panel="peoplePanel"] #peoplePanel{padding:18px!important;border-radius:24px!important}
body[data-active-panel="peoplePanel"] #peoplePanel .panel-head{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:18px!important;margin-bottom:14px!important;align-items:start!important}
body[data-active-panel="peoplePanel"] #peoplePanel .panel-head h2{font-size:28px!important;margin-bottom:4px!important}
body[data-active-panel="peoplePanel"] #peoplePanel .panel-head p{max-width:none!important;font-size:14px!important;line-height:1.45!important}
body[data-active-panel="peoplePanel"] .crm-layout{display:grid!important;grid-template-columns:minmax(0,2.4fr) minmax(380px,.8fr)!important;gap:16px!important;align-items:start!important}
body[data-active-panel="peoplePanel"] .crm-list-card{min-height:calc(100vh - 205px)!important;padding:18px!important}
body[data-active-panel="peoplePanel"] .crm-list-card .card-head{margin-bottom:8px!important}
body[data-active-panel="peoplePanel"] .crm-table-wrap{min-height:calc(100vh - 390px)!important;max-height:calc(100vh - 275px)!important;overflow:auto!important}
body[data-active-panel="peoplePanel"] .crm-detail-card{position:sticky!important;top:16px!important;max-height:calc(100vh - 34px)!important;overflow:auto!important;padding:18px!important}
body[data-active-panel="peoplePanel"] .crm-detail-card .form-grid{grid-template-columns:1fr!important;gap:12px!important}
body[data-active-panel="peoplePanel"] .crm-detail-card .span-2{grid-column:auto!important}
body[data-active-panel="peoplePanel"] .crm-activity-composer .form-grid{grid-template-columns:1fr!important}
body[data-active-panel="peoplePanel"] .crm-people-table{min-width:900px!important}
body[data-active-panel="peoplePanel"] .crm-people-table th{top:0!important}
@media(max-width:1180px){body[data-active-panel="peoplePanel"] .workspace-shell{grid-template-columns:1fr!important}body[data-active-panel="peoplePanel"] .sidebar{position:static!important}body[data-active-panel="peoplePanel"] .sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}body[data-active-panel="peoplePanel"] .crm-layout{grid-template-columns:1fr!important}body[data-active-panel="peoplePanel"] .crm-list-card{min-height:auto!important}body[data-active-panel="peoplePanel"] .crm-table-wrap{max-height:62vh!important;min-height:380px!important}body[data-active-panel="peoplePanel"] .crm-detail-card{position:static!important;max-height:none!important}body[data-active-panel="peoplePanel"] #peoplePanel .panel-head{grid-template-columns:1fr!important}}
@media(max-width:640px){body[data-active-panel="peoplePanel"] .workspace-shell{padding:10px!important}body[data-active-panel="peoplePanel"] .sidebar-nav{grid-template-columns:1fr 1fr!important}body[data-active-panel="peoplePanel"] #peoplePanel{padding:12px!important}body[data-active-panel="peoplePanel"] .crm-table-wrap{min-height:360px!important}body[data-active-panel="peoplePanel"] .crm-people-table{min-width:820px!important}}

/* Sarel fix 2026-05-09: remove review-clutter panels and make examples presentation-ready */
.utility-panel-hidden{display:none!important}.crm-record-pill{display:none!important}.crm-people-table{min-width:760px!important}.crm-people-table td:first-child{width:170px}.crm-people-table td:nth-child(2){width:210px}.crm-people-table td:nth-child(7){max-width:180px}.mini-card h3{font-size:18px}.mini-card li{font-size:13px}.crm-linked-workspace #crmLinkedShareLinks{display:none!important}
/* Keep demo marker out of the presentation UI; data is still demo-only in project notes. */
#crmSampleBadge{display:none!important}

/* Sarel fix 2026-05-09: flyer designs, logo toggle, co-brand colors, no printed size label */
.flyer-toggle{align-self:end;border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px 14px;color:var(--text)!important;font-weight:800}.flyer-toggle input{width:auto}.flyer-size-pill{display:none!important}.flyer-topline{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--template-accent,#d8c3a8) 45%,#fff)}.flyer-partner-line{display:grid;gap:4px}.flyer-partner-line span{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#92765d}.flyer-partner-line strong{font-family:Lora,serif;font-size:20px;color:var(--text)}.flyer-logo-row{display:flex;gap:9px;align-items:center}.flyer-logo-mark{width:42px;height:42px;border-radius:14px;display:inline-grid;place-items:center;background:var(--template-accent,#d8c3a8);color:#2f2f2f;font-weight:900;letter-spacing:.05em}.flyer-logo-img{width:44px;height:44px;object-fit:contain;border-radius:12px;border:1px solid var(--line);background:#fff;padding:5px}.flyer-cobrand-colors{--template-accent:var(--brand-accent,#d8c3a8)}.flyer-cobrand-colors .flyer-topline,.flyer-cobrand-colors .brand-row-prominent>div{border-color:color-mix(in srgb,var(--brand-primary,#2f2f2f) 24%,var(--line))}.flyer-cobrand-colors .flyer-partner-line strong,.flyer-cobrand-colors h2,.flyer-cobrand-colors h3{color:var(--brand-primary,#2f2f2f)}.flyer-cobrand-colors .price{color:var(--brand-primary,#526b55)}.flyer-cobrand-colors .flyer-logo-mark,.flyer-cobrand-colors .payment-ladder div,.flyer-cobrand-colors .open-house-band{background:var(--brand-accent,#d8c3a8)}
.flyer-design-classic{background:linear-gradient(180deg,#fff,#fffaf4)}.flyer-design-classic .headline-row h2{font-size:42px}.flyer-design-modern{background:#fff}.flyer-design-modern::before{height:0!important}.flyer-design-modern .headline-row{background:linear-gradient(135deg,color-mix(in srgb,var(--template-accent,#d8c3a8) 35%,#fff),#fff);border:1px solid var(--line);border-radius:22px;padding:20px}.flyer-design-modern .facts-grid .fact,.flyer-design-modern .option-card{box-shadow:0 10px 22px rgba(70,53,38,.06)}.flyer-design-signature{background:linear-gradient(135deg,color-mix(in srgb,var(--template-accent,#d8c3a8) 22%,#fff),#fff 38%,#fbf8f3)}.flyer-design-signature::before{height:14px!important}.flyer-design-signature .flyer-topline{border:0;background:#fff;border-radius:22px;padding:14px 16px;box-shadow:0 12px 26px rgba(70,53,38,.08)}.flyer-design-signature .headline-row h2{font-size:46px}.flyer-design-signature .brand-row-prominent>div,.flyer-design-signature .option-card-featured{box-shadow:0 16px 34px rgba(70,53,38,.10)}
.flyer-design-purchase-proposal{--template-accent:#113f7d;background:#fff;border-color:#cad6e8}.flyer-design-purchase-proposal::before{height:18px!important;background:#113f7d!important}.flyer-design-purchase-proposal .flyer-topline,.flyer-design-purchase-proposal .headline-row{background:#113f7d;color:#fff;border-radius:0 0 18px 18px;padding:14px 18px;margin:-26px -26px 18px}.flyer-design-purchase-proposal .flyer-topline{margin:-26px -26px 0;border-radius:24px 24px 0 0;padding-bottom:10px}.flyer-design-purchase-proposal .flyer-partner-line span,.flyer-design-purchase-proposal .flyer-name-pair strong,.flyer-design-purchase-proposal .headline-row h2,.flyer-design-purchase-proposal .headline-row .sub{color:#fff!important}.flyer-design-purchase-proposal .facts-grid,.comparison-style-purchase-proposal{border-top:4px solid #113f7d;padding-top:10px}.comparison-style-purchase-proposal .option-card,.flyer-design-purchase-proposal .fact{border-radius:10px;border-color:#b9c8df;background:#fff}.flyer-design-purchase-proposal .price{color:#1f6a58}.flyer-design-purchase-proposal .template-callout{border-left-color:#113f7d}
.flyer-design-report-card{--template-accent:#1f5555;background:linear-gradient(180deg,#f7fbfb,#fff)}.flyer-design-report-card::before{height:14px!important;background:#1f5555!important}.flyer-design-report-card .flyer-topline{background:#1f5555;border-radius:20px;padding:16px 18px}.flyer-design-report-card .flyer-name-pair strong,.flyer-design-report-card .flyer-partner-line span{color:#fff!important}.flyer-design-report-card .headline-row h2{color:#1f5555}.flyer-design-report-card .facts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.flyer-design-report-card .fact{display:grid;gap:5px;background:#fff;border:1px solid #d4e3e3;border-radius:18px;box-shadow:0 10px 18px rgba(31,85,85,.06)}.flyer-design-report-card .fact:nth-child(2n){border-top:5px solid #7f5bd8}.flyer-design-report-card .fact:nth-child(2n+1){border-top:5px solid #2ca59b}.comparison-style-report-card .option-card{border:1px solid #d4e3e3;border-top:8px solid #1f5555;background:#fff;border-radius:18px;box-shadow:0 10px 18px rgba(31,85,85,.06)}.comparison-style-report-card .option-card:nth-child(2){border-top-color:#7f5bd8}.comparison-style-report-card .option-card:nth-child(3){border-top-color:#2ca59b}.flyer-design-report-card .price{color:#1f5555}
.flyer-design-buy-rent{--template-accent:#69c7bd;background:linear-gradient(180deg,#fbfffe,#fff)}.flyer-design-buy-rent::before{height:12px!important;background:#69c7bd!important}.flyer-design-buy-rent .flyer-topline{border-bottom:3px solid #8b6ae1}.flyer-design-buy-rent .headline-row h2{color:#1b675f}.flyer-design-buy-rent .facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flyer-design-buy-rent .fact{background:linear-gradient(135deg,#f5fffd,#fff);border-color:#bce6df;border-radius:18px}.flyer-design-buy-rent .fact strong{color:#1b675f}.comparison-style-buy-rent .option-card{background:linear-gradient(180deg,#f8fffe,#fff);border:1px solid #bce6df;border-radius:18px}.comparison-style-buy-rent .option-card:nth-child(2){border-color:#d3c6f7}.comparison-style-buy-rent .option-card:nth-child(2) .price{color:#7a59d6}.comparison-style-buy-rent .option-card:nth-child(3){border-color:#9fd9cf}.flyer-design-buy-rent .payment-ladder div{background:#69c7bd;color:#124f4a}
.comparison-output-purchase-proposal .skinny-summary-strip strong,.comparison-output-purchase-proposal .skinny-summary-strip span{border-color:#b9c8df;background:#eef3fb;color:#113f7d}.comparison-output-report-card .skinny-summary-strip strong,.comparison-output-report-card .skinny-summary-strip span{border-color:#d4e3e3;background:#eef8f8;color:#1f5555}.comparison-output-buy-rent .skinny-summary-strip strong,.comparison-output-buy-rent .skinny-summary-strip span{border-color:#cfece7;background:#f3fffc;color:#1b675f}
.report-card-shell{display:grid;gap:16px}.report-card-topline{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;align-items:stretch}.report-card-address-block,.report-card-keybox,.report-panel,.report-metric-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.report-card-address-block{display:grid;gap:6px}.report-card-address-block h2{margin:0}.report-card-keybox{background:#1f5555;color:#fff;border-color:#1f5555;display:grid;gap:6px}.report-card-keybox span,.report-card-keybox p,.report-card-keybox strong{color:#fff!important}.report-card-keybox strong{font-size:26px;font-family:Lora,serif}.report-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.report-metric-card{display:grid;gap:5px;box-shadow:0 10px 18px rgba(31,85,85,.06)}.report-metric-card span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#6a7f80}.report-metric-card strong{font-size:24px;color:#1f5555}.report-metric-card em{font-style:normal;color:#7a7066;font-size:12px}.report-panel-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px}.report-panel h3{margin:0 0 10px;font-size:18px}.report-card-bars{display:grid;gap:10px}.report-bar-card{display:grid;gap:6px}.report-bar-track{height:14px;border-radius:999px;background:#eef3f4;overflow:hidden}.report-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2ca59b,#7f5bd8)}.report-bar-card span{font-size:12px;color:#7a7066}.report-callout{border-radius:16px;background:#f8fbfb;border:1px solid #d4e3e3;padding:14px}.report-callout strong{display:block;color:#1f5555;margin-bottom:4px}.report-card-brandline{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:#fff}.report-card-brandline strong{color:#1f5555}.report-card-brandline span{color:#7a7066;font-size:12px}
@media(max-width:980px){.report-card-topline,.report-panel-grid,.report-stat-grid,.report-card-brandline{grid-template-columns:1fr!important}}
@media(max-width:560px){.flyer-topline{display:grid}.flyer-logo-row{justify-content:flex-start}.flyer-design-signature .headline-row h2,.flyer-design-classic .headline-row h2{font-size:30px}}

/* Sarel fix 2026-05-09: co-branding belongs inside Flyer Builder, not a separate Profiles page */
.co-brand-builder-card{border:1px solid color-mix(in srgb,var(--accent-strong) 45%,var(--line));border-radius:22px;background:linear-gradient(135deg,#fff,#f7efe6);padding:18px;display:grid;gap:14px}.co-brand-builder-card h3{margin:0 0 4px}.co-brand-builder-card p{margin:0}.co-brand-main-toggle{background:#2f2f2f!important;color:#fff!important;border-color:#2f2f2f!important}.co-brand-main-toggle input{accent-color:#d8c3a8}#profilesPanel.utility-panel-hidden{display:none!important}

/* Sarel fix 2026-05-09: separate Client CRM and Realtor CRM with brand data */
.crm-mode-toggle{display:flex;gap:10px;flex-wrap:wrap}.crm-mode-toggle .btn{flex:1}.brand-swatch{display:inline-block;width:22px;height:22px;border-radius:999px;background:var(--swatch);border:1px solid rgba(47,47,47,.18);vertical-align:middle;margin-right:6px}.crm-people-table td:last-child .pill{padding:5px 8px;font-size:10px}.co-brand-builder-card select{width:100%}

/* Sarel fix 2026-05-09: top of flyer shows both names, not a "realtor co-brand" label */
.flyer-name-pair{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 10px}.flyer-name-pair strong{font-family:Lora,serif;font-size:21px;color:var(--text)}.flyer-name-pair em{font-style:normal;color:#9a7f61;font-weight:900}.flyer-partner-line>strong{display:none!important}
@media(max-width:560px){.flyer-name-pair{display:grid;gap:2px}.flyer-name-pair em{display:none}}

/* Sarel fix 2026-05-09: make Erin's five private-tool parts explicit in the UI */
body[data-active-panel="scenarioPanel"] .preview-rail{display:block!important}.sidebar-nav .tab{font-size:13px;line-height:1.2}.delivery-card{margin-top:18px}.delivery-card .toolbar{margin-top:0}.legacy-share-panel-hidden{display:block!important}.panel.utility-panel-hidden#sharePanel,.panel.utility-panel-hidden#savedPanel{display:none}.panel#sharePanel,.panel#savedPanel{display:none}.panel#sharePanel.active,.panel#savedPanel.active{display:block}.co-brand-builder-card .micro-copy{font-weight:500;color:var(--muted)}

/* Sarel fix 2026-05-09: Skinny Loan Comparison is a separate generator, not a co-branded flyer */
.skinny-standalone-output{--template-accent:#8f9bb3!important;background:#fff!important}.skinny-standalone-output::before{height:8px!important;background:#8f9bb3!important}.skinny-standalone-head{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:12px}.skinny-standalone-head h2{margin:4px 0 6px}.skinny-standalone-output .brand-row,.skinny-standalone-output .flyer-topline,.skinny-standalone-output .flyer-logo-row{display:none!important}body[data-active-panel="optionsPanel"] .co-brand-builder-card,body[data-active-panel="optionsPanel"] #flyerPreview .brand-row{display:none!important}

/* Sarel correction 2026-05-10: PDF style clone pass — make attachment themes look like Erin's PDFs, not generic website cards */
.flyer-design-purchase-proposal,
.flyer-design-report-card,
.flyer-design-buy-rent,
.comparison-output-purchase-proposal,
.comparison-output-report-card,
.comparison-output-buy-rent{
  font-family:Arial,Helvetica,sans-serif!important;
  border-radius:4px!important;
  box-shadow:none!important;
  color:#172033!important;
  padding:0!important;
  gap:0!important;
}
.flyer-design-purchase-proposal *,
.flyer-design-report-card *,
.flyer-design-buy-rent *,
.comparison-output-purchase-proposal *,
.comparison-output-report-card *,
.comparison-output-buy-rent *{font-family:Arial,Helvetica,sans-serif!important}
.flyer-design-purchase-proposal::before,
.flyer-design-report-card::before,
.flyer-design-buy-rent::before,
.comparison-output-purchase-proposal::before,
.comparison-output-report-card::before,
.comparison-output-buy-rent::before{display:none!important}

/* Purchase Proposal PDF: navy header, tight underwriting-table look, white/gray panels */
.flyer-design-purchase-proposal{background:#fff!important;border:1px solid #cfd6df!important;--pdf-blue:#0e2660;--pdf-light:#eef1f4;--pdf-mid:#dfe5ea;--pdf-text:#111827}
.flyer-design-purchase-proposal .flyer-topline{margin:0!important;padding:12px 18px!important;border:0!important;border-radius:0!important;background:#0e2660!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.flyer-design-purchase-proposal .flyer-partner-line span{color:#cfd8ee!important;font-size:9px!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.flyer-design-purchase-proposal .flyer-name-pair strong,.flyer-design-purchase-proposal .flyer-name-pair em{color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;font-weight:800!important}
.flyer-design-purchase-proposal .flyer-logo-mark{background:#fff!important;color:#0e2660!important;border-radius:2px!important;width:34px!important;height:34px!important}
.flyer-design-purchase-proposal .headline-row{display:block!important;margin:0!important;padding:18px 22px 14px!important;background:#0e2660!important;color:#fff!important;border:0!important;border-radius:0!important}
.flyer-design-purchase-proposal .headline-row h2{color:#fff!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-size:26px!important;font-weight:900!important;line-height:1.05!important;margin:4px 0 6px!important}
.flyer-design-purchase-proposal .headline-row .sub{color:#e8edf7!important;font-size:12px!important;line-height:1.35!important;margin:0!important}
.flyer-design-purchase-proposal .facts-grid{margin:16px 18px 0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border:1px solid #b9c3cf!important;border-bottom:0!important;background:#fff!important;padding:0!important}
.flyer-design-purchase-proposal .fact{border:0!important;border-right:1px solid #cfd6df!important;border-bottom:1px solid #cfd6df!important;border-radius:0!important;background:#fff!important;padding:10px 11px!important;display:grid!important;gap:4px!important;min-height:58px!important;box-shadow:none!important}
.flyer-design-purchase-proposal .fact:nth-child(4n){border-right:0!important}
.flyer-design-purchase-proposal .fact span{color:#4b5563!important;font-size:8.5px!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:900!important}
.flyer-design-purchase-proposal .fact strong{color:#111827!important;font-size:13px!important;text-align:left!important;font-weight:900!important}
.flyer-design-purchase-proposal .template-section{margin:16px 18px 0!important;gap:0!important;border:1px solid #b9c3cf!important;background:#fff!important}
.flyer-design-purchase-proposal .template-section h3{margin:0!important;padding:9px 12px!important;background:#0e2660!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:11px!important;font-weight:900!important}
.flyer-design-purchase-proposal .comparison{display:grid!important;gap:0!important;border:0!important;padding:0!important}
.flyer-design-purchase-proposal .option-card,.comparison-output-purchase-proposal .option-card{border:0!important;border-bottom:1px solid #cfd6df!important;border-radius:0!important;background:#fff!important;padding:0!important;gap:0!important;box-shadow:none!important}
.flyer-design-purchase-proposal .option-card h3,.comparison-output-purchase-proposal .option-card h3{background:#eef1f4!important;color:#0e2660!important;margin:0!important;padding:9px 12px!important;text-transform:uppercase!important;font-size:12px!important;font-weight:900!important;letter-spacing:.05em!important;border-bottom:1px solid #cfd6df!important}
.flyer-design-purchase-proposal .option-card .price,.comparison-output-purchase-proposal .option-card .price{padding:10px 12px!important;color:#0e2660!important;font-size:22px!important;font-weight:900!important;border-bottom:1px solid #cfd6df!important;background:#fff!important}
.flyer-design-purchase-proposal .option-card .fact,.comparison-output-purchase-proposal .option-card .fact{margin:0!important;border-bottom:1px solid #e4e9ef!important;border-right:0!important;min-height:auto!important;padding:7px 12px!important;display:flex!important;justify-content:space-between!important;gap:10px!important}
.flyer-design-purchase-proposal .summary,.comparison-output-purchase-proposal .summary{font-size:11px!important;line-height:1.35!important;color:#4b5563!important;margin:0!important;padding:9px 12px!important}
.flyer-design-purchase-proposal .estimate-note,.comparison-output-purchase-proposal .estimate-note{margin:14px 18px 18px!important;border-radius:0!important;background:#eef1f4!important;border-left:6px solid #0e2660!important;color:#374151!important;font-size:10px!important;line-height:1.35!important;padding:9px 12px!important}
.flyer-design-purchase-proposal .brand-row{margin:14px 18px 0!important;border:1px solid #cfd6df!important;border-top:4px solid #0e2660!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;color:#374151!important}
.flyer-design-purchase-proposal .brand-row>div{padding:10px 12px!important;border-right:1px solid #cfd6df!important;font-size:10px!important;line-height:1.35!important}.flyer-design-purchase-proposal .brand-row>div:last-child{border-right:0!important}

/* Report Card PDF: cool gray-blue dashboard, square cards, dark insight block */
.flyer-design-report-card{background:#f4f7f9!important;border:1px solid #c8d2dc!important;--report-blue:#324863;--report-teal:#2f7375;--report-light:#eef4f7}
.flyer-design-report-card .report-card-shell{padding:18px!important;gap:12px!important;background:#f4f7f9!important}
.flyer-design-report-card .report-card-topline{grid-template-columns:1.15fr .85fr!important;gap:12px!important}
.flyer-design-report-card .report-card-address-block{border-radius:0!important;border:0!important;background:#fff!important;border-left:10px solid #324863!important;padding:18px!important;box-shadow:none!important}
.flyer-design-report-card .report-card-address-block .eyebrow{color:#324863!important;font-size:10px!important;letter-spacing:.18em!important;margin-bottom:5px!important}
.flyer-design-report-card .report-card-address-block h2{font-size:25px!important;line-height:1.05!important;text-transform:uppercase!important;color:#172033!important;font-weight:900!important;margin:0 0 6px!important}
.flyer-design-report-card .report-card-keybox{background:#324863!important;border-radius:0!important;border:0!important;padding:18px!important;color:#fff!important;box-shadow:none!important}
.flyer-design-report-card .report-card-keybox span{font-size:10px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#dbe5ee!important;font-weight:900!important}
.flyer-design-report-card .report-card-keybox strong{font-size:21px!important;line-height:1.08!important;color:#fff!important;font-weight:900!important}
.flyer-design-report-card .report-stat-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}
.flyer-design-report-card .report-metric-card{border-radius:0!important;border:1px solid #d5dee6!important;background:#fff!important;box-shadow:none!important;padding:12px!important;border-top:6px solid #324863!important}
.flyer-design-report-card .report-metric-card:nth-child(2){border-top-color:#2f7375!important}.flyer-design-report-card .report-metric-card:nth-child(3){border-top-color:#7b6aa8!important}.flyer-design-report-card .report-metric-card:nth-child(4){border-top-color:#8aa2ad!important}
.flyer-design-report-card .report-metric-card span{font-size:9px!important;color:#566575!important}.flyer-design-report-card .report-metric-card strong{font-size:20px!important;color:#324863!important}.flyer-design-report-card .report-metric-card em{font-size:10px!important;color:#64748b!important}
.flyer-design-report-card .report-panel-grid{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important}.flyer-design-report-card .report-panel{border-radius:0!important;border:1px solid #d5dee6!important;background:#fff!important;padding:12px!important;box-shadow:none!important}.flyer-design-report-card .report-panel h3{font-size:13px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#324863!important;font-weight:900!important}
.flyer-design-report-card .comparison{gap:8px!important}.flyer-design-report-card .option-card,.comparison-output-report-card .option-card{border-radius:0!important;border:1px solid #d5dee6!important;border-top:7px solid #324863!important;background:#fff!important;box-shadow:none!important;padding:12px!important}.flyer-design-report-card .price,.comparison-output-report-card .price{color:#324863!important;font-size:22px!important}.flyer-design-report-card .option-card .fact{border-radius:0!important;background:#f7fafc!important;border-color:#dce4eb!important;padding:7px!important}.flyer-design-report-card .report-card-brandline{border-radius:0!important;border:1px solid #d5dee6!important;background:#fff!important}
.flyer-design-report-card .estimate-note{margin-top:0!important;border-radius:0!important;background:#fff!important;border-left:6px solid #324863!important;font-size:10px!important;line-height:1.35!important}

/* Buy vs Rent PDF: clean white sheet, pale blue/teal panels, minimal decoration */
.flyer-design-buy-rent{background:#fff!important;border:1px solid #d9e2e8!important;--rent-teal:#76b9b4;--rent-blue:#f3f8fb;--rent-purple:#7666b2}
.flyer-design-buy-rent .flyer-topline{margin:0!important;padding:13px 18px!important;border:0!important;background:#f3f8fb!important;border-bottom:1px solid #d9e2e8!important;border-radius:0!important}
.flyer-design-buy-rent .headline-row{margin:0!important;padding:18px 22px!important;background:#fff!important;border-bottom:8px solid #76b9b4!important;border-radius:0!important}
.flyer-design-buy-rent .headline-row h2{font-size:27px!important;line-height:1.05!important;text-transform:uppercase!important;color:#244b55!important;font-weight:900!important}
.flyer-design-buy-rent .headline-row .sub{font-size:12px!important;color:#58707a!important;line-height:1.35!important}.flyer-design-buy-rent .facts-grid{margin:16px 18px 0!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.flyer-design-buy-rent .fact{border-radius:0!important;background:#f3f8fb!important;border:1px solid #d4e5ea!important;box-shadow:none!important}.flyer-design-buy-rent .fact span{color:#58707a!important;font-size:9px!important}.flyer-design-buy-rent .fact strong{color:#244b55!important;font-size:14px!important}.flyer-design-buy-rent .template-section{margin:16px 18px 0!important}.flyer-design-buy-rent .template-section h3{font-size:14px!important;color:#244b55!important;text-transform:uppercase!important;letter-spacing:.08em!important}.flyer-design-buy-rent .option-card,.comparison-output-buy-rent .option-card{border-radius:0!important;border:1px solid #d4e5ea!important;background:#fff!important;box-shadow:none!important;padding:12px!important;border-top:7px solid #76b9b4!important}.flyer-design-buy-rent .option-card:nth-child(2),.comparison-output-buy-rent .option-card:nth-child(2){border-top-color:#7666b2!important}.flyer-design-buy-rent .price,.comparison-output-buy-rent .price{color:#244b55!important}.flyer-design-buy-rent .estimate-note{margin:14px 18px 18px!important;border-radius:0!important;background:#f3f8fb!important;border-left:6px solid #76b9b4!important;font-size:10px!important;line-height:1.35!important}

@media(max-width:980px){.flyer-design-purchase-proposal .facts-grid,.flyer-design-report-card .report-stat-grid,.flyer-design-report-card .report-card-topline,.flyer-design-report-card .report-panel-grid{grid-template-columns:1fr!important}.flyer-design-purchase-proposal .brand-row{grid-template-columns:1fr!important}.flyer-design-purchase-proposal .brand-row>div{border-right:0!important;border-bottom:1px solid #cfd6df!important}}

/* Sarel correction 2026-05-10 second pass: actual PDF-structure clone blocks */
.pdf-proposal-clone{background:#fff;color:#111827;min-height:100%;display:grid;align-content:start;font-size:11px;line-height:1.25}
.pdf-proposal-contact{display:grid;grid-template-columns:1fr auto;gap:18px;padding:16px 22px 10px;border-bottom:2px solid #0e2660;color:#111827;background:#fff}
.pdf-proposal-contact strong{display:block;color:#0e2660;font-size:21px;font-weight:900;line-height:1}.pdf-proposal-contact span{display:block;font-size:10px;color:#263447}.pdf-proposal-contact>div:last-child{text-align:right;padding-top:2px}
.pdf-proposal-meta{display:grid!important;grid-template-columns:1.2fr .7fr .8fr .8fr .8fr .8fr!important;gap:0!important;margin:0!important;border-bottom:1px solid #b9c3cf;border-top:1px solid #d7dde5}
.pdf-proposal-meta>div{min-height:54px;padding:8px 10px;border-right:1px solid #d7dde5;background:#f7f8fa}.pdf-proposal-meta>div:nth-child(odd){background:#fff}.pdf-proposal-meta span{display:block;text-transform:none!important;letter-spacing:0!important;color:#344054!important;font-size:9px!important;font-weight:700}.pdf-proposal-meta strong{display:block;color:#111827!important;font-size:11px!important;font-weight:900!important;text-align:left!important;margin-top:3px}
.pdf-program-band{display:flex;justify-content:space-between;align-items:center;background:#0e2660;color:#fff;padding:10px 22px}.pdf-program-band strong{text-transform:uppercase;font-size:13px;font-weight:900;letter-spacing:.02em}.pdf-program-band em{font-style:normal;font-size:9px;color:#e7eefc}
.pdf-proposal-body{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;padding:16px 22px 12px}.pdf-price-pair{display:grid;grid-template-columns:1fr 1fr;border:1px solid #b9c3cf;margin-bottom:12px}.pdf-price-pair>div{padding:12px;border-right:1px solid #d7dde5;background:#f7f8fa}.pdf-price-pair>div:last-child{border-right:0}.pdf-price-pair span{display:block;color:#344054;font-size:10px;font-weight:800}.pdf-price-pair strong{display:block;color:#0e2660;font-size:24px;font-weight:900;margin-top:4px}
.pdf-table,.pdf-side-box{border:1px solid #b9c3cf;background:#fff}.pdf-table h3,.pdf-side-box h3{margin:0!important;background:#e9edf2!important;color:#0e2660!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:11px!important;font-weight:900!important;padding:9px 10px!important;border-bottom:1px solid #b9c3cf!important}.pdf-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border-bottom:1px solid #e2e7ed;padding:7px 10px}.pdf-row span{color:#303b49;font-weight:650}.pdf-row strong{color:#111827;font-weight:900}.pdf-row-total{background:#f3f5f8}.pdf-row-total span,.pdf-row-total strong{color:#0e2660;font-size:12px}.pdf-proposal-right{display:grid;gap:12px}.pdf-cash-box{background:#0e2660;color:#fff;padding:14px 16px;display:grid;gap:4px}.pdf-cash-box span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#dbe6ff;font-weight:900}.pdf-cash-box strong{font-size:28px;font-weight:900}.pdf-cash-box em{font-style:normal;color:#e7eefc;font-size:11px}.pdf-proposal-note{margin:0 22px 18px;padding:10px 12px;background:#f3f5f8;border-left:6px solid #0e2660;color:#344054;font-size:9.5px;line-height:1.35}
.flyer-design-purchase-proposal .pdf-proposal-clone .facts-grid,.flyer-design-purchase-proposal .pdf-proposal-clone .fact{all:unset}

.pdf-buyrent-clone{background:#fff;color:#233642;min-height:100%;display:grid;align-content:start;gap:14px;padding:20px}.pdf-buyrent-clone header{background:#f3f8fb;border-bottom:10px solid #76b9b4;padding:18px 20px}.pdf-buyrent-clone header span{display:block;color:#76a5aa;font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:900}.pdf-buyrent-clone header h2{font-size:30px!important;text-transform:uppercase!important;color:#244b55!important;margin:4px 0!important;font-weight:900!important}.pdf-buyrent-clone header p{font-size:12px;color:#58707a!important;margin:0!important}.buyrent-score-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.buyrent-score-row div{background:#f3f8fb;border:1px solid #d4e5ea;padding:12px}.buyrent-score-row span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#58707a;font-weight:900}.buyrent-score-row strong{display:block;font-size:19px;color:#244b55;font-weight:900}.buyrent-score-row em{font-style:normal;color:#58707a;font-size:10px}.buyrent-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.buyrent-columns article{border:1px solid #d4e5ea;background:#fff;padding:14px;border-top:8px solid #76b9b4}.buyrent-columns article:nth-child(2){border-top-color:#7666b2}.buyrent-columns h3{color:#244b55!important;text-transform:uppercase!important;font-size:15px!important;letter-spacing:.08em!important}.buyrent-columns p{font-size:11px!important;color:#58707a!important}.pdf-buyrent-clone .comparison{gap:8px!important}.pdf-buyrent-clone .estimate-note{border-radius:0!important;background:#f3f8fb!important;border-left:6px solid #76b9b4!important;font-size:10px!important;line-height:1.35!important}
@media(max-width:980px){.pdf-proposal-meta,.pdf-proposal-body,.buyrent-score-row,.buyrent-columns{grid-template-columns:1fr!important}.pdf-proposal-contact{grid-template-columns:1fr}.pdf-proposal-contact>div:last-child{text-align:left}.pdf-program-band{display:grid;gap:4px}.pdf-price-pair{grid-template-columns:1fr}}
.pdf-source-card{border:1px solid #cfd6df;border-radius:22px;background:linear-gradient(135deg,#fff,#f4f7f9);padding:18px;display:grid;gap:16px}.pdf-source-card h3{margin:0 0 4px}.pdf-source-card p{margin:0}.pdf-source-card .form-grid{margin-top:4px}

/* Sarel correction 2026-05-10 third pass: literal fixed-position Purchase Proposal worksheet clone */
.literal-proposal-page{position:relative;width:935px;height:1210px;background:#fff;color:#111;overflow:hidden;transform-origin:top left;font-family:Arial,Helvetica,sans-serif!important;font-size:10px;line-height:1.05}
.flyer-design-purchase-proposal .literal-proposal-page{transform:scale(.385);margin:0 auto;height:1210px;min-width:935px}
.preview-rail .flyer-design-purchase-proposal{height:466px!important;overflow:hidden!important;padding:0!important;display:block!important;background:#fff!important;border:1px solid #ddd!important}
.live-share-sheet.flyer-design-purchase-proposal .literal-proposal-page{transform:scale(.81)}
.lit{position:absolute;white-space:nowrap;font-family:Arial,Helvetica,sans-serif!important;font-size:10px;color:#111;font-weight:400}.lit.name{font-size:13px;font-weight:700}.lit.label{font-size:9px;color:#333}.lit.val{font-size:10px;font-weight:700}.lit.bigval{font-size:12px;font-weight:700}.lit.address{font-size:11px}.lit.program{font-size:11px;font-weight:700;text-transform:uppercase}.lit.section{font-size:10px;font-weight:700}.lit.option{font-size:10px;font-weight:700}.lit.footer{font-size:8px;color:#444}.lit.fineprint{font-size:5.8px;line-height:1.1;width:880px;white-space:normal;color:#333}
.literal-proposal-page:before{content:"";position:absolute;left:29px;top:32px;width:876px;height:1142px;border:0 solid transparent;pointer-events:none}.literal-proposal-page:after{content:"";position:absolute;left:26px;right:26px;top:1148px;border-top:1px solid #ddd}.lit-chart{position:absolute;width:250px;height:110px}.lit-chart .chart-title{position:absolute;top:0;left:80px;font-size:9px;font-weight:700}.lit-chart .axis{position:absolute;left:20px;bottom:20px;width:210px;height:84px;border-left:1px solid #aaa;border-bottom:1px solid #aaa}.lit-chart .bar{position:absolute;bottom:21px;width:34px;background:#d7e0ec;border:1px solid #b9c3cf}.lit-chart .bar.equity{left:55px;background:#d8e4f4}.lit-chart .bar.interest{left:105px;background:#e8eef7}.lit-chart .bar.rent{left:155px;background:#f1f1f1}.lit-chart .bar-labels{position:absolute;left:45px;bottom:5px;font-size:6px}.lit-chart .chart-values{position:absolute;left:45px;bottom:13px;font-size:6px}.pdf-proposal-clone{display:none!important}
body.export-page .literal-proposal-page{transform:none!important;margin:0!important}
@media(max-width:560px){.flyer-design-purchase-proposal .literal-proposal-page{transform:scale(.34)}}

/* Sarel literal clone fidelity fix 2026-05-10: fixed-position Report Card + Buy vs Rent pages */
.literal-report-page,.literal-buyrent-page{position:relative;width:935px;height:1210px;background:#fff;color:#172033;overflow:hidden;transform-origin:top left;font-family:Arial,Helvetica,sans-serif!important;font-size:11px;line-height:1.15}
.flyer-design-report-card .literal-report-page,.flyer-design-buy-rent .literal-buyrent-page{transform:scale(.385);margin:0 auto;height:1210px;min-width:935px}
.preview-rail .flyer-design-report-card,.preview-rail .flyer-design-buy-rent{height:466px!important;overflow:hidden!important;padding:0!important;display:block!important;background:#fff!important;border:1px solid #ddd!important}
.live-share-sheet.flyer-design-report-card .literal-report-page,.live-share-sheet.flyer-design-buy-rent .literal-buyrent-page{transform:scale(.81)}
body.export-page .literal-report-page,body.export-page .literal-buyrent-page{transform:none!important;margin:0!important}
.lit-color-stack{display:none!important}
.literal-report-page{--rc-dark:#123f42;--rc-teal:#89c3c2;--rc-purple:#8062dd;--rc-pale:#f0fbfc}.rc-rail{position:absolute;left:20px;top:20px;width:118px;height:160px;background:linear-gradient(135deg,#fff,#f2f5f6);border-left:8px solid var(--rc-teal)}.rc-logo{position:absolute;left:44px;top:40px;display:grid;gap:5px;color:#123f42}.rc-logo b{font-size:30px}.rc-logo span{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.rc-header{position:absolute;left:158px;top:22px;width:735px;height:150px;background:var(--rc-dark);color:#fff;padding:24px 28px}.rc-header span{font-size:12px;letter-spacing:.22em;font-weight:900;color:#cce6e4}.rc-header h2{margin:10px 0 8px!important;color:#fff!important;text-transform:uppercase!important;font-size:33px!important;line-height:1!important;font-weight:900!important}.rc-header p{color:#e4fbfb!important;font-size:13px!important;margin:0!important}.rc-key{position:absolute;left:670px;top:95px;width:205px;min-height:60px;background:#fff;color:#123f42;padding:11px 13px}.rc-key small{display:block;text-transform:uppercase;letter-spacing:.12em;color:#6c8a8c;font-weight:900}.rc-key strong{display:block;font-size:15px}.rc-key em{display:block;font-style:normal;font-size:10px;color:#526071}.rc-chip{position:absolute;width:190px;height:78px;background:#eaffff;border:1px solid #c9e7e8;border-top:9px solid var(--rc-teal);padding:11px}.rc-chip.purple{border-top-color:var(--rc-purple)}.rc-chip span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#547274;font-weight:900}.rc-chip b{display:block;margin-top:7px;font-size:24px;color:#123f42}.rc-mainbox{position:absolute;left:42px;top:278px;width:552px;height:100px;border:1px solid #dce7e8;background:#fff;border-left:12px solid var(--rc-dark);padding:17px 20px}.rc-mainbox h3{color:#123f42!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:20px!important;margin:0 0 8px!important}.rc-mainbox p{font-size:11px!important;color:#5b6774!important;margin:0!important}.rc-grade{position:absolute;left:618px;top:278px;width:276px;height:100px;background:var(--rc-purple);color:#fff;padding:15px 18px}.rc-grade span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#e9e2ff}.rc-grade strong{font-size:44px;line-height:1;float:left;margin-right:14px}.rc-grade p{font-size:11px!important;color:#fff!important;margin:5px 0 0!important}.rc-panel{position:absolute;width:258px;height:134px;background:#fff;border:1px solid #dce7e8;border-top:8px solid var(--rc-teal);padding:13px}.rc-panel:nth-of-type(2n){border-top-color:var(--rc-purple)}.rc-panel h4{margin:0 0 8px;color:#123f42;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.rc-panel p{margin:4px 0!important;color:#566575!important;font-size:11px!important}.rc-table-title{position:absolute;left:42px;top:558px;width:552px;height:24px;background:var(--rc-dark);color:#fff;text-align:center;font-size:11px;font-weight:900;letter-spacing:.12em;padding-top:6px}.rc-loan-row{position:absolute;left:42px;width:552px;height:34px;border:1px solid #dce7e8;background:#fff;display:grid;grid-template-columns:1fr 90px;align-items:center;padding:0 10px}.rc-loan-row span{font-weight:800;color:#21313c}.rc-loan-row b{color:#123f42}.rc-loan-row em{position:absolute;left:10px;bottom:2px;height:4px;background:linear-gradient(90deg,var(--rc-teal),var(--rc-purple))}.rc-chart{position:absolute;left:42px;top:745px;width:552px;height:275px;background:#fff;border:1px solid #dce7e8;padding:16px}.rc-chart h4{margin:0;color:#123f42;text-transform:uppercase;letter-spacing:.08em}.rc-axis{position:absolute;left:55px;bottom:60px;width:390px;height:170px;border-left:1px solid #b8c7c9;border-bottom:1px solid #b8c7c9}.rc-chart b{position:absolute;bottom:61px;width:46px;background:#9acccc}.rc-chart b.purple{background:#8062dd}.rc-chart span{position:relative;top:220px;margin-left:50px;font-size:10px;color:#64748b}.rc-callout{position:absolute;left:618px;top:558px;width:276px;height:462px;background:#f3fbfb;border:1px solid #dce7e8;border-top:10px solid var(--rc-dark);padding:18px}.rc-callout strong{display:block;color:#123f42;text-transform:uppercase;letter-spacing:.1em;margin-top:12px}.rc-callout p{font-size:12px!important;color:#566575!important}.rc-footer{position:absolute;left:42px;right:42px;bottom:48px;border-left:8px solid var(--rc-dark);background:#f2f7f8;padding:13px 16px;color:#344054;font-size:10px}
.literal-buyrent-page{--br-teal:#8dc6c4;--br-dark:#182e32;--br-purple:#7666b2;--br-pale:#f3f8fb}.br-top{position:absolute;left:34px;top:28px;right:34px;height:106px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:8px solid var(--br-teal);background:#fff;padding:14px 18px}.br-top span{font-size:12px;letter-spacing:.22em;font-weight:900;color:#6fa6a8}.br-top h2{font-size:31px!important;text-transform:uppercase!important;color:var(--br-dark)!important;margin:6px 0!important}.br-top p,.br-top aside{font-size:11px!important;color:#5c7279!important;margin:0!important}.br-top aside{text-align:right}.br-hero{position:absolute;left:34px;top:156px;right:34px;height:102px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.br-hero div{background:var(--br-pale);border:1px solid #d5e7eb;border-top:8px solid var(--br-teal);padding:14px}.br-hero div.buy{border-top-color:var(--br-purple)}.br-hero small{display:block;text-transform:uppercase;letter-spacing:.12em;color:#607985;font-weight:900}.br-hero strong{display:block;color:var(--br-dark);font-size:27px}.br-hero em{font-size:11px;color:#607985;font-style:normal}.br-cards{position:absolute;left:34px;top:284px;right:34px;height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.br-cards article{height:205px;background:#fff;border:1px solid #d5e7eb;border-top:8px solid var(--br-teal);padding:13px;position:relative}.br-cards article:nth-child(2){border-top-color:var(--br-purple)}.br-cards h3{font-size:16px!important;text-transform:uppercase!important;color:var(--br-dark)!important;margin:0 0 6px!important}.br-cards p{font-size:10px!important;color:#607985!important}.br-cards b{position:relative;display:inline-block;width:34px;margin:0 9px;background:var(--br-teal);vertical-align:bottom;top:34px}.br-cards article:nth-child(2) b,.br-cards article:nth-child(3) b:nth-of-type(2n){background:var(--br-purple)}.br-table-title{position:absolute;left:34px;top:526px;width:867px;height:28px;background:var(--br-dark);color:#fff;text-align:center;font-size:11px;font-weight:900;letter-spacing:.14em;padding-top:8px}.br-row{position:absolute;left:34px;width:867px;height:36px;border:1px solid #d5e7eb;background:#fff;display:grid;grid-template-columns:1fr 130px 1fr 130px;align-items:center;padding:0 14px;gap:10px}.br-row span{color:#607985;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.br-row b{color:var(--br-dark);font-size:14px}.br-big-chart{position:absolute;left:34px;top:535px;width:867px;height:412px;background:#fff;border:1px solid #d5e7eb;margin-top:0;padding:140px 18px 18px}.br-big-chart h3{position:absolute;left:24px;top:165px;color:var(--br-dark)!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-size:16px!important}.home-icon{position:absolute;left:70px;top:210px;width:90px;height:80px;display:grid;place-items:center;background:var(--br-pale);border:1px solid #d5e7eb;font-size:58px;color:var(--br-teal)}.br-axis{position:absolute;left:200px;bottom:80px;width:520px;height:260px;border-left:1px solid #b8c7c9;border-bottom:1px solid #b8c7c9}.br-big-chart b{position:absolute;bottom:81px;width:48px;background:var(--br-teal)}.br-big-chart b.purple{background:var(--br-purple)}.br-big-chart span{position:absolute;bottom:54px;font-size:10px;color:#607985}.br-bottom{position:absolute;left:34px;right:34px;top:970px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.br-bottom div{background:var(--br-pale);border-left:8px solid var(--br-teal);padding:14px}.br-bottom div:nth-child(2){border-left-color:var(--br-purple)}.br-bottom strong{color:var(--br-dark);text-transform:uppercase}.br-bottom p{font-size:11px!important;color:#607985!important;margin:5px 0 0!important}.br-footer{position:absolute;left:34px;right:34px;bottom:45px;background:var(--br-pale);border-left:8px solid var(--br-teal);padding:12px;color:#344054;font-size:10px}

/* Sarel correction 2026-05-10: desktop navigation belongs at top and must not sticky-follow */
@media (min-width:981px){
  .topbar{position:static!important;top:auto!important}
  .workspace-shell{grid-template-columns:minmax(0,1fr) 520px!important;grid-template-areas:"nav nav" "main preview";align-items:start}
  .sidebar{grid-area:nav;position:static!important;top:auto!important;height:auto!important}
  .panel-stack{grid-area:main}.preview-rail{grid-area:preview}
  .sidebar-nav{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;padding:12px!important;border-radius:24px!important}
  .sidebar-nav .tab{text-align:center!important;white-space:nowrap!important;padding:12px 15px!important;border-radius:999px!important;background:#fff;border:1px solid rgba(231,221,210,.85)}
  .sidebar-nav .tab.active{background:#2f2f2f!important;color:#fff!important;border-color:#2f2f2f!important}
  .sidebar .mini-card{display:none!important}
}


/* Sarel correction 2026-05-10 14:31: clean generated PDF clones so our outputs do not overlap */
.literal-proposal-page .lit-chart,.literal-proposal-page .lit-color-stack{display:none!important}
.literal-proposal-page .lit{max-width:170px;overflow:hidden;text-overflow:ellipsis}
.literal-proposal-page .lit.address{max-width:760px}.literal-proposal-page .lit.program{max-width:430px}.literal-proposal-page .lit.fineprint{max-width:880px;overflow:visible;text-overflow:clip}
.literal-report-page .rc-header h2{width:470px;max-height:70px;overflow:hidden;font-size:27px!important;line-height:1.04!important}
.literal-report-page .rc-key{z-index:2}.literal-report-page .rc-panel p,.literal-report-page .rc-callout p{overflow-wrap:anywhere}
.literal-buyrent-page .br-top h2{max-width:620px;max-height:68px;overflow:hidden;font-size:27px!important;line-height:1.06!important}
.literal-buyrent-page .br-cards article{overflow:hidden}.literal-buyrent-page .br-cards p{max-height:42px;overflow:hidden}
.literal-buyrent-page .br-cards b{position:absolute!important;bottom:14px!important;top:auto!important;width:36px!important;max-height:136px!important;margin:0!important}
.literal-buyrent-page .br-cards b:nth-of-type(1){left:42px}.literal-buyrent-page .br-cards b:nth-of-type(2){left:96px}.literal-buyrent-page .br-cards b:nth-of-type(3){left:150px}
.literal-buyrent-page .br-table-title{top:518px!important}
.literal-buyrent-page .br-big-chart{top:752px!important;height:230px!important;padding:0!important;margin:0!important}
.literal-buyrent-page .br-big-chart h3{top:18px!important;left:24px!important}.literal-buyrent-page .home-icon{top:68px!important}
.literal-buyrent-page .br-axis{bottom:52px!important;height:142px!important}.literal-buyrent-page .br-big-chart b{bottom:53px!important;max-height:138px!important}.literal-buyrent-page .br-big-chart span{bottom:28px!important}
.literal-buyrent-page .br-bottom{top:1008px!important}.literal-buyrent-page .br-bottom div{min-height:82px}.literal-buyrent-page .br-footer{bottom:28px!important}


/* Sarel correction 2026-05-10 15:06: CRM desktop must be a real table with click-to-view detail, not a crushed/blank workspace */
@media (min-width:981px){
  body[data-active-panel="peoplePanel"] .workspace-shell{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"nav" "main"!important;max-width:1720px!important;margin:0 auto!important}
  body[data-active-panel="peoplePanel"] .panel-stack{grid-area:main!important;width:100%!important;min-width:0!important}
  body[data-active-panel="peoplePanel"] .preview-rail{display:none!important}
  body[data-active-panel="peoplePanel"] #peoplePanel{width:100%!important;max-width:none!important}
  body[data-active-panel="peoplePanel"] .crm-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  body[data-active-panel="peoplePanel"] .crm-list-card,body[data-active-panel="peoplePanel"] .crm-detail-card{width:100%!important;max-width:none!important;min-height:auto!important}
  body[data-active-panel="peoplePanel"] .crm-detail-card{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important}
  body[data-active-panel="peoplePanel"] .crm-detail-card .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[data-active-panel="peoplePanel"] .crm-detail-card .span-2{grid-column:span 3!important}
  body[data-active-panel="peoplePanel"] .crm-table-wrap{max-height:none!important;min-height:0!important;overflow:auto!important}
  body[data-active-panel="peoplePanel"] .crm-people-table{min-width:1120px!important;width:100%!important}
  body[data-active-panel="peoplePanel"] .crm-people-table th,body[data-active-panel="peoplePanel"] .crm-people-table td{white-space:nowrap!important}
  body[data-active-panel="peoplePanel"] .crm-people-table td:nth-child(7){white-space:normal!important;min-width:170px!important}
  body[data-active-panel="peoplePanel"] .crm-open-person{white-space:nowrap!important}
}


/* Sarel correction 2026-05-10 15:12: every flyer design can be co-branded */
.flyer-is-cobranded .flyer-topline{display:flex!important}
.universal-cobrand-ribbon{position:absolute;left:34px;right:34px;bottom:16px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid color-mix(in srgb,var(--brand-primary,#2f2f2f) 22%,#d8c3a8);background:rgba(255,255,255,.96);color:var(--brand-primary,#2f2f2f);font-family:Arial,Helvetica,sans-serif;z-index:8;box-shadow:0 8px 18px rgba(20,20,20,.08)}
.universal-cobrand-ribbon span{font-size:9px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#7d6a55}.universal-cobrand-ribbon strong{font-size:13px;font-weight:900}.universal-cobrand-ribbon em{font-style:normal;color:#8a765f}.universal-cobrand-ribbon small{font-size:9px;color:#6b7280;margin-left:8px}
.flyer-is-cobranded.flyer-design-purchase-proposal .literal-proposal-page,.flyer-is-cobranded.flyer-design-report-card .literal-report-page,.flyer-is-cobranded.flyer-design-buy-rent .literal-buyrent-page{padding-bottom:58px!important}
.flyer-is-cobranded.skinny-standalone-output .brand-row{display:grid!important;margin-bottom:14px!important}
body[data-active-panel="optionsPanel"] #flyerPreview .flyer-is-cobranded .brand-row{display:grid!important}
.flyer-is-cobranded .brand-row{border-top-color:color-mix(in srgb,var(--brand-primary,#2f2f2f) 24%,var(--line))!important}


/* Sarel correction 2026-05-10 16:02: co-branded workflow = edit fields above, client-facing output below */
.preview-theme-switcher{display:grid;gap:6px;margin-top:12px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:10px 12px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.preview-theme-switcher select{width:100%;margin-top:2px;text-transform:none;letter-spacing:0;font-size:14px;font-weight:800;color:var(--text);background:#fbf8f3;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
@media (min-width:981px){
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] .workspace-shell{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"nav" "main" "preview"!important;max-width:1560px!important;margin:0 auto!important}
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] .panel-stack{grid-area:main!important;min-width:0!important;width:100%!important}
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] .preview-rail{grid-area:preview!important;position:static!important;top:auto!important;height:auto!important;min-width:0!important;width:100%!important}
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] .preview-shell{max-width:none!important;width:100%!important}
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] .preview-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,420px)!important;gap:10px 18px!important;align-items:end!important}
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] .preview-head .eyebrow,body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] .preview-head h2,body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] .preview-head .size-readout{grid-column:1!important}
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] .preview-theme-switcher{grid-column:2!important;grid-row:1 / span 3!important;margin-top:0!important}
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] .preview-rail .flyer-sheet{width:min(100%,935px)!important;height:auto!important;min-height:1210px!important;max-height:none!important;overflow:visible!important}
}
@media (max-width:980px){.preview-theme-switcher{margin-top:10px}}

/* Sarel correction 2026-05-10 16:49: literal clone pages should fill the client-facing page, not sit tiny in the corner */
@media (min-width:981px){
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] #flyerPreview .flyer-design-purchase-proposal,
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] #flyerPreview .flyer-design-report-card,
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] #flyerPreview .flyer-design-buy-rent{
    width:935px!important;
    max-width:100%!important;
    height:auto!important;
    min-height:1210px!important;
    padding:0!important;
    display:block!important;
    overflow:visible!important;
    border-radius:0!important;
    align-content:start!important;
  }
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] #flyerPreview .literal-proposal-page,
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] #flyerPreview .literal-report-page,
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] #flyerPreview .literal-buyrent-page{
    transform:none!important;
    margin:0!important;
    width:935px!important;
    height:1210px!important;
    min-width:935px!important;
  }
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] #flyerPreview .universal-cobrand-ribbon{left:28px!important;right:28px!important;bottom:-62px!important}
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] #flyerPreview .flyer-is-cobranded.flyer-design-purchase-proposal,
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] #flyerPreview .flyer-is-cobranded.flyer-design-report-card,
  body[data-active-panel="scenarioPanel"][data-cobrand-active="1"] #flyerPreview .flyer-is-cobranded.flyer-design-buy-rent{margin-bottom:78px!important}
}