/* Renew Home Buyers · shared application branding.
   Loaded after the legacy tool styles. Status colors retain their meaning. */
html:root {
  --renew-navy: #101C35;
  --renew-blue: #2858FF;
  --renew-tip: #60A6FE;
  --renew-white: #FFFFFF;
  --renew-pale: #F0F5FC;
  --renew-slate: #4F5F79;
  --renew-border: #DCE3EF;
  --bg: var(--renew-white);
  --surface: var(--renew-white);
  --surface2: var(--renew-pale);
  --ink: var(--renew-navy);
  --ink2: var(--renew-slate);
  --line: var(--renew-border);
  --blue: var(--renew-blue);
  --blue-soft: var(--renew-pale);
  --purple: var(--renew-blue);
  /* Older controls use these names for their primary brand color. */
  --green: var(--renew-blue);
  --green2: var(--renew-navy);
  --green-soft: var(--renew-pale);
  --owner-navy: var(--renew-navy);
  --owner-mint: var(--renew-tip);
  --iu-ink: var(--renew-navy);
  --gold-border: var(--renew-border);
  --gold-accent: var(--renew-blue);
  --body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --disp: var(--body);
  --sans: var(--body);
  --mono: var(--body);
  --radius: 16px;
  --shadow: 0 4px 18px rgb(16 28 53 / 5%);
}

html body .golden-page { --gold: var(--renew-blue); --gold-soft: var(--renew-pale); --gold-border: var(--renew-border); }
html body .iu-page { --iu-indigo: var(--renew-blue); --iu-cyan: var(--renew-slate); --iu-ink: var(--renew-navy); }
html body .es-workspace { --es-purple: var(--renew-blue); --es-line: var(--renew-border); }
html body .business-kpi.purple, html body .business-kpi.blue { --accent: var(--renew-tip); }

html, html body { background: var(--renew-white); color: var(--renew-navy); font-family: var(--body); }
html body .shell, html body .main { background: var(--renew-white); }
html body :is(button, input, select, textarea, label, h1, h2, h3, h4, h5, h6) { font-family: var(--body); }
html body :is(h1, h2, h3, h4) { color: var(--renew-navy); }
html body h1 { font-weight: 750; letter-spacing: -.035em; line-height: 1.2; }
html body :is(h2, h3) { font-weight: 700; letter-spacing: -.02em; }
html body :is(.pagehead h1, .card h2, .command-section-head h2) { text-transform: none; }
html body :is(.pagehead p, .command-section-head p, .arv-muted, .arv-page-heading p, .note, .smallmuted, .owner-location b) { color: var(--renew-slate); }
html body :is(pre, code, kbd) { font-family: 'IBM Plex Mono', ui-monospace, monospace; }
html body :is(.stat .val, .business-kpi b, .owner-metric > strong, .golden-kpi b, .uw-option strong) { font-family: var(--body); font-variant-numeric: tabular-nums; }
html body a:not(.btn):not(.golden-btn):not(.fs-btn):not(.b73-btn) { color: var(--renew-blue); }
html body :focus-visible { outline: 3px solid var(--renew-blue); outline-offset: 3px; }
html body input[type="checkbox"], html body input[type="radio"] { accent-color: var(--renew-blue); }
html body ::selection { background: #DCE9FF; color: var(--renew-navy); }

/* The supplied artwork is displayed intact. No cropping, recoloring or filters. */
html body .topbar { background: var(--renew-white); border-bottom: 1px solid var(--renew-border); box-shadow: none; }
html body .brand { display: flex; align-items: center; gap: 18px; background: var(--renew-white); padding: 0; }
html body .brand::before, html body .sidebar::before { content: none; display: none; }
html body img.renew-logo { display: block; width: 174px; height: auto; aspect-ratio: 3 / 1; object-fit: contain; object-position: center; max-width: 100%; flex-shrink: 0; border: 0; border-radius: 0; background: var(--renew-white); filter: none; }
html body .renew-workspace-label { color: var(--renew-slate); font: 600 12px/1.4 var(--body); letter-spacing: 0; text-transform: none; border-left: 1px solid var(--renew-border); padding-left: 18px; }
html body .owner-location { margin-left: 12px; color: var(--renew-slate); }
html body .workspace-find { background: var(--renew-pale); color: var(--renew-slate); border-color: var(--renew-border); box-shadow: none; }
html body :is(.workspace-find i, .workspace-find > svg, .workspace-finder-search > span, .workspace-finder > header span) { color: var(--renew-blue); }
html body .workspace-settings-button { background: var(--renew-white); color: var(--renew-slate); border-color: var(--renew-border); }
html body .workspace-settings-button:is(:hover, .on) { background: var(--renew-pale); color: var(--renew-blue); border-color: var(--renew-blue); }
html body .sync { color: var(--renew-slate); }
html body .sync i.cloud { background: #18825D; box-shadow: 0 0 0 3px #E8F6EF; }

html body .sidebar { background: var(--renew-navy); color: #DCE3EF; border: 0; box-shadow: none; }
html body .sidebar :is(.owner-nav-caption, .owner-context-nav > small, .nav-favorites-head > span, .nav-sidebar-utility > small, .nav-group-toggle) { color: #BCCAE1; }
html body .sidebar .navbtn { color: #DCE3EF !important; background: transparent; border-radius: 10px; }
html body .sidebar .navbtn:hover { background: #1B2D4D !important; color: #FFFFFF !important; }
html body .sidebar .navbtn.on,
html body .sidebar .nav-item-shell.favorite .navbtn.on,
html body .sidebar .nav-sidebar-utility .navbtn.on { background: var(--renew-blue) !important; color: var(--renew-white) !important; box-shadow: none !important; }
html body .sidebar .navbtn .ico { color: #BCCAE1; }
html body .sidebar .navbtn.on .ico { color: var(--renew-white); }
html body .sidebar .nav-pin { color: #91A8CF; }
html body .sidebar .nav-pin.on { color: var(--renew-tip); }
html body .owner-workspace-link { color: #DCE3EF; }
html body .owner-workspace-link > svg { color: #BCCAE1; }
html body .owner-workspace-link.on { color: var(--renew-white); background: var(--renew-blue); box-shadow: none; }
html body .owner-workspace-link.on > svg { color: var(--renew-white); }
html body .owner-nav-search { background: #1B2D4D; border-color: #354765; color: #DCE3EF; }
html body .owner-nav-search input { color: var(--renew-white); background: transparent; }
html body .owner-nav-search input::placeholder { color: #BCCAE1; }
html body .owner-nav-foot { color: #BCCAE1; }
html body .owner-nav-foot strong { color: var(--renew-white); }
html body .mobilebar { background: var(--renew-white); border-top-color: var(--renew-border); box-shadow: 0 -3px 16px rgb(16 28 53 / 5%); }
html body .mobilebar button { color: var(--renew-slate); }
html body .mobilebar button.on { color: var(--renew-blue); background: var(--renew-pale); }

/* White cards and restrained pale blue supporting surfaces. */
html body :is(.card, .comper-card, .golden-card, .owner-panel, .owner-metric, .business-kpi, .department-card, .data-tool-card, .dispo-kpi, .workspace-finder, .owner-dialog, .command-modal, .cg-card) {
  background: var(--renew-white); border-color: var(--renew-border); border-radius: 16px; box-shadow: 0 2px 10px rgb(16 28 53 / 3%);
}
html body :is(.card, .owner-panel, .business-kpi):hover { transform: none; box-shadow: 0 2px 10px rgb(16 28 53 / 3%); }
html body :is(.owner-metric > strong, .owner-panel h2, .golden-address, .golden-fact b, .golden-source-name, .arv-report-list > button, .uw-evidence-values strong) { color: var(--renew-navy); }
html body :is(.owner-metric > span, .owner-metric > small, .owner-metric > em, .golden-hero p, .golden-workstream-hero p, .golden-fact span, .golden-empty, .golden-command-kpis span, .uw-evidence-values small, .uw-buyer-grid li) { color: var(--renew-slate); }
html body :is(.filters, .workspace-tabs, .golden-tabs, .iu-tabs, .iu-range, .cg-tabs, .owner-panel-foot, .owner-setup-strip, .arv-subject-report, .uw-evidence-values article, .uw-scope-list > details, .uw-upload, .uw-import-preview, .uw-edit-box, .uw-buyer-grid > article, .golden-fact, .golden-source-registry-card, .deal-column, .data-kpi, .arv-details, .arv-photo-panel) {
  background: var(--renew-pale); border-color: var(--renew-border);
}
html body :is(.golden-command-widget, .golden-results-card, .golden-bulk-intro, .golden-review-hero, .golden-source-panel, .golden-screening-panel, .golden-propstream-hero, .golden-engine-rules, .golden-ai-shortlist-card, .golden-ai-routing-card, .golden-draft, .golden-bulk-draft, .golden-address-resolution, .sniper-dashboard, .ai-summary-card) { background: var(--renew-white); border-color: var(--renew-border); }
html body :is(.df-brain, .brain-result-head, .crm-hot-card, .hit-list-dashboard, .top-priority-dashboard, .market-copilot, .taskify-lead-card, .b73-kpi, .cc-taskify-pipeline-sync) { background: var(--renew-white); border-color: var(--renew-border); }
html body :is(.lifecycle-stage, .cc-buyer-source-tags, .iu-buyer-criteria-disclosure[open] summary) { background: var(--renew-pale); border-color: var(--renew-border); }
html body :is(.golden-workstream-hero.bulk, .golden-workstream-hero.priority, .golden-workstream-overview button, .golden-workstream-overview button.priority, .golden-review-radar button) { background: var(--renew-pale); border-color: var(--renew-border); color: var(--renew-navy); box-shadow: none; }
html body :is(.golden-workstream-hero small, .golden-review-hero > div > small, .command-eyebrow, .owner-kicker, .arv-eyebrow) { color: var(--renew-slate); }
html body :is(.tablewrap, .comper-table-wrap, .golden-table-wrap, .uw-sale-editor, .golden-review-card, .golden-queue-row) { border-color: var(--renew-border); }
html body :is(th, .golden-table th, .arv-comps th) { background: var(--renew-pale); color: var(--renew-slate); border-color: var(--renew-border); }
html body :is(td, .golden-table td, .arv-comps td) { border-color: var(--renew-border); }
html body :is(.golden-table tbody tr:hover, .arv-report-list > button:hover, .workspace-finder-result:hover, .workspace-finder-result:focus-visible) { background: var(--renew-pale); }
html body :is(.golden-quick input, .golden-quick select, .fld input, .fld select, .fld textarea, .searchbox input, .arv-page input, .arv-page select, .arv-page textarea, .auth-form input) { background-color: var(--renew-white); border-color: var(--renew-border); color: var(--renew-navy); }
html body :is(input, select, textarea):focus { border-color: var(--renew-blue); }
html body :is(.golden-quick input:focus, .golden-quick select:focus, .fld input:focus, .fld select:focus, .fld textarea:focus, .auth-form input:focus) { box-shadow: 0 0 0 3px rgb(40 88 255 / 12%); }

/* Primary and secondary controls across legacy modules. */
html body :is(.btn, .golden-btn, .fs-btn, .b73-btn, .crm-action-btn) { font-family: var(--body); font-weight: 600; border-radius: 10px; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease; }
html body .btn.primary, html body .btn.blue,
html body .golden-btn.primary, html body .golden-btn.gold,
html body .fs-btn.primary, html body .b73-btn.primary,
html body .es-workspace .btn.primary,
html body .arv-page .btn:not(.secondary):not(.outline):not(.danger),
html body .comper .btn:not(.secondary):not(.outline):not(.danger) {
  background: var(--renew-blue); color: var(--renew-white); border: 1px solid var(--renew-blue); box-shadow: 0 2px 5px rgb(40 88 255 / 10%);
}
html body .btn.primary:hover, html body .btn.blue:hover,
html body .golden-btn.primary:hover, html body .golden-btn.gold:hover,
html body .fs-btn.primary:hover, html body .b73-btn.primary:hover,
html body .es-workspace .btn.primary:hover,
html body .arv-page .btn:not(.secondary):not(.outline):not(.danger):hover,
html body .comper .btn:not(.secondary):not(.outline):not(.danger):hover {
  background: var(--renew-navy); border-color: var(--renew-navy); color: var(--renew-white); box-shadow: none; transform: none; filter: none;
}
html body .btn.secondary, html body .btn.outline,
html body .golden-btn:not(.primary):not(.gold):not(.danger):not(.photo-archive),
html body .fs-btn:not(.primary):not(.danger), html body .b73-btn:not(.primary):not(.danger) {
  background: var(--renew-white); color: var(--renew-navy); border: 1px solid var(--renew-border); box-shadow: none;
}
html body :is(.btn.secondary:hover, .btn.outline:hover, .golden-btn:not(.primary):not(.gold):not(.danger):not(.photo-archive):hover) { background: var(--renew-pale); border-color: var(--renew-blue); transform: none; }
html body :is(.arv-text-button, .comper-text-button, .owner-text-button, .link-button, .golden-open-profile, .golden-dash-row em, .auth-link-btn) { color: var(--renew-blue); }
html body .golden-profile-link:is(:hover, :focus-visible) .golden-address { color: var(--renew-blue); }
html body :is(.golden-drop:hover, .golden-drop:focus-visible, .cc-drop:hover, .uw-upload:hover) { border-color: var(--renew-blue); background: var(--renew-pale); box-shadow: 0 0 0 3px rgb(40 88 255 / 10%); }

html body :is(.workspace-tabs button.on, .golden-tabs button.on, .iu-tabs button.on, .iu-range button.on, .cg-tabs button.on, .command-range button.on, .uw-tabs button.active, .comper-tabs button[aria-pressed=true], .owner-search-scopes button[aria-pressed=true], .lead-source-switch button.on, .hit-sniper-switch button.on) { color: var(--renew-white); background: var(--renew-blue); border-color: var(--renew-blue); box-shadow: none; }
html body :is(.tabs button.on, .tab.on, .chip.on, .cc-buyer-categories button.on) { color: var(--renew-white); background: var(--renew-blue); border-color: var(--renew-blue); box-shadow: none; }
html body .cg-template.selected { background: var(--renew-pale); border-color: var(--renew-blue); }
html body :is(.golden-tabs, .workspace-tabs, .iu-tabs, .iu-range, .uw-tabs) button:not(.on):not(.active) { color: var(--renew-slate); }
html body :is(.golden-tabs, .workspace-tabs, .iu-tabs, .iu-range, .uw-tabs) button:not(.on):not(.active):hover { color: var(--renew-navy); background: #DCE9FF; }
html body :is(.sniper-filter button.on, .golden-results-kpis button.on, .es-field-row > button.selected) { background: var(--renew-pale); border-color: var(--renew-blue); color: var(--renew-blue); box-shadow: none; }
html body :is(.workspace-finder-result > span, .golden-drop-icon, .owner-panel h2 > span, .uw-pill, .iu-source-tags-panel) { background: var(--renew-pale); color: var(--renew-blue); border-color: var(--renew-border); }
html body :is(.workspace-finder-result > i, .workspace-finder > header span, .golden-results-kpis button.on span) { color: var(--renew-blue); }
html body :is(.bar i, .mini-meter i, .golden-progress i, .golden-mini-bar i::after, .iu-bar i) { background: var(--renew-blue); }
html body :is(.brain-call-progress i span, .brain-progress-large i span, .crm-intelligence-progress-track i, .market-import-progress i) { background: var(--renew-blue); }
html body .uw-condition { border-top-color: var(--renew-tip); }

/* Navy is reserved for navigation and intentional dark panels. */
html body :is(.owner-metric-featured, .golden-hero, .golden-engine-hero, .golden-email-box, .iu-statusbar, .arv-provider-value) { background: var(--renew-navy); border-color: var(--renew-navy); color: var(--renew-white); box-shadow: none; }
html body :is(.fs-hero, .brain-pagehead) { background: var(--renew-navy); border-color: var(--renew-navy); color: var(--renew-white); box-shadow: none; }
html body :is(.fs-hero, .brain-pagehead, .iu-statusbar, .golden-hero, .golden-engine-hero) :is(h1, h2, h3, h4) { color: var(--renew-white); }
html body :is(.fs-hero, .brain-pagehead, .iu-statusbar, .golden-hero, .golden-engine-hero) :is(p, small, .command-eyebrow) { color: #DCE3EF; }
html body :is(.owner-metric-featured > strong, .golden-hero h1, .golden-hero h2, .golden-engine-hero h1, .golden-engine-hero h2, .golden-engine-hero h3, .iu-statusbar h2) { color: var(--renew-white); }
html body :is(.owner-metric-featured > span, .owner-metric-featured > small, .owner-metric-featured > em, .golden-hero p, .golden-engine-hero p) { color: #DCE3EF; }
html body .golden-hero .golden-eyebrow { color: #DCE3EF; }
html body .golden-email-box code { color: var(--renew-white); }
html body .golden-score { background: var(--renew-navy); color: var(--renew-white); }

/* Red, amber and green continue to communicate operational status. */
html body .btn.danger, html body .golden-btn.danger { background: #FFF1F2; color: #B42336; border: 1px solid #FECDD3; box-shadow: none; }
html body :is(.badge.green, .pill.green, .chip.green) { background: #E8F6EF; color: #176B48; }
html body :is(.stat.green .val, .uw-comp-status.ready) { color: #176B48; }
html body .alert.blue { color: var(--renew-navy); border-color: var(--renew-border); background: var(--renew-pale); }

html body .auth-gate { background: var(--renew-pale); }
html body .auth-card { background: var(--renew-white); border-color: var(--renew-border); box-shadow: 0 12px 36px rgb(16 28 53 / 8%); border-radius: 18px; }
html body .auth-brand { gap: 20px; flex-wrap: wrap; }
html body .auth-brand .renew-logo { width: 192px; }
html body .auth-brand h1 { font-size: 20px; color: var(--renew-navy); }
html body .auth-brand p { color: var(--renew-slate); }
html body .auth-spinner { border-color: var(--renew-border); border-top-color: var(--renew-blue); }

@media (max-width: 1180px) {
  html body .renew-workspace-label { display: none; }
  html body .brand { gap: 0; }
  html body .owner-location { margin-left: 0; }
}
@media (max-width: 900px) {
  html body .brand .renew-logo { width: 150px; }
  html body .topbar { background: var(--renew-white); gap: 12px; }
}
@media (max-width: 560px) {
  html body .brand .renew-logo { width: 138px; }
  html body .auth-brand { flex-direction: column; align-items: flex-start; gap: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  html body :is(.btn, .golden-btn, .fs-btn, .b73-btn, .crm-action-btn) { transition: none; }
}